/* Лендинг «Сообщества» (/communities). Порт дизайн-хэндоффа
   design_handoff_communities/communities.css (2026-07-27), 1:1 по значениям.
   ОТЛИЧИЯ ОТ ИСХОДНИКА — ровно три, каждое обязательное:
   1. Каждый селектор заскоуплен под корень страницы `.cmt`. Файл грузится рядом с
      app.css, а хэндофф объявлял дженерики (`.section`, `.btn-ghost`, `a`, `.num`),
      которые в общем каскаде перекрасили бы шапку/подвал и наоборот. Скоуп даёт
      всем правилам одинаковое +1 к специфичности, поэтому их взаимный порядок —
      и, значит, вид страницы — не меняется.
   2. Правила шапки (`.site-header*`, `.brand-logo`, `.site-nav > a`, `.header-spacer`)
      НЕ перенесены — README хэндоффа §9: в проде своя рабочая шапка. Дропдаун
      «Сообщества» (`.dd*`, `.mini*`) переехал в app.css, к остальной шапке.
   3. Фоны и портреты — WebP вместо PNG (10.3 МБ → 0.22 МБ на тех же размерах,
      см. assets/communities/). @keyframes pulse переименован в cmt-pulse.
   Разметка: components/CommunitiesLanding.jsx.
   ЖИВЁТ В assets/, А НЕ В КОРНЕ ЛЕНДИНГА СОЗНАТЕЛЬНО: корневые файлы
   (app.css, colors_and_type.css, …) отдаются по ЖЁСТКОМУ СПИСКУ ИМЁН в живом
   nginx-конфиге, который деплой не обновляет, — новый файл в корне приезжает
   404-м и страница поднимается без стилей (инцидент 2026-07-28 на preview).
   Для `/assets/` есть общий wildcard-маршрут, поэтому здесь ничего
   администрировать не нужно. */
.cmt, .cmt *,.cmt *::before,.cmt *::after{box-sizing:border-box}
html{scroll-behavior:smooth}
.cmt{margin:0;font-family:var(--font-sans);overflow-x:hidden}
.cmt img{max-width:100%;display:block}
.cmt a{color:#8C6B1F;text-decoration:none}
.cmt a:hover{color:#6F5316}
.cmt{--gold:#C9A24B; --gold-2:#D6B25E; --gold-3:#E6C46E;
  --cream:#F5F1E8; --stone:#0c1110;}

/* ---------- theme: light ---------- */
.cmt{--page-bg:#FAFAF8;
  --page-fg:#141917;
  --page-muted:#5A6373;
  --page-faint:#828A98;
  --hair:rgba(20,25,23,.12);
  --hair-soft:rgba(20,25,23,.07);
  --panel:#FFFFFF;
  --panel-2:#F2F2EE;
  --menu-bg:#FFFFFF;}
.cmt{background:#fff;color:var(--page-fg)}
.cmt .sec-alt{background:#F4F5F4}

/* главный блок страницы — тёмная премиальная полоса */
.cmt .sec-main{background:#070A09 url("communities/main-dark-bg.webp") center/cover no-repeat;color:var(--cream);padding:104px 0 112px;position:relative}
.cmt .sec-main::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 92% at 50% 44%,rgba(7,10,9,.56) 0%,rgba(7,10,9,.28) 50%,rgba(7,10,9,.66) 100%)}
.cmt .sec-main .wrap{position:relative;z-index:1}
.cmt .sec-main .eyebrow{color:var(--gold-2)}
.cmt .sec-main .h-sect{color:var(--cream)}
.cmt .sec-main .lead{color:rgba(245,241,232,.66)}
.cmt .sec-head{text-align:center;max-width:720px;margin:0 auto 44px}
.cmt .sec-head .lead{margin-left:auto;margin-right:auto}
.cmt .back-cta{margin-top:34px;display:flex;justify-content:center}

/* ---------- primitives ---------- */
.cmt .wrap{max-width:1320px;margin:0 auto;padding:0 48px}
/* ВАЖНО: app.css держит СТАРЫЕ дженерики главного лендинга (`.section{width:1440px}`,
   `.h-hero{color:...}`, `.h-card{color:...}`, `.eyebrow{font-family:...}`) без скоупа.
   Скоуп под `.cmt` защищает шапку/подвал от правил этой страницы, но не наоборот:
   свойства, которых нет в правилах ниже, продолжают течь из app.css. Именно так
   страница на мобильном получала ширину 1440px внутри 390px вьюпорта (поймано
   измерением, визуально пряталось за `overflow-x:hidden`). Поэтому у совпадающих
   имён классы гасят «чужие» свойства явно. */
.cmt .section{width:auto;padding:96px 0}
.cmt .section--tight{padding:64px 0}
.cmt .eyebrow{font-family:var(--font-sans);font-size:11.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#8C6B1F;margin:0 0 18px}
.cmt .h-hero{color:var(--page-fg);font-family:var(--font-sans);font-weight:800;letter-spacing:-.022em;line-height:1.06;font-size:clamp(38px,4.8vw,58px);margin:0;text-wrap:balance}
.cmt .h-sect{font-family:var(--font-sans);font-weight:800;letter-spacing:-.02em;line-height:1.1;font-size:clamp(26px,3.2vw,38px);margin:0;text-wrap:balance}
.cmt .h-card{color:var(--page-fg);font-family:var(--font-sans);font-weight:800;letter-spacing:-.018em;font-size:27px;line-height:1.14;margin:0}
.cmt .lead{font-size:18.5px;line-height:1.6;color:var(--page-muted);margin:22px 0 0;max-width:700px;text-wrap:pretty}
.cmt .muted{color:var(--page-muted)}
.cmt .num{font-family:var(--font-display);font-variant-numeric:tabular-nums}
.cmt .gold{color:var(--gold-2)}
.cmt .btn{display:inline-flex;align-items:center;gap:11px;font-size:15.5px;font-weight:600;border-radius:999px;border:0;cursor:pointer;text-decoration:none;padding:15px 26px;transition:background 160ms var(--ease-standard),border-color 160ms var(--ease-standard),color 160ms var(--ease-standard),box-shadow 240ms var(--ease-standard)}
.cmt .btn .arr,.cmt .tg-btn .arr{width:19px;height:19px;flex:none;border-radius:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;font-size:0;line-height:0;transition:transform 240ms var(--ease-standard)}
.cmt .btn .arr::before,.cmt .tg-btn .arr::before{content:"";width:19px;height:19px;background:currentColor;-webkit-mask:var(--arrow-mask) no-repeat center/contain;mask:var(--arrow-mask) no-repeat center/contain}
.cmt .btn-gold .arr,.cmt .tg-btn .arr{background:transparent}
.cmt .btn-line .arr{background:transparent}
.cmt .btn .arr-down,.cmt .tg-btn .arr-down{transform:rotate(90deg)}
.cmt .btn .arr-up,.cmt .tg-btn .arr-up{transform:rotate(-90deg)}
.cmt .btn:hover .arr{transform:translateX(3px)}
.cmt .btn:hover .arr-down{transform:rotate(90deg) translateX(3px)}
.cmt .btn:hover .arr-up{transform:rotate(-90deg) translateX(3px)}
.cmt .btn-gold{background:linear-gradient(180deg,var(--gold-3),var(--gold));color:#1a1409;box-shadow:0 10px 30px rgba(201,162,75,.26)}
.cmt .btn-gold:hover{background:linear-gradient(180deg,var(--gold-3),var(--gold-2));color:#1a1409}
.cmt .btn-line{background:transparent;color:var(--page-fg);border:1.5px solid var(--hair)}
.cmt .btn-line:hover{border-color:var(--gold);color:var(--page-fg)}
.cmt .btn[disabled],.cmt .btn.is-off{background:transparent;color:var(--page-faint);border:1.5px dashed var(--hair);cursor:not-allowed;box-shadow:none}
.cmt .ccard .btn.is-off{color:rgba(245,241,232,.5);border-color:rgba(245,241,232,.22)}
.cmt .tag{display:inline-flex;align-items:center;gap:8px;padding:6px 13px;border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.cmt .tag-live{color:#7fdc9e;background:rgba(60,195,106,.12);border:1px solid rgba(60,195,106,.3)}
.cmt .tag-live .dot{width:6px;height:6px;border-radius:50%;background:#3CC36A;box-shadow:0 0 0 0 rgba(60,195,106,.6);animation:cmt-pulse 2.6s infinite}
@keyframes cmt-pulse{0%{box-shadow:0 0 0 0 rgba(60,195,106,.5)}70%{box-shadow:0 0 0 8px rgba(60,195,106,0)}100%{box-shadow:0 0 0 0 rgba(60,195,106,0)}}
.cmt .tag-soon{color:var(--gold-2);background:rgba(201,162,75,.1);border:1px solid rgba(201,162,75,.32)}

/* ---------- header — ОБЩАЯ ШАПКА САЙТА (1:1 с продакшном). НЕ МЕНЯТЬ — новое только .dd* ---------- */

/* dropdown — меню раздела «Сообщества» (единственное новое в шапке) */

/* ---------- hero ---------- */
.cmt .hero{padding:0;position:relative;overflow:hidden;isolation:isolate;background:#F7F8F6 url("communities/hero-silk.webp") center bottom/cover no-repeat}
.cmt .hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.72) 0%,rgba(255,255,255,.4) 34%,rgba(255,255,255,0) 62%)}
.cmt .hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:end}
.cmt .hero-left{align-self:center}
.cmt .hero-copy{position:relative;padding:44px 0 48px}
.cmt .h-hero{text-wrap:balance}
.cmt .hero-copy .h-hero{max-width:none}
.cmt .hero-sub{max-width:none}
.cmt .portrait{position:relative;justify-self:end;width:100%;max-width:560px;margin:60px -12px -1px 0}
.cmt .hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.cmt .hero-sub{font-size:20px;line-height:1.5;font-weight:400;letter-spacing:-.005em;color:#3E4744;margin:20px 0 0;max-width:660px;text-wrap:pretty}
.cmt .hero-copy .lead{font-size:17px;margin-top:14px;max-width:620px}
.cmt .portrait::before{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:96%;height:52%;border-radius:999px 999px 0 0;background:radial-gradient(60% 78% at 50% 100%,rgba(255,255,255,.5) 0%,rgba(255,255,255,.24) 62%,rgba(255,255,255,0) 78%);z-index:0}
.cmt .portrait img{position:relative;z-index:1;width:100%;filter:drop-shadow(0 26px 44px rgba(20,25,23,.14))}
.cmt .portrait figcaption{position:absolute;z-index:3;left:-18px;bottom:56px;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);border:1px solid rgba(228,231,229,.9);border-radius:14px;padding:13px 18px;box-shadow:0 16px 38px rgba(20,25,23,.13)}
.cmt .portrait .pn{font-size:16px;font-weight:800;letter-spacing:-.012em}
.cmt .portrait .pr{font-size:13px;color:#5A615D;margin-top:2px}

/* блок принципов — шёлковый фон */
.cmt .sec-silk{position:relative;isolation:isolate;overflow:hidden;background:#F7F8F6 url("communities/team-silk.webp") center/cover no-repeat}
.cmt .sec-silk .team-fig{margin-bottom:-64px}
.cmt .sec-silk::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.7) 0%,rgba(255,255,255,.34) 40%,rgba(255,255,255,.12) 100%)}
.cmt .sec-silk .wrap{position:relative;z-index:1}

/* блок принципов: портрет крупно слева + карточки */
.cmt .team{display:grid;grid-template-columns:380px 1fr;gap:56px;align-items:end;margin-top:38px}
.cmt .team-fig{margin:0;position:relative;align-self:end}
.cmt .team-fig::before{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:104%;height:56%;border-radius:999px 999px 0 0;background:radial-gradient(60% 78% at 50% 100%,rgba(255,255,255,.55) 0%,rgba(255,255,255,.26) 62%,rgba(255,255,255,0) 78%);z-index:0}
.cmt .team-fig img{position:relative;z-index:1;width:100%;display:block;transform:scaleX(-1);filter:drop-shadow(0 20px 36px rgba(20,25,23,.16))}
.cmt .team-fig figcaption{position:absolute;z-index:2;right:-16px;bottom:56px;background:rgba(255,255,255,.95);border:1px solid #E4E7E5;border-radius:14px;padding:12px 16px;box-shadow:0 16px 36px rgba(20,25,23,.12)}
.cmt .team-fig .pn{font-size:15.5px;font-weight:800;letter-spacing:-.012em}
.cmt .team-fig .pr{font-size:12.5px;color:#5A615D;margin-top:2px}
.cmt .team-txt{padding-bottom:14px}
.cmt .principles{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cmt .principles li{background:#fff;border:1px solid #E7EAE7;border-radius:18px;padding:22px;transition:border-color 180ms var(--ease-standard),box-shadow 180ms var(--ease-standard)}
.cmt .principles li:hover{border-color:#CBD5CE;box-shadow:0 12px 30px rgba(20,25,23,.07)}
.cmt .principles .pi{display:block;font-family:var(--font-display);font-size:22px;font-weight:700;color:#E3E7E4;line-height:1;margin-bottom:11px}
.cmt .principles h3{font-family:var(--font-sans);font-size:16.5px;font-weight:800;letter-spacing:-.014em;margin:0 0 6px;line-height:1.25}
.cmt .principles p{font-size:13.5px;line-height:1.55;color:var(--page-muted);margin:0;text-wrap:pretty}
.cmt .hero-meta{display:flex;gap:34px;flex-wrap:wrap;margin-top:38px;padding-top:26px;border-top:1px solid var(--hair-soft);max-width:640px}
.cmt .hero-meta div{font-size:13.5px;color:var(--page-muted)}
.cmt .hero-meta b{display:block;font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--page-fg);letter-spacing:-.01em;margin-bottom:2px}

/* развилка-подсказка внутри блока выбора */
.cmt .pick-block{margin-top:72px}
.cmt .pick-block .sec-head{margin-bottom:0;max-width:780px}
.cmt .pick{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}
.cmt .pick-i{padding:24px 22px;text-align:left;background:rgba(10,14,13,.42);backdrop-filter:blur(10px);border:1px solid rgba(245,241,232,.09);border-radius:18px;display:flex;flex-direction:column}
.cmt .pick-if{font-size:14px;font-weight:700;letter-spacing:-.01em;color:var(--cream);margin:0 0 8px}
.cmt .pick-n{font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--gold-2);margin-bottom:14px}
.cmt .pick-q{font-size:14px;line-height:1.5;color:rgba(245,241,232,.7);margin:0 0 16px}
.cmt .pick-a{margin-top:auto;padding-top:14px;border-top:1px solid rgba(245,241,232,.1)}
.cmt .pick-a{font-size:17px;font-weight:800;letter-spacing:-.014em;color:var(--cream)}
.cmt .pick-a.soon{color:rgba(245,241,232,.6)}
.cmt .pick-foot{display:flex;justify-content:center;margin:30px 0 0}

/* ---------- community cards ---------- */
.cmt .cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:8px;scroll-margin-top:90px}

/* карточки: поднятые над фоном пластины — свет ловится на верхней кромке */
.cmt .ccard{position:relative;border-radius:28px;padding:38px;display:flex;flex-direction:column;background:linear-gradient(168deg,rgba(31,38,36,.84) 0%,rgba(19,24,23,.88) 46%,rgba(13,17,16,.92) 100%);backdrop-filter:blur(14px);border:1px solid rgba(245,241,232,.13);overflow:hidden;box-shadow:0 34px 80px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.075);transition:transform 300ms var(--ease-out),border-color 240ms,box-shadow 300ms}
.cmt .ccard::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(680px 320px at 86% -14%,rgba(201,162,75,.2),transparent 60%)}
.cmt .ccard::after{content:"";position:absolute;left:34px;right:34px;top:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(230,196,110,.75),transparent)}
.cmt .ccard>*{position:relative;z-index:1}
.cmt .ccard--live{border-color:rgba(201,162,75,.42);box-shadow:0 40px 90px rgba(0,0,0,.62),0 0 96px -26px rgba(201,162,75,.5),inset 0 1px 0 rgba(230,196,110,.22);cursor:pointer}
.cmt .ccard--live:hover{transform:translateY(-4px);border-color:rgba(214,178,94,.68);box-shadow:0 48px 104px rgba(0,0,0,.68),0 0 120px -22px rgba(201,162,75,.62),inset 0 1px 0 rgba(230,196,110,.3)}
.cmt .ccard--soon{background:linear-gradient(168deg,rgba(26,31,30,.8) 0%,rgba(19,23,22,.84) 60%,rgba(14,18,17,.88) 100%);backdrop-filter:blur(14px);border-color:rgba(245,241,232,.11);box-shadow:0 26px 60px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.05)}
.cmt .ccard--soon::before{background:radial-gradient(680px 320px at 86% -14%,rgba(245,241,232,.07),transparent 60%)}
.cmt .ccard--soon::after{background:linear-gradient(90deg,transparent,rgba(245,241,232,.28),transparent)}
.cmt .cc-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px}
.cmt .cc-market{font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(245,241,232,.56)}
.cmt .ccard .h-card{color:var(--cream)}
.cmt .cc-desc{font-size:15.5px;line-height:1.6;color:rgba(245,241,232,.74);margin:14px 0 0;text-wrap:pretty}
.cmt .cc-list{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:11px}
.cmt .cc-list li{display:grid;grid-template-columns:18px 1fr;gap:11px;font-size:14.5px;line-height:1.5;color:rgba(245,241,232,.88)}
.cmt .cc-list .ck{color:var(--gold-2);font-size:13px;line-height:1.55}
.cmt .ccard--soon .cc-list li{color:rgba(245,241,232,.6)}
.cmt .ccard--soon .cc-list .ck{color:rgba(245,241,232,.35)}

/* одинаковый набор характеристик в каждой карточке */
.cmt .cc-spec{margin:26px 0 0;padding:22px 0 0;border-top:1px solid rgba(245,241,232,.12);display:grid;gap:13px}
.cmt .cc-spec>div{display:grid;grid-template-columns:118px 1fr;gap:16px;align-items:baseline}
.cmt .cc-spec dt{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(245,241,232,.46)}
.cmt .cc-spec dd{margin:0;font-size:14.5px;line-height:1.5;color:rgba(245,241,232,.86);text-wrap:pretty}
.cmt .cc-spec dd.tbd{color:rgba(245,241,232,.5);font-style:italic}
.cmt .fnote{color:var(--gold-2);text-decoration:none;font-weight:700;font-size:.72em;vertical-align:super;line-height:0;padding-left:1px}
.cmt .fnote:hover{color:var(--gold-3)}
.cmt .cc-fn{margin:22px 0 0;padding-top:18px;border-top:1px solid rgba(245,241,232,.1);font-size:12.5px;line-height:1.55;color:rgba(245,241,232,.52);display:grid;grid-template-columns:12px 1fr;gap:8px;text-wrap:pretty}
.cmt .cc-fn .st{color:var(--gold-2);font-weight:700}
.cmt .cc-foot{margin-top:auto;padding-top:30px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.cmt .cc-price{font-size:12.5px;color:rgba(245,241,232,.56)}
.cmt .cc-price b{display:block;font-family:var(--font-display);font-size:27px;font-weight:700;color:var(--cream);letter-spacing:-.01em;margin-top:4px}
.cmt .cc-price b small{font-family:var(--font-sans);font-size:13px;font-weight:400;color:rgba(245,241,232,.5)}
.cmt .cc-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.cmt .ccard .btn-line{color:var(--cream);border-color:rgba(245,241,232,.2)}
.cmt .ccard .btn-line .arr{background:transparent}
.cmt .ccard .btn-line:hover{border-color:var(--gold);color:var(--cream)}

/* ---------- compare ---------- */
.cmt .cmp{width:100%;border-collapse:collapse;margin-top:40px;font-size:15px}
.cmt .cmp th,.cmt .cmp td{text-align:left;padding:18px 20px;border-bottom:1px solid var(--hair-soft);vertical-align:top}
.cmt .cmp thead th{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--page-faint);font-weight:700;padding-bottom:12px}
.cmt .cmp tbody th{font-weight:400;color:var(--page-muted);width:24%}
.cmt .cmp td{color:var(--page-fg);line-height:1.5}
.cmt .cmp .col-a{background:var(--panel);border-left:1px solid var(--hair-soft);border-right:1px solid var(--hair-soft)}
.cmt .cmp thead .col-a{border-top:1px solid var(--hair-soft);border-top-left-radius:14px;border-top-right-radius:14px;color:var(--gold-2)}
.cmt .cmp tbody tr:last-child .col-a{border-bottom-left-radius:14px;border-bottom-right-radius:14px}

/* ---------- шаги: линия прогресса ---------- */
.cmt .steps{position:relative;margin-top:44px}
.cmt .steps-line{position:absolute;left:0;right:0;top:19px;height:2px;background:#CBEBD7}
.cmt .steps-row{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.cmt .step .dot{width:40px;height:40px;border-radius:50%;background:#fff;border:2px solid #3CC36A;color:#1B8547;font-family:var(--font-display);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.cmt .steps-note{font-size:13.5px;line-height:1.55;color:var(--page-faint);margin:30px 0 0;padding-top:18px;border-top:1px solid var(--hair-soft)}
.cmt .alt-label{font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--page-faint);margin:52px 0 14px}
.cmt .step h3{font-family:var(--font-sans);font-weight:800;font-size:17px;margin:0 0 7px;letter-spacing:-.014em;line-height:1.25}
.cmt .step p{font-size:14.5px;line-height:1.55;color:var(--page-muted);margin:0;text-wrap:pretty}

/* ---------- free strip ---------- */
.cmt .free{border:1px solid var(--hair);border-radius:24px;padding:38px 40px;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;background:var(--panel)}
.cmt .free-links{display:flex;gap:12px;flex-wrap:wrap}

/* ---------- notify (удалён) ---------- */

/* блок частых вопросов — шёлковый фон */
.cmt .sec-faq{position:relative;isolation:isolate;overflow:hidden;background:#F7F8F6 url("communities/faq-silk.webp") center/cover no-repeat}
.cmt .sec-faq::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,.22) 60%,rgba(255,255,255,0))}
.cmt .sec-faq .wrap{position:relative;z-index:1}

/* ---------- faq ---------- */
.cmt .faq{max-width:920px;margin-top:24px;border-top:0;background:rgba(255,255,255,.62);backdrop-filter:blur(8px);border:1px solid rgba(20,25,23,.07);border-radius:20px;padding:4px 24px;overflow:hidden}
.cmt .fq{border-bottom:1px solid rgba(20,25,23,.07)}
.cmt .fq:last-child{border-bottom:0}
.cmt .fq button{width:100%;background:none;border:0;padding:22px 0;display:flex;justify-content:space-between;align-items:center;gap:24px;text-align:left;cursor:pointer;font-family:var(--font-sans);font-size:17px;font-weight:600;color:var(--page-fg);letter-spacing:-.01em}
.cmt .fq .sign{color:#8C6B1F;font-size:20px;font-weight:400;transition:transform 240ms var(--ease-standard);flex-shrink:0}
.cmt .fq[open] .sign,.cmt .fq.on .sign{transform:rotate(45deg)}
.cmt .fq .a{max-height:0;overflow:hidden;transition:max-height 320ms var(--ease-standard)}
.cmt .fq .a p{font-size:15.5px;line-height:1.6;color:var(--page-muted);padding-bottom:24px;max-width:720px}

/* лист ожидания в карточке «Антикризис» */
.cmt .wl{display:block;margin-top:22px;padding-top:20px;border-top:1px solid rgba(245,241,232,.12)}
.cmt .wl-note{font-size:13.5px;line-height:1.5;color:rgba(245,241,232,.62);margin:0 0 14px}
.cmt .wl-row{display:flex;gap:10px;flex-wrap:wrap;align-items:stretch}
.cmt .wl-input{flex:1 1 200px;min-width:0;height:50px;padding:0 20px;border-radius:999px;border:1.5px solid rgba(245,241,232,.2);background:rgba(245,241,232,.05);color:var(--cream);font-family:var(--font-sans);font-size:14.5px}
.cmt .wl-input::placeholder{color:rgba(245,241,232,.42)}
.cmt .wl-input:focus{outline:none;border-color:var(--gold)}
.cmt .wl-input:invalid:not(:placeholder-shown){border-color:#E0584A}
.cmt .wl-check{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;margin-top:14px;font-size:12.5px;line-height:1.5;color:rgba(245,241,232,.56);cursor:pointer}
.cmt .wl-check input{width:16px;height:16px;margin:1px 0 0;accent-color:var(--gold)}
.cmt .wl-check a{color:var(--gold-2)}
.cmt .wl-check a:hover{color:var(--gold-3)}
.cmt .wl-ok{display:none;font-size:14.5px;font-weight:600;color:#7fdc9e;margin:14px 0 0}
.cmt .wl.is-done .wl-row,.cmt .wl.is-done .wl-check,.cmt .wl.is-done .wl-note{display:none}
.cmt .wl.is-done .wl-ok{display:block}
/* Состояния, которых не было в макете: там форма отправлялась заглушкой и упасть
   не могла. README §5.1 требует сообщение о сбое сети, а кнопка до галочки
   согласия должна быть видимо неактивной, а не «нажимается и молчит». */
.cmt .wl-err{font-size:13px;line-height:1.5;color:#E0584A;margin:12px 0 0}
.cmt .wl .btn[disabled]{background:linear-gradient(180deg,var(--gold-3),var(--gold));color:#1a1409;border:0;opacity:.42;cursor:not-allowed;box-shadow:none}

/* ---------- плашка Telegram ---------- */
.cmt .tg-strip{margin-top:0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:26px 30px;border-radius:24px;text-decoration:none;background:#F7F8F6 url("communities/tg-silk.webp") center/cover no-repeat;border:1px solid rgba(20,25,23,.1);position:relative;overflow:hidden;isolation:isolate;transition:box-shadow 200ms var(--ease-standard),transform 200ms var(--ease-standard),border-color 200ms var(--ease-standard)}
.cmt .tg-strip::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(255,255,255,.86),rgba(255,255,255,.5) 52%,rgba(255,255,255,.1))}
.cmt .tg-strip>*{position:relative;z-index:1}
.cmt .tg-strip:hover{transform:translateY(-2px);box-shadow:0 20px 44px rgba(20,25,23,.09);color:inherit}
.cmt .tg-ic{width:54px;height:54px;border-radius:16px;flex:none;display:flex;align-items:center;justify-content:center;color:#8C6B1F;background:rgba(255,255,255,.7);border:1px solid rgba(20,25,23,.1);backdrop-filter:blur(6px)}
.cmt .tg-t{display:block;font-family:var(--font-sans);font-size:19px;font-weight:800;letter-spacing:-.016em;color:#161A18}
.cmt .tg-d{display:block;font-size:14.5px;line-height:1.5;color:#4E554F;margin-top:4px}
.cmt .tg-btn{display:inline-flex;align-items:center;gap:11px;flex:none;padding:14px 22px;border-radius:999px;font-size:15px;font-weight:600;color:#1a1409;background:linear-gradient(180deg,var(--gold-3),var(--gold));box-shadow:0 10px 26px rgba(201,162,75,.26);transition:background 160ms var(--ease-standard)}
.cmt .tg-strip:hover .tg-btn{background:linear-gradient(180deg,var(--gold-3),var(--gold-2))}
.cmt .tg-btn .arr{transition:transform 240ms var(--ease-standard)}
.cmt .tg-strip:hover .tg-btn .arr{transform:translateX(3px)}

/* ---------- финальный CTA ---------- */
.cmt .cta-final{position:relative;isolation:isolate;overflow:hidden;padding:104px 0 112px;text-align:center;color:var(--cream);background:#070A09 url("communities/cta-bg.webp") center/cover no-repeat}
.cmt .cta-final::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(110% 84% at 50% 34%,rgba(7,10,9,.42) 0%,rgba(7,10,9,.2) 46%,rgba(7,10,9,.6) 100%),linear-gradient(180deg,rgba(7,10,9,0) 62%,rgba(7,10,9,.62) 100%)}
.cmt .cta-final .wrap{position:relative;z-index:1}
.cmt .cta-final .eyebrow{color:var(--gold-2)}
.cmt .cta-h{font-family:var(--font-sans);font-weight:800;letter-spacing:-.024em;line-height:1.06;font-size:clamp(32px,4.4vw,54px);margin:0;color:var(--cream);text-wrap:balance}
.cmt .cta-lead{font-size:18px;line-height:1.6;color:rgba(245,241,232,.68);margin:22px auto 0;max-width:660px;text-wrap:pretty}
.cmt .cta-acts{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:38px}
.cmt .btn-ghost{padding:15px 26px;background:transparent;color:var(--cream);border:1.5px solid rgba(245,241,232,.24)}
.cmt .btn-ghost:hover{border-color:var(--gold);color:var(--cream)}
.cmt .btn-ghost .arr{background:transparent}
.cmt .cta-note{font-size:13px;line-height:1.6;color:rgba(245,241,232,.68);margin:34px auto 0;max-width:680px}

/* ---------- последняя секция ---------- */
.cmt .section:last-of-type{padding-bottom:96px}
@media (max-width:940px){
  .cmt .wrap{padding:0 22px}
  .cmt .section{padding:64px 0}
  .cmt .hero{padding:0}
  .cmt .hero .wrap{grid-template-columns:1fr;gap:16px}
  .cmt .hero-copy{padding:28px 0 32px}
  .cmt .h-hero{font-size:clamp(34px,5.6vw,44px)}
  .cmt .hero-sub{font-size:18px}
  .cmt .hero-left{margin-top:36px}
  .cmt .portrait{max-width:400px;justify-self:center;margin:0}
  .cmt .portrait figcaption{left:0;bottom:28px}
  .cmt .team{grid-template-columns:1fr;gap:0}
  .cmt .principles{grid-template-columns:1fr}
  .cmt .sec-silk .team-fig{margin-bottom:0}
  .cmt .team-fig{max-width:300px;margin:0 auto;display:block}
  .cmt .team-fig img{margin-bottom:0}
  .cmt .team-fig figcaption{right:auto;left:50%;transform:translateX(-50%);bottom:18px;white-space:nowrap}
  .cmt .team-txt{padding-bottom:0;padding-top:0}
  .cmt .tg-strip{grid-template-columns:1fr;gap:14px;padding:22px 20px;justify-items:start}
  .cmt .tg-btn{width:100%;justify-content:center;margin-top:4px}
  .cmt .tg-ic{width:48px;height:48px;border-radius:14px}
  .cmt .tg-t{font-size:17px}
  .cmt .tg-d{font-size:14px}
  .cmt .cards{grid-template-columns:1fr}
  .cmt .cc-spec>div{grid-template-columns:104px 1fr;gap:12px}
  .cmt .steps{grid-template-columns:1fr}
  .cmt .steps-row{grid-template-columns:1fr}
  .cmt .steps-line{display:none}
  .cmt .free{grid-template-columns:1fr;padding:28px}
  .cmt .cmp,.cmt .cmp tbody,.cmt .cmp tr,.cmt .cmp th,.cmt .cmp td{display:block;width:100%}
  .cmt .cmp thead{display:none}
  .cmt .cmp tbody th{padding:18px 0 6px;border:0}
  .cmt .cmp td{padding:0 0 10px;border:0}
  .cmt .cmp .col-a{border:0;background:transparent}
  .cmt .cmp td::before{content:attr(data-l);display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--page-faint);margin-bottom:4px}
  .cmt .cmp tbody tr{border-bottom:1px solid var(--hair-soft);padding-bottom:14px}
}

/* ---------- планшет ---------- */
@media (max-width:1220px) and (min-width:941px){
  .cmt .wrap{padding:0 32px}
  .cmt .hero .wrap{gap:16px}
  .cmt .hero-copy{padding:32px 0 36px}
  .cmt .portrait{max-width:430px;margin-top:48px}
  .cmt .team{grid-template-columns:280px 1fr;gap:32px}
}

/* ---------- телефон ---------- */
@media (max-width:620px){
  .cmt .wrap{padding:0 18px}
  .cmt .section{padding:44px 0}
  .cmt .section--tight{padding:40px 0}
  .cmt .section:last-of-type{padding-bottom:56px}
  .cmt .h-hero{font-size:clamp(29px,8.4vw,38px);line-height:1.08}
  .cmt .h-sect{font-size:clamp(22px,6.4vw,27px)}
  .cmt .lead{font-size:16px;margin-top:16px}
  .cmt .eyebrow{font-size:10.5px;margin-bottom:14px}
  .cmt .btn{font-size:14.5px;padding:14px 20px;gap:9px}
  .cmt .btn .arr,.cmt .tg-btn .arr{width:17px;height:17px}
  .cmt .btn .arr::before,.cmt .tg-btn .arr::before{width:17px;height:17px}

  
/* hero: фоновый шёлк прижат по правому краю, вуаль — сверху */
  .cmt .hero{padding:0;background-position:72% bottom;background-size:cover}
  .cmt .hero::after{background:linear-gradient(180deg,rgba(255,255,255,.8) 0%,rgba(255,255,255,.42) 42%,rgba(255,255,255,0) 74%)}
  .cmt .hero .wrap{gap:8px}
  .cmt .hero-copy{padding:24px 0 28px}
  .cmt .hero-left{margin-top:26px}
  .cmt .hero-cta{margin-top:24px}
  .cmt .hero-sub{font-size:17px;margin-top:14px}
  .cmt .hero-copy .lead{font-size:15.5px;margin-top:12px}
  .cmt .hero-cta .btn{width:100%;justify-content:center}
  .cmt .portrait{max-width:330px;margin:0 auto -1px}
  .cmt .portrait figcaption{left:50%;transform:translateX(-50%);bottom:16px;white-space:nowrap;padding:9px 13px;border-radius:12px}
  .cmt .portrait .pn{font-size:13.5px}
  .cmt .portrait .pr{font-size:11.5px}

  
/* главный блок */
  .cmt .sec-main{padding:52px 0 56px}
  .cmt .sec-head{margin-bottom:28px;text-align:left}
  .cmt .pick-block{margin-top:44px}
  .cmt .pick-block .sec-head{padding:0}
  .cmt .pick{grid-template-columns:1fr}
  .cmt .pick-i{padding:20px;text-align:left}
  .cmt .pick-foot{margin:24px 0 0}
  .cmt .pick-foot .btn{width:100%;justify-content:center}
  .cmt .sec-head .lead{margin-left:0}
  .cmt .cards{gap:16px}
  .cmt .ccard{padding:24px 22px;border-radius:22px}
  .cmt .ccard::after{left:22px;right:22px}
  .cmt .cc-top{margin-bottom:18px;gap:10px}
  .cmt .cc-market{font-size:10.5px;letter-spacing:.1em}
  .cmt .tag{font-size:10.5px;padding:5px 10px}
  .cmt .h-card{font-size:23px}
  .cmt .cc-desc{font-size:14.5px;margin-top:12px}
  .cmt .cc-list{margin-top:20px;gap:9px}
  .cmt .cc-spec{margin-top:20px;padding-top:18px;gap:14px}
  .cmt .cc-spec>div{grid-template-columns:1fr;gap:3px}
  .cmt .cc-spec dt{font-size:11px}
  .cmt .cc-spec dd{font-size:14px}
  .cmt .cc-list li{font-size:14px;grid-template-columns:16px 1fr;gap:9px}
  .cmt .cc-foot{padding-top:22px;flex-direction:column;align-items:stretch;gap:16px}
  .cmt .cc-price b{font-size:23px}
  .cmt .cc-actions{flex-direction:column;align-items:stretch}
  .cmt .cc-actions .btn{width:100%;justify-content:center}
  .cmt .wl-row{flex-direction:column;flex-wrap:nowrap}
  .cmt .wl-input{flex:0 0 auto;width:100%;height:48px}
  .cmt .wl-row .btn{width:100%;justify-content:center}

  
/* принципы + портрет Михаила */
  .cmt .team{margin-top:26px}
  .cmt .team-fig{max-width:240px;margin:0 auto}
  .cmt .sec-silk .team-fig{margin-bottom:0}
  .cmt .team-txt{padding-top:0}
  .cmt .team-fig figcaption{left:50%;transform:translateX(-50%);bottom:14px;white-space:nowrap;padding:9px 13px}
  .cmt .team-fig .pn{font-size:13.5px}
  .cmt .team-fig .pr{font-size:11.5px}
  .cmt .principles{margin-top:22px;gap:18px}
  .cmt .principles li{padding:20px}
  .cmt .principles .pi{font-size:22px;margin-bottom:10px}
  .cmt .principles h3{font-size:16px}
  .cmt .principles p{font-size:14.5px}

  
/* сравнение — карточки вместо таблицы */
  .cmt .cmp{margin-top:26px;font-size:14.5px}
  .cmt .cmp tbody tr{padding:16px;border:1px solid var(--hair-soft);border-radius:16px;background:#fff;margin-bottom:12px}
  .cmt .cmp tbody th{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--page-faint);font-weight:700;padding:0 0 10px}
  .cmt .cmp td{padding:0 0 12px}
  .cmt .cmp td:last-child{padding-bottom:0}
  .cmt .cmp td::before{font-size:10.5px;color:#8C6B1F;font-weight:700}

  
/* шаги */
  .cmt .steps{margin-top:26px}
  .cmt .steps-line{display:none}
  .cmt .steps-row{gap:22px}
  .cmt .step .dot{width:34px;height:34px;font-size:12.5px;margin-bottom:12px}
  .cmt .steps-note{margin-top:22px;padding-top:14px;font-size:13px}
  .cmt .alt-label{margin:36px 0 12px}

  
/* бесплатные точки входа */
  .cmt .free{padding:24px 22px;border-radius:20px;gap:22px}
  .cmt .free-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .cmt .free-links .btn{justify-content:center;padding:13px 14px;font-size:14px}
  .cmt .free-links .btn:first-child{grid-column:1/-1}

  
/* faq */
  .cmt .cta-final{padding:52px 0 60px}
  .cmt .cta-lead{font-size:16px;margin-top:16px}
  .cmt .cta-acts{margin-top:28px;flex-direction:column;align-items:stretch}
  .cmt .cta-acts .btn{width:100%;justify-content:center}
  .cmt .cta-note{margin-top:26px}
  .cmt .tg-strip{grid-template-columns:1fr;gap:14px;padding:22px 20px;justify-items:start}
  .cmt .tg-btn{width:100%;justify-content:center;margin-top:4px}
  .cmt .tg-ic{width:46px;height:46px;border-radius:13px}
  .cmt .tg-t{font-size:16.5px}
  .cmt .tg-d{font-size:13.5px}
  .cmt .faq{margin-top:20px;padding:4px 18px;border-radius:16px}
  .cmt .fq button{font-size:15.5px;padding:18px 0;gap:14px}
  .cmt .fq .a p{font-size:14.5px;padding-bottom:20px}
  .cmt .back-cta{margin-top:26px}
  .cmt .back-cta .btn{width:100%;justify-content:center}

  
/* меню раздела — на всю ширину экрана */
}
@media (prefers-reduced-motion:reduce){
  .cmt, .cmt *{animation:none!important;transition-duration:1ms!important}
}