/* Слой оформления «как T2_Helper»: широкий гротеск КАПСОМ для заголовков, Inter для текста,
   крупные скругления, карточки на поле, «пиксель»-мотив, только плоские заливки.
   Цвета НЕ меняются: всё берётся из токенов style.css (палитра Ant). Подключается после остальных CSS. */
@font-face{font-family:Inter;src:url(/static/fonts/Inter-Regular.ttf) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url(/static/fonts/Inter-Medium.ttf) format("truetype");font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url(/static/fonts/Inter-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url(/static/fonts/Inter-Bold.ttf) format("truetype");font-weight:700 800;font-display:swap}
@font-face{font-family:Unbounded;src:url(/static/fonts/Unbounded-Variable.ttf) format("truetype");font-weight:200 900;font-display:swap}

:root{
  --font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
  --font-display:Unbounded,Inter,Arial,sans-serif;
  --r-card:24px; --r-box:16px; --r-ctl:12px; --pixel:8px;
}
body{font-feature-settings:"tnum" 0,"cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}

/* ── Заголовки: крупный гротеск, капс, плотный интерлиньяж ── */
.hero h1,.promo-subhero h1,.login-card h1,.promo-body h1{
  font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:-.01em;
  line-height:1.12;font-size:clamp(26px,4.2vw,44px)}
.promo-body h2,.free-access-section h2,.why-section h2,.compare-section-head h2,
.compare-detail-head h2,.compare-table-head h2,.compare-extra-head h2{
  font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:-.01em;
  line-height:1.15;font-size:clamp(20px,2.6vw,28px)}
.login-card h1{font-size:clamp(20px,5vw,26px)}
.topbar-title{font-family:var(--font-display);font-weight:700;font-size:var(--t-sm);
  text-transform:uppercase;letter-spacing:.02em}
.hero-sub{line-height:1.55}

/* ── «Пиксель» у подписей и меток — фирменный квадрат вместо круга ── */
.hero-badge,.plan-pill,.tier-badge{border-radius:var(--r-ctl);font-weight:600;letter-spacing:.02em}
.hero-badge::before{content:"";display:inline-block;width:var(--pixel);height:var(--pixel);
  background:var(--accent);margin-right:8px;vertical-align:1px}

/* ── Карточки: крупнее скругление, волосяная рамка, без теней и свечения ── */
.model-card,.plan-card,.promo-card,.login-card,.card,.free-access-card,.why-card{
  border-radius:var(--r-card);border:1px solid var(--border);box-shadow:none}
.model-card:hover,.plan-card:hover{border-color:var(--accent);transform:none}
.login-card{padding:var(--s7,40px) var(--s6,32px)}

/* ── Кнопки и поля: единая геометрия ── */
.promo-body .btn,.promo-body a.btn,.promo-body button,.login-card button,.login-card .btn,
.login-card input,.login-card select{border-radius:var(--r-ctl)}
.promo-body .btn,.promo-body a.btn,.login-card button[type=submit],.login-card .btn{
  font-weight:700;letter-spacing:.02em;min-height:44px}
.login-card input{min-height:44px}
.btn,button,a{transition:background-color 120ms var(--ease-out),border-color 120ms var(--ease-out),
  color 120ms var(--ease-out),transform 120ms var(--ease-out)}

/* ── Воздух: секции лендинга дышат ── */
.hero{padding:clamp(56px,9vw,104px) var(--s5,24px) clamp(40px,6vw,72px)}
.promo-body section{scroll-margin-top:84px}

@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* ── Лендинг, тарифы, кабинет: геометрия и плотность как у T2, цвета Ant ── */
:root{ --r-pill:999px }
/* карточки на поле: 24px, плоские, волосяная рамка вместо тени */
.usecase-card,.testimonial-card,.pricing-card,.compare-product-card,.compare-model-card,.compare-col,
.step,.step-card,.faq-item details,.benefit-pill,.free-access-cta,.cta-card,.subscribe-card{
  border-radius:var(--r-card);box-shadow:none}
.benefit-pill,.faq-item details{border-radius:var(--r-box)}
.testimonial-card,.faq-item details{background:var(--surface)}
/* одна главная кнопка: CTA L52 r12 КАПСОМ; «small» — M40 */
.cta-btn{min-height:52px;padding:14px 28px;border-radius:var(--r-ctl);font-weight:700;font-size:15px;
  letter-spacing:.03em;text-transform:uppercase;line-height:1.2;display:inline-flex;align-items:center;
  justify-content:center;gap:8px}
.cta-btn.small{min-height:40px;padding:9px 18px;font-size:13px}
.cta-btn.big{font-size:15px;padding:16px}
/* метки и пилюли: 8px-пиксель вместо точки, без скругления «в круг» у чипов */
.hero-badge{display:inline-flex;align-items:center;min-height:36px;padding:0 var(--s4);border-radius:var(--r-ctl);
  font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.plan-pill,.compare-product-badge,.cap{border-radius:6px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;font-size:11px}
/* подзаголовки секций и eyebrow */
.section-sub,.hero-sub,.compare-section-head p{color:var(--muted)}
.compare-kicker,.section-kicker{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
/* поля на лендинге и в кабинете: заливка без рамки, 12px, фокус — рамка цвета текста */
.pricing-form input,.pricing-form select,.form-row input,.login-captcha input{
  border-radius:var(--r-ctl);border:1px solid transparent;background:var(--surface-2);min-height:48px}
.pricing-form input:hover,.form-row input:hover:not(:disabled),.login-captcha input:hover:not(:disabled){
  background:var(--surface-3);border-color:transparent}
.pricing-form input:focus,.form-row input:focus,.login-captcha input:focus{
  background:var(--surface);border-color:var(--text)}
/* шапка лендинга: навигация-плашка и кнопки в одной геометрии */
.ps-header-nav,.ps-nav,.ps-nav-link,.ps-theme-btn,.ps-nav-actions .cta-btn,.ps-nav-actions a{border-radius:var(--r-ctl)}
.ps-nav-link{font-weight:600}
/* FAQ: пиксель-плюс вместо акцентного «+» */
.faq-item summary{font-weight:700}
.faq-item summary::after{color:var(--text-soft)}

/* ── Кабинет: вход ── */
.login-card{border-radius:28px;padding:40px 32px 32px;border-color:transparent;background:var(--surface)}
.login-card h1{margin-bottom:var(--s3)}
.login-sub{margin-bottom:var(--s6)}
.login-btn{border-radius:var(--r-ctl);min-height:52px;padding:0 var(--s5);font-size:15px;font-weight:700;
  letter-spacing:.03em;text-transform:uppercase}
/* одна главная кнопка на экране: вход через платформу — акцентная, локальная форма — контрастная secondary */
.login-btn:not(.login-btn-apex){background:var(--text);border-color:var(--text);color:var(--surface)}
.login-btn:not(.login-btn-apex):hover:not(:disabled){background:var(--text-soft);border-color:var(--text-soft)}
.login-captcha{border-radius:var(--r-box);border-color:transparent}
.login-error,.login-success{border-radius:var(--r-ctl);border-color:transparent}
.login-foot a{font-weight:600}
/* вторая кнопка рядом с главной — контрастная secondary, не второй акцент */
.cta-btn.cta-secondary,.ps-cta{border-radius:var(--r-ctl);font-weight:700;letter-spacing:.03em;text-transform:uppercase;font-size:13px;min-height:40px}
.cta-btn.cta-secondary{background:var(--text);color:var(--surface);text-decoration:none}
.cta-btn.cta-secondary:hover{background:var(--text-soft);color:var(--surface)}
.hero-note a{color:var(--accent);font-weight:600}
/* шапка: одна акцентная кнопка на экране — это CTA героя; «Регистрация» контрастная, «Войти» — ghost */
.ps-cta:not(.ps-cta-secondary){background:var(--text);color:var(--surface)!important}
.ps-cta:not(.ps-cta-secondary):hover{background:var(--text-soft)}
/* таблица тарифов: карточка 24px, шапка — плоская заливка, капс 11/700 */
.plan-table-wrap{border-radius:var(--r-card);border:1px solid var(--border)}
.plan-table thead th{background:var(--surface-2);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--text-soft)}
.plan-table thead th .plan-pill{margin-left:6px}
.plan-table thead th .price{display:block;margin-top:4px;font-family:var(--font-display);font-weight:800;font-size:18px;
  letter-spacing:0;text-transform:none;color:var(--accent)}
.tiers-section h2,.pricing-section h2,.faq-section h2,.testimonials-section h2,.how-section h2,.subscribe-section h2{
  font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:-.01em;line-height:1.15}
.form-row input,.login-captcha input{padding:0 var(--s4);min-height:48px;font-size:16px}
.login-foot p{margin:0 0 var(--s3)}