/* AI IN CASH — WARM BRAND COMPONENTS (утв. sample 2026-08-12)
   Значения — из tokens.css. Имена рабочих классов сохранены (миграция значений, не переименование).
   Тёплый кремовый фон, бело-кремовые карточки, деликатные тени, округления, фирменный оливковый зелёный. */

/* ─── Header / nav ─── */
.hdr{position:sticky;top:0;z-index:var(--z-header);background:rgba(254,244,232,.92);
  backdrop-filter:saturate(180%) blur(8px);-webkit-backdrop-filter:saturate(180%) blur(8px);
  border-bottom:1px solid var(--hairline)}
.hdr-in{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3);min-height:60px}
.logo{font-family:var(--font-display);font-weight:800;font-size:1.25rem;color:var(--ink-900);
  text-decoration:none;letter-spacing:.2px;display:inline-flex;align-items:center;gap:8px;min-height:44px}
.logo:hover{text-decoration:none}
.logo b{color:var(--brand-600)}
.logo img{height:36px;width:auto;display:block}   /* слот под транспарент-логотип (когда добавят ассет) */
.nav{margin-left:auto;display:flex;align-items:center;gap:var(--sp-1);flex-wrap:wrap}
.nav a{padding:10px var(--sp-3);border-radius:var(--r-sm);text-decoration:none;color:var(--ink-700);
  min-height:44px;display:inline-flex;align-items:center;font-weight:600;
  transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}
.nav a:hover{background:var(--brand-50);color:var(--brand-800);text-decoration:none}
.nav .cta{background:var(--brand-cta);color:#fff;box-shadow:var(--sh-1)}
.nav .cta:hover{background:var(--brand-700);color:#fff}
.badge-left{background:var(--brand-50);color:var(--brand-700);font-weight:700;padding:6px var(--sp-3);
  border-radius:var(--r-pill);font-size:var(--fs-sm);white-space:nowrap;display:inline-flex;align-items:center;min-height:32px}

/* ─── Buttons (тач-таргет ≥48px) ─── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:48px;
  padding:12px var(--sp-6);border-radius:var(--r-md);border:0;font-family:var(--font-text);
  font-size:var(--fs-body);font-weight:600;line-height:1.2;cursor:pointer;text-decoration:none;text-align:center;
  transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}
.btn:hover{text-decoration:none}
.btn-primary{background:var(--brand-cta);color:#fff;box-shadow:var(--sh-2)}
.btn-primary:hover{background:var(--brand-700);box-shadow:var(--sh-2),var(--glow-brand);transform:translateY(-1px)}
.btn-primary:active{background:var(--brand-800);transform:translateY(0);box-shadow:var(--sh-1)}
.btn-secondary{background:var(--card);color:var(--brand-700);border:1.5px solid var(--brand-600);box-shadow:var(--sh-1)}
.btn-secondary:hover{background:var(--brand-50);transform:translateY(-1px);box-shadow:var(--sh-2)}
.btn-secondary:active{transform:translateY(0);box-shadow:var(--sh-inset)}
.btn-muted{background:#efe9df;color:var(--ink-500);cursor:default;box-shadow:none}
.btn[disabled],.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:var(--sh-1)}

/* ─── Cards / layout ─── */
.card{background:var(--card);border:1px solid var(--hairline);border-radius:var(--r-lg);
  box-shadow:var(--sh-1);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
.section{margin:var(--sp-12) 0}
.section h2{font-size:clamp(1.375rem,3.5vw,1.875rem);margin:0 0 var(--sp-2);text-align:center}
.section .sub{color:var(--ink-500);text-align:center;max-width:640px;margin:0 auto var(--sp-6)}
.grid{display:grid;gap:var(--sp-4);grid-template-columns:1fr}
@media(min-width:640px){.grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.grid{grid-template-columns:repeat(3,1fr)}}

/* ─── Solution card ─── */
.sol{display:flex;flex-direction:column;padding:var(--sp-5);gap:var(--sp-3)}
.card.sol:hover{transform:translateY(-2px);box-shadow:var(--sh-3)}
.sol .emoji{font-size:28px}
.sol h3{margin:0;font-size:var(--fs-h3)}
.sol h3 a{color:var(--ink-900);text-decoration:none}
.sol h3 a:hover{color:var(--brand-700);text-decoration:none}
.sol .tagline{color:var(--ink-500);margin:0;flex:1}
.sol .meta{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;font-size:var(--fs-sm)}
.price{font-weight:700;font-size:1.0625rem;color:var(--price);font-family:var(--font-display)}
.tag{background:var(--brand-50);color:var(--brand-700);border-radius:var(--r-pill);
  padding:3px var(--sp-3);font-size:.8125rem;font-weight:600}
.tag.soon{background:#FDEBD3;color:var(--price)}
.tag.free{background:var(--brand-50);color:var(--brand-700)}
/* STAGE4: capability-подписи. Читаются без hover — обычный текстовый бейдж. */
.tag.cap{background:var(--surface);color:var(--ink-700);border:1px solid var(--hairline)}
.cap-list{display:flex;flex-wrap:wrap;gap:var(--sp-2);list-style:none;margin:0;padding:0}

/* ─── Hero ─── */
.hero{padding:var(--sp-12) 0 var(--sp-10);display:grid;gap:var(--sp-6);align-items:center}
@media(min-width:900px){.hero{grid-template-columns:1.05fr .95fr}}
.hero .badge-eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--brand-50);
  color:var(--brand-700);font-weight:700;font-size:var(--fs-sm);padding:6px 14px;border-radius:var(--r-pill);margin-bottom:var(--sp-3)}
.hero h1{font-size:clamp(1.9rem,5vw,2.9rem);line-height:1.12;margin:0 0 var(--sp-4)}
.hero h1 .accent{color:var(--brand-600)}
.hero p{font-size:clamp(1rem,2.5vw,1.1875rem);color:var(--ink-500);max-width:560px;margin:0 0 var(--sp-4)}
.hero .actions{display:flex;gap:var(--sp-3);flex-wrap:wrap;max-width:520px}
.hero .actions .btn{flex:1 1 auto}  /* 26.08 OWNER: «Готовые решения» — во всю ширину поиска, до края «Найти» */
.hero .free-note{margin-top:var(--sp-4);font-weight:600;color:var(--brand-700)}
.flowline{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;
  /* 26.08 OWNER: это не кнопка — без фона, обводки и тени */
  padding:0;font-weight:700;color:var(--ink-900);margin-bottom:var(--sp-4)}
.flowline span{color:var(--brand-700)} .flowline i{color:var(--ink-500);font-style:normal}

/* ─── 3D placeholder (пока нет финальных ассетов; §7) ─── */
.figure-3d{background:linear-gradient(160deg,var(--surface),var(--section-warm));
  border:1px dashed #E4C9A6;border-radius:var(--r-xl);box-shadow:var(--sh-2);
  display:flex;align-items:center;justify-content:center;text-align:center;color:var(--ink-500);
  font-size:var(--fs-sm);min-height:220px;padding:var(--sp-6)}
.figure-3d.hero-art{min-height:320px}
.figure-3d .ph{opacity:.8}

/* ─── Категории ─── */
.cats{display:grid;gap:var(--sp-4);grid-template-columns:1fr}
@media(min-width:560px){.cats{grid-template-columns:repeat(2,1fr)}}
@media(min-width:900px){.cats{grid-template-columns:repeat(3,1fr)}}
.cat{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-5)}
.cat:hover{transform:translateY(-2px);box-shadow:var(--sh-3)}
.cat .ic{width:56px;height:56px;border-radius:var(--r-md);background:var(--brand-50);
  display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:var(--sh-1)}
.cat h3{margin:var(--sp-1) 0 0;font-size:1.0625rem}
.cat p{margin:0;color:var(--ink-500);font-size:var(--fs-sm);flex:1}
.cat .more{color:var(--link);font-weight:700;font-size:var(--fs-sm);display:inline-flex;align-items:center;gap:6px;min-height:44px}

/* ─── Steps (4 шага «как это работает») ─── */
.steps{display:grid;gap:var(--sp-4);grid-template-columns:1fr}
@media(min-width:560px){.steps{grid-template-columns:repeat(2,1fr)}}
@media(min-width:980px){.steps{grid-template-columns:repeat(4,1fr)}}
.step{padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-2)}
.step .n{width:36px;height:36px;border-radius:var(--r-pill);background:var(--brand-600);color:#fff;
  display:flex;align-items:center;justify-content:center;font-weight:800;box-shadow:var(--sh-1)}
.step strong{color:var(--ink-900)}

/* ─── Перки/чеклист (без выдуманных цифр) ─── */
.perks{display:flex;flex-direction:column;gap:var(--sp-3);margin:0;padding:0;list-style:none}
.perks li{display:flex;align-items:flex-start;gap:10px;color:var(--ink-700)}
.perks li::before{content:"✓";color:#fff;background:var(--brand-600);border-radius:var(--r-pill);
  width:22px;height:22px;min-width:22px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;margin-top:2px}

/* ─── CTA-полосы (Предложить задачу / Для авторов) ─── */
.cta-band{display:grid;gap:var(--sp-4);align-items:center;padding:var(--sp-8);border-radius:var(--r-xl);
  background:var(--section-warm);border:1px solid var(--hairline);box-shadow:var(--sh-1)}
@media(min-width:820px){.cta-band{grid-template-columns:1fr auto}}
.cta-band h2{margin:0 0 var(--sp-1);text-align:left}
.cta-band p{margin:0;color:var(--ink-500)}

/* ─── Forms ─── */
form.auth{display:flex;flex-direction:column;gap:var(--sp-4);max-width:420px}
label{font-weight:600;font-size:var(--fs-sm)}
input[type=email],input[type=password],input[type=text]{width:100%;min-height:48px;padding:10px var(--sp-4);
  border:1.5px solid var(--hairline);border-radius:var(--r-md);font-size:var(--fs-body);
  font-family:var(--font-text);color:var(--ink-900);background:var(--white);
  transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}
input[type=email]:focus,input[type=password]:focus,input[type=text]:focus{outline:0;
  border-color:var(--brand-600);box-shadow:0 0 0 3px var(--focus-ring)}
.err{color:var(--error);font-size:var(--fs-sm);min-height:1em}
.ok-msg{color:var(--brand-700);font-weight:600}

/* ─── Lists / rows / misc ─── */
.list{display:flex;flex-direction:column;gap:var(--sp-3)}
.row{display:flex;gap:var(--sp-3);align-items:center;padding:var(--sp-4);flex-wrap:wrap}
.row .grow{flex:1;min-width:200px}
.muted{color:var(--ink-500)} .small{font-size:var(--fs-sm)}
details{border:1px solid var(--hairline);border-radius:var(--r-md);background:var(--card);
  padding:0 var(--sp-4);margin-bottom:var(--sp-3);box-shadow:var(--sh-1)}
details summary{cursor:pointer;font-weight:600;padding:var(--sp-4) 0;list-style-position:inside}
details p{margin-top:0}

/* ─── Footer ─── */
.ftr{margin-top:var(--sp-16);border-top:1px solid var(--hairline);background:var(--surface);
  padding:var(--sp-8) 0;color:var(--ink-500);font-size:var(--fs-sm)}
.ftr .cols{display:flex;gap:var(--sp-6);flex-wrap:wrap;justify-content:space-between}
.ftr a{color:var(--ink-500);display:inline-flex;align-items:center;min-height:32px} /* компактнее (правка №4) */
.ftr a:hover{color:var(--brand-700)}

/* ─── Compare / solution page ─── */
.compare{display:grid;gap:var(--sp-4);grid-template-columns:1fr}
@media(min-width:768px){.compare{grid-template-columns:1fr 1fr}}
.compare .card{padding:var(--sp-5)} .compare h3{margin-top:0}
.sol-head{display:flex;gap:var(--sp-4);align-items:flex-start;flex-wrap:wrap}
.sol-head h1{font-size:clamp(1.5rem,4.5vw,2.25rem);margin:0}
.kv{display:grid;grid-template-columns:1fr;gap:var(--sp-2)}
@media(min-width:640px){.kv{grid-template-columns:auto 1fr;column-gap:var(--sp-5)}}
.kv dt{font-weight:600;color:var(--ink-900)} .kv dd{margin:0 0 var(--sp-2)}
.cta-box{position:sticky;bottom:12px;margin-top:var(--sp-6)}
.cta-box .card{padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-3)}
@media(min-width:900px){.page-cols{display:grid;grid-template-columns:1fr 340px;gap:var(--sp-6);align-items:start}.cta-box{position:static}}
.breadcrumbs{font-size:var(--fs-sm);color:var(--ink-500);margin:var(--sp-4) 0}
.breadcrumbs a{color:var(--ink-500)} .breadcrumbs a:hover{color:var(--brand-700)}
.notice{background:#FDEBD3;border:1px solid #F3D5A6;border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4)}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ─── Free instruction wrapper (P0-2, scoped) ─── */
.free-doc{margin:var(--sp-6) 0}
.free-nav{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center;margin:var(--sp-4) 0}

/* ─── Public catalog / Search & Filters (Search&Filters этап) ─── */
.catalog{margin:var(--sp-8) 0}
.catalog-head{text-align:center;margin-bottom:var(--sp-6)}
.catalog-head h1{font-size:clamp(1.6rem,4.5vw,2.4rem);margin:0 0 var(--sp-2)}
.catalog-head .sub{color:var(--ink-500);max-width:640px;margin:0 auto}
.catalog-tools{margin-bottom:var(--sp-8)}

/* поиск (общий инпут для /catalog и hero главной) */
.search-input{flex:1;min-width:0;min-height:52px;padding:12px var(--sp-5);
  border:1.5px solid var(--hairline);border-radius:var(--r-pill);background:var(--white);
  color:var(--ink-900);font-family:var(--font-text);font-size:var(--fs-body-lg)}
.search-input::placeholder{color:var(--ink-500)}
.search-input:focus{outline:0;border-color:var(--brand-600);box-shadow:0 0 0 3px var(--focus-ring)}
.search-row{display:flex;gap:var(--sp-3);align-items:stretch;flex-wrap:wrap}
.search-row .search-btn{flex:0 0 auto}
@media(max-width:520px){.search-row .search-btn{width:100%}}
.hero-search{display:flex;gap:var(--sp-2);margin:0 0 var(--sp-4);max-width:520px}
.hero-search .search-input{min-height:48px;font-size:var(--fs-body)}
@media(max-width:520px){.hero-search{flex-wrap:wrap}.hero-search .btn{width:100%}}

/* чипсы категорий — на мобиле горизонтальный скролл, на десктопе перенос */
.chips{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin:var(--sp-4) 0}
.chip{display:inline-flex;align-items:center;min-height:44px;padding:8px var(--sp-4);
  border-radius:var(--r-pill);border:1.5px solid var(--hairline);background:var(--card);
  color:var(--ink-700);font-weight:600;font-size:var(--fs-sm);text-decoration:none;white-space:nowrap;
  transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}
.chip:hover{background:var(--brand-50);border-color:var(--brand-600);color:var(--brand-800);text-decoration:none}
.chip.is-active{background:var(--brand-cta);border-color:var(--brand-cta);color:#fff}
@media(max-width:640px){
  .chips{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}
  .chips::-webkit-scrollbar{display:none}
}

/* панель фильтров: всегда открыта, одной строкой (отдельной кнопки «Фильтры» нет) */
.catalog-controls{margin-top:var(--sp-3)}
.filters-panel{width:100%;background:var(--card);border:1px solid var(--hairline);
  border-radius:var(--r-lg);box-shadow:var(--sh-2);padding:var(--sp-5);display:grid;gap:var(--sp-4);grid-template-columns:1fr}
@media(min-width:640px){.filters-panel{grid-template-columns:repeat(2,1fr);align-items:end}}
@media(min-width:768px){.filters-panel{grid-template-columns:1fr 1fr 1fr auto;align-items:end}}
.filter-group{display:flex;flex-direction:column;gap:6px;min-width:0}
.filter-group select{width:100%}
.filter-group label{font-weight:600;font-size:var(--fs-sm);color:var(--ink-700)}
.filter-group select{min-height:48px;padding:10px var(--sp-4);border:1.5px solid var(--hairline);
  border-radius:var(--r-md);background:var(--white);color:var(--ink-900);
  font-family:var(--font-text);font-size:var(--fs-body);cursor:pointer}
.filter-group select:focus{outline:0;border-color:var(--brand-600);box-shadow:0 0 0 3px var(--focus-ring)}
.filter-actions{display:flex;align-items:end}
.filter-actions .btn{min-height:48px;width:100%}
@media(min-width:640px){.filter-actions{grid-column:1 / -1;justify-content:flex-end}
  .filter-actions .btn{width:auto;min-width:160px}}
@media(min-width:768px){.filter-actions{grid-column:auto;justify-content:flex-start}
  .filter-actions .btn{min-width:140px}}

/* служебная строка «Найдено N» + «Сбросить» */
.catalog-status{display:flex;align-items:center;gap:var(--sp-4);min-height:44px;margin-top:var(--sp-3)}
.catalog-status .found{font-weight:700;color:var(--ink-900)}
.catalog-status .reset{color:var(--brand-700);font-weight:600;text-decoration:underline;
  display:inline-flex;align-items:center;min-height:44px}

/* карточка витрины: верхняя строка (тип + №) */
.sol .sol-top{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}
.sol .sol-top .emoji{font-size:22px}
.sol .num{margin-left:auto;color:var(--ink-500);font-weight:700;font-size:var(--fs-sm);font-family:var(--font-display)}
.tag.type{background:var(--surface);color:var(--ink-700);border:1px solid var(--hairline)}

/* «Показать ещё» и пустой результат */
.show-more{display:flex;justify-content:center;margin-top:var(--sp-6)}
.empty-state{max-width:640px;margin:var(--sp-8) auto;padding:var(--sp-8);text-align:center;
  display:flex;flex-direction:column;gap:var(--sp-4);align-items:center}
.empty-state h2{margin:0}

/* ─── Catalog Discovery UI: cover-first card (16:10) ─── */
/* Вся карточка — ссылка на решение (mobile: tap → solution). Cover сейчас — warm placeholder,
   структура готова к замене на <img> без перестройки. */
.scard{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--hairline);
  border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-1);text-decoration:none;color:inherit;
  transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
.scard:hover{text-decoration:none;transform:translateY(-3px);box-shadow:var(--sh-3)}
.scard:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}
.scard-cover{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;
  background:linear-gradient(150deg,var(--surface),var(--section-warm));
  border-bottom:1px solid var(--hairline)}
.scard-cover>img{width:100%;height:100%;object-fit:cover;display:block}   /* слот под финальную cover */
.scard-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-size:clamp(38px,7vw,60px);opacity:.9;filter:drop-shadow(0 6px 14px rgba(80,60,30,.18))}
.scard-num{position:absolute;top:10px;right:10px;background:rgba(253,248,240,.92);color:var(--ink-700);
  font-family:var(--font-display);font-weight:800;font-size:var(--fs-sm);padding:2px 10px;border-radius:var(--r-pill);
  box-shadow:var(--sh-1)}
.scard-type{position:absolute;top:10px;left:10px}
/* hover overlay (desktop): короткий результат + CTA, внутри карточки, не перекрывает соседей */
.scard-hover{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:var(--sp-3);
  padding:var(--sp-4);background:linear-gradient(to top,rgba(20,24,31,.72),rgba(20,24,31,.10) 55%,transparent);
  opacity:0;transition:opacity var(--dur) var(--ease)}
.scard:hover .scard-hover,.scard:focus-visible .scard-hover,.sol:hover .scard-hover,.sol:focus-within .scard-hover{opacity:1}
.scard-tagline{color:#fff;font-size:var(--fs-sm);line-height:1.35;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.scard-cta{align-self:flex-start;background:var(--brand-cta);color:#fff;font-weight:700;font-size:var(--fs-sm);
  padding:8px 16px;border-radius:var(--r-md);box-shadow:var(--sh-2);min-height:40px;display:inline-flex;align-items:center}
.scard-body{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-4)}
.scard-title{font-family:var(--font-display);font-weight:700;font-size:1.0625rem;line-height:1.25;color:var(--ink-900)}
.scard-meta{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;font-size:var(--fs-sm)}
/* upcoming («Скоро»): warm muted, без чёрной маски */
.scard.is-upcoming .scard-cover{filter:saturate(.72) brightness(.99)}
.scard.is-upcoming .scard-cover::after{content:"";position:absolute;inset:0;background:rgba(254,244,232,.34)}
.scard-soon{position:absolute;left:10px;bottom:10px;z-index:1;background:var(--amber);color:var(--ink-900);
  font-weight:800;font-size:var(--fs-sm);padding:4px 12px;border-radius:var(--r-pill);box-shadow:var(--sh-1)}

/* ─── Полки (horizontal shelves) — Discovery ─── */
.shelf{margin:var(--sp-8) 0}
.shelf-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-4)}
.shelf-head h2{margin:0;text-align:left;font-size:clamp(1.15rem,2.6vw,1.5rem)}
.shelf-more{color:var(--brand-700);font-weight:700;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}
.shelf-row{display:flex;gap:var(--sp-4);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;
  -webkit-overflow-scrolling:touch;padding:4px 2px 12px;scrollbar-width:thin}
.shelf-row>.scard{flex:0 0 clamp(240px,32%,300px);scroll-snap-align:start}
/* Results-сетка использует .grid.catalog-grid; карточка — обычный элемент колонки (без фикс. ширины) */
.catalog-grid>.scard{width:auto}

@media(max-width:640px){
  .shelf-row>.scard{flex:0 0 78%}                 /* один cover + «подсказка» следующего */
  .scard-hover{display:none}                       /* mobile без hover — важное видно всегда, tap → solution */
}

/* ================================================================
   SITE FIX PACK 1 · FIX 2 — мобильная навигация (OWNER APPROVED 2026-08-23).
   Desktop без изменений (бургер скрыт >720px). Mobile: лого слева, бургер справа,
   меню раскрывается вертикально; тач-таргет ≥44px; CTA сохраняется.
   ================================================================ */
.nav-toggle{display:none;width:44px;height:44px;align-items:center;justify-content:center;
  margin-left:auto;background:transparent;border:1px solid var(--line);border-radius:var(--r-sm);
  cursor:pointer;color:var(--ink-900)}
.nav-toggle:focus-visible{outline:2px solid var(--brand-600);outline-offset:2px}
/* прокрутка под открытым меню блокируется скриптом (см. base.html): overflow:hidden на html
   сбрасывал позицию прокрутки, position:fixed уводил sticky-шапку за экран */
.nav-toggle .bars,.nav-toggle .bars::before,.nav-toggle .bars::after{content:"";display:block;
  width:22px;height:2px;background:currentColor;border-radius:2px;position:relative;
  transition:transform .18s ease,opacity .18s ease}
.nav-toggle .bars::before{position:absolute;top:-7px;left:0}
.nav-toggle .bars::after{position:absolute;top:7px;left:0}
.nav-toggle[aria-expanded="true"] .bars{background:transparent}
.nav-toggle[aria-expanded="true"] .bars::before{transform:translateY(7px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] .bars::after{transform:translateY(-7px) rotate(-45deg)}
@media(max-width:900px){  /* responsive fix 26.08: burger и на планшете, desktop-nav не показывать */
  .hdr-in{flex-wrap:nowrap}
  .nav-toggle{display:inline-flex}   /* правый край header (margin-left:auto из базового правила) */
  .nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;
    gap:0;background:var(--paper,#fef4e8);border-top:1px solid var(--line);box-shadow:var(--sh-1);
    padding:4px 16px 12px;margin:0;max-height:calc(100dvh - 60px);overflow-y:auto}
  .nav.open{display:flex}
  .nav a,.nav .badge-left{width:100%;box-sizing:border-box;min-height:44px;display:flex;
    align-items:center;padding:0 12px}      /* компактно, но touch-target 44px (a11y) */
  .nav .cta{justify-content:center;margin-top:8px}   /* CTA — отдельная широкая зелёная кнопка */
}


/* ─── Visual Pack A: подключённые изображения ─── */
.figure-3d img{max-width:100%;height:auto;display:block;margin:auto}
.cat .ic img{width:40px;height:40px;object-fit:contain;display:block}
.step img.stp{width:48px;height:48px;object-fit:contain;flex:0 0 48px}

/* ─── FORMAT BADGE PALETTE — цветные подписи форматов (утв. OWNER 26.08.2026) ───
   Спокойные пастельные тона; резерв: аналитика #E4E9EF/#3C4B5E, контент см. lifehack */
.scard-cover[data-type="prompt"] .scard-type{background:#F0F2DC;color:#5E6E10;border:1px solid #C9D39A}
.scard-cover[data-type="scheme"] .scard-type{background:#E2EFE7;color:#2F6B52;border:1px solid #B4D5C4}
.scard-cover[data-type="skill"] .scard-type{background:#FBEFCF;color:#8A6410;border:1px solid #EBD79A}
.scard-cover[data-type="agent"] .scard-type{background:#F8E3D6;color:#9C4F2E;border:1px solid #E7BFA6}
.scard-cover[data-type="calculator"] .scard-type{background:#FBE7CD;color:#8F5410;border:1px solid #EFCA99}
.scard-cover[data-type="automation"] .scard-type{background:#DCEBEA;color:#1F5F5B;border:1px solid #ABD0CD}
.scard-cover[data-type="bot"] .scard-type{background:#E2ECDC;color:#3D6B2E;border:1px solid #BFD6B2}
.scard-cover[data-type="lifehack"] .scard-type{background:#EAE4F0;color:#5E4B78;border:1px solid #CCBFDD}

/* ─── MOBILE HERO ALIGN (26.08, OWNER): на телефоне элементы hero одной ширины ─── */
@media(max-width:520px){
  .hero .flowline{display:flex;width:100%;justify-content:center;box-sizing:border-box}
  .hero-search{max-width:none}
  .hero .actions .btn{width:100%}
}

/* ─── Изображения без контура (26.08, OWNER): рамка-пунктир только для placeholder ─── */
.figure-3d.has-img{background:none;border:none;box-shadow:none;padding:0;min-height:0}

/* ─── Карточки решений на главной (ТЗ OWNER 26.08) ─────────────────────────
   Статика: формат (слева сверху) · цена (слева снизу, оранжевая) · дата (справа снизу);
   под изображением — название и capability. Описание — только на hover (desktop),
   вместе с CTA «Открыть решение»; цена на hover скрывается, дата и формат остаются. */
.sol{display:flex;flex-direction:column;overflow:hidden}
.sol .scard-cover{border-radius:var(--r-md);margin-bottom:12px;flex:0 0 auto;aspect-ratio:9/8}
/* размеры бейджей внутри изображения (ТЗ 26.08: типографика) */
.sol .scard-type{z-index:2;font-size:13px;padding:3px 10px}              /* формат 13px */
.sol .scard-num{top:auto;bottom:10px;z-index:2;font-size:13px;font-weight:700}   /* дата 13/700 */
.scard-price{position:absolute;left:10px;bottom:10px;z-index:1;background:rgba(253,248,240,.94);
  color:var(--price);font-family:var(--font-display);font-weight:700;font-size:16px;
  padding:2px 10px;border-radius:var(--r-pill);box-shadow:var(--sh-1);
  transition:opacity var(--dur) var(--ease)}                              /* цена 16/700, оранжевая */
.sol:hover .scard-price,.sol:focus-within .scard-price{opacity:0}         /* цена скрыта на hover */
/* название: 17px / 1.25, максимум 2 строки, одинаковая высота карточек */
.sol h3{font-size:17px;line-height:1.25;margin:0;font-weight:700;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  min-height:calc(2 * 1.25em)}  /* зарезервированная высота под 2 строки — полка не рвётся */
@media(max-width:640px){.sol h3{font-size:16px}}
.sol h3 a{color:var(--ink-900)} .sol h3 a:hover{color:var(--ink-900);text-decoration:none}
.sol .tagline{display:none}
/* «Использует ИИ» — компактный бейдж справа, с нормальным отступом от названия */
.sol .meta{justify-content:flex-end;margin-top:auto;padding-top:8px} /* компактнее (правка №5) */
.sol .meta .tag{font-size:13px;padding:3px 10px}
/* hover: затемняется только изображение; описание + CTA компактным блоком по центру,
   сверху >=50px под формат, снизу >=52px под цену/дату */
.sol .scard-hover{background:linear-gradient(to top,rgba(28,36,33,.84),rgba(28,36,33,.48));
  justify-content:flex-end;gap:10px;padding:50px var(--sp-4) 10px;overflow:hidden}
.sol .scard-tagline{font-size:14px;font-weight:600;line-height:1.35;-webkit-line-clamp:2}
.sol .scard-cta{min-height:38px;padding:8px 12px;font-size:13px;white-space:nowrap;
  max-width:calc(100% - 120px);overflow:hidden;text-overflow:ellipsis} /* 13px: помещается целиком, зазор до даты >= 12px */
.sol.is-upcoming .scard-cover{filter:saturate(.72) brightness(.99)}
.sol .scard-soon.sol-date{left:auto;right:10px;z-index:2;font-size:13px;font-weight:700;padding:3px 10px}
.sol.is-upcoming .scard-hover{display:none}          /* у «Скоро» hover-текста нет (safety pass 26.08) */

/* ─── Слайдеры главной (26.08, OWNER): каталог и «Скоро» листаются вправо/влево ─── */
.hs-wrap{position:relative}
.hslider{display:grid;grid-auto-flow:column;grid-auto-columns:min(78vw,300px);gap:var(--sp-4);
  overflow-x:auto;scroll-snap-type:x proximity;padding:4px 2px 12px;
  scrollbar-width:auto;scrollbar-color:var(--brand-600) var(--brand-50)}  /* 26.08 OWNER: полоса шире, зелёная */
.hslider::-webkit-scrollbar{height:10px}
.hslider::-webkit-scrollbar-track{background:var(--brand-50);border-radius:999px}
.hslider::-webkit-scrollbar-thumb{background:var(--brand-600);border-radius:999px}
.hslider::-webkit-scrollbar-thumb:hover{background:var(--brand-700)}
@media(min-width:900px){.hslider{grid-auto-columns:340px}}
.hslider>.card{scroll-snap-align:start}
.hs-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:36px;height:36px;
  border-radius:50%;border:1px solid var(--line);background:var(--card);cursor:pointer;font-size:22px;
  line-height:1;box-shadow:var(--sh-1);display:flex;align-items:center;justify-content:center;color:var(--ink-900)}
.hs-btn.prev{left:-8px}.hs-btn.next{right:-8px}
.hs-btn:hover{background:var(--brand-50)}
@media(max-width:720px){.hs-btn{display:none !important}}  /* на телефоне листается пальцем */
/* карточка кликабельна целиком (кнопки «Подробнее» нет) */
.sol{position:relative}
.sol h3 a::after{content:"";position:absolute;inset:0}

/* ─── Главная (26.08, OWNER): заголовки секций слева, не по центру ─── */
body.home .section h2{text-align:left}
body.home .section .sub{text-align:left;margin-left:0}

/* ─── Плитки типов решений (26.08, OWNER): цвета форматов, картинка на всю карточку ─── */
.cat{position:relative;overflow:hidden;min-height:170px}
.cat .cat-bg{position:absolute;right:-6px;bottom:-6px;width:52%;max-width:190px;height:auto;
  object-fit:contain;pointer-events:none;opacity:.95}
.cat h3,.cat p,.cat .more{position:relative;z-index:1}
.cat p{max-width:60%}
.cat[data-type="prompt"]{background:#F0F2DC}
.cat[data-type="prompt"] .more{color:#5E6E10}
.cat[data-type="scheme"]{background:#E2EFE7}
.cat[data-type="scheme"] .more{color:#2F6B52}
.cat[data-type="agent"]{background:#F8E3D6}
.cat[data-type="agent"] .more{color:#9C4F2E}
.cat[data-type="automation"]{background:#DCEBEA}
.cat[data-type="automation"] .more{color:#1F5F5B}
.cat[data-type="analytics"]{background:#E4E9EF}
.cat[data-type="analytics"] .more{color:#3C4B5E}
.cat[data-type="content"]{background:#EAE4F0}
.cat[data-type="content"] .more{color:#5E4B78}

/* ─── «Как это работает» — макет OWNER 26.08 (три пути) ─── */
/* заголовок блока — слева (правка OWNER №2), подпись удалена из шаблона */
.how2-grid{display:grid;gap:var(--sp-4)}
@media(min-width:641px) and (max-width:899px){  /* планшет: main во всю ширину, шаги 2x2 */
  .how2-grid{grid-template-columns:1fr 1fr}
  .how2-main{grid-column:1 / -1}
}
@media(min-width:900px){
  .how2-grid{grid-template-columns:1.15fr 1fr 1fr}
  .how2-main{grid-row:span 2}
}
.how2-main{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-6)}
.how2-main .badge-eyebrow{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;
  background:var(--brand-50);color:var(--brand-700);font-weight:800;font-size:13px;
  letter-spacing:.04em;padding:6px 14px;border-radius:var(--r-pill)}
.how2-main h3{font-size:clamp(1.4rem,2.2vw,1.75rem);line-height:1.2;margin:0}
.how2-main p{margin:0;color:var(--ink-500)}
.how2-art{max-width:100%;height:auto;display:block;margin:auto;border-radius:var(--r-md)}
.how2-tg{display:flex;align-items:center;gap:12px;margin-top:auto;min-height:56px;
  border:1.5px solid var(--brand-600);border-radius:var(--r-md);padding:10px 16px;
  color:var(--ink-900);font-weight:700;background:var(--card)}
.how2-tg:hover{background:var(--brand-50);text-decoration:none}
.how2-tg-ic{flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:var(--brand-600);
  color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:16px}
.how2-arr{margin-left:auto;color:var(--brand-700);font-size:20px}
.how2-step{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-5)}
.how2-step h3{display:flex;align-items:center;gap:10px;font-size:17px;line-height:1.25;margin:0}
.how2-step .n2{flex:0 0 28px;width:28px;height:28px;border-radius:8px;background:var(--brand-cta);
  color:#fff;font-size:14px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.how2-step p{margin:0;color:var(--ink-500);font-size:14px;line-height:1.45}
.how2-step img{margin:auto auto 0;border-radius:var(--r-md)}
.how2-strip{margin-top:var(--sp-4);display:flex;align-items:center;justify-content:center;gap:var(--sp-6);
  flex-wrap:wrap;padding:var(--sp-4) var(--sp-5)}
.how2-fact{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:14px}
.how2-ic{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  font-style:normal;font-size:15px;font-weight:800}
.how2-ic.star{background:#FDEBDA;color:#E2A336}
.how2-ic.pct{background:var(--brand-50);color:var(--brand-700)}
.how2-sep{width:1px;height:24px;background:var(--hairline)}
@media(max-width:899px){
  .how2-strip{flex-direction:column;gap:10px;align-items:center}
  .how2-sep{display:none}
}

/* ─── Плитки типов v2 (макет OWNER 26.08): иллюстрация справа на всю карточку ─── */
.cat2{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:8px;
  padding:var(--sp-5);min-height:210px}
.cat2 h3{margin:0;font-size:18px;line-height:1.25;position:relative;z-index:1}
.cat2 h3{max-width:48%}
.cat2 p{margin:0;color:var(--ink-500);font-size:14px;line-height:1.45;max-width:48%;position:relative;z-index:1;flex:1}
.cat2 .more{position:relative;z-index:1;font-weight:700;font-size:14px;display:inline-flex;align-items:center;gap:6px;min-height:32px;align-self:flex-start}  /* кликабельная зона по тексту, не под иллюстрацией */
.cat2-art{position:absolute;right:10px;top:10px;width:calc(48% - 10px);height:calc(100% - 20px);
  object-fit:contain;object-position:right center;pointer-events:none}
  /* арт-зона <= 48% строго правее текстовой (48%): прямоугольники не пересекаются; safe-area 10px */
.cat2[data-type="prompt"]{background:#F8F4E4}     .cat2[data-type="prompt"] .more{color:#5E6E10}
.cat2[data-type="scheme"]{background:#EFF0EA}     .cat2[data-type="scheme"] .more{color:#2F6B52}
.cat2[data-type="agent"]{background:#FDEFE4}      .cat2[data-type="agent"] .more{color:#A84C22}
.cat2[data-type="automation"]{background:#ECF0EE} .cat2[data-type="automation"] .more{color:#1F5F5B}
.cat2[data-type="bot"]{background:#EAF1E4}        .cat2[data-type="bot"] .more{color:#3D6B2E}
.cat2[data-type="skill"]{background:#F7EFD8}      .cat2[data-type="skill"] .more{color:#8A6410}
.cat2[data-type="calculator"]{background:#FBE9D6} .cat2[data-type="calculator"] .more{color:#8F5410}
/* оставлено на случай возврата этих плиток решением OWNER */
.cat2[data-type="analytics"]{background:#EEEDF1}  .cat2[data-type="analytics"] .more{color:#3C4B5E}
.cat2[data-type="content"]{background:#F3EAF2}    .cat2[data-type="content"] .more{color:#5E4B78}
/* плитка без иллюстрации: текст занимает всю ширину */
.cat2.is-noart h3,.cat2.is-noart p{max-width:100%}
.cat2:hover{transform:translateY(-2px);box-shadow:var(--sh-3)}

/* ─── Header: активный пункт меню (зелёный маркер под текстом) — 02.09 ─── */
.nav a.active{color:var(--brand-700);position:relative}
.nav a.active::after{content:"";position:absolute;left:var(--sp-3);right:var(--sp-3);bottom:6px;height:2px;
  border-radius:2px;background:var(--brand-600)}
@media(max-width:900px){.nav a.active{background:var(--brand-50)} .nav a.active::after{display:none}}

/* ─── СТРАНИЦА «ДЛЯ АВТОРОВ» (/authors) — по макету OWNER 02.09.2026 (visual parity pass 2) ───
   Общие header/footer, токены и компоненты сайта; ниже только собственная раскладка страницы.
   Иллюстрации — вырезки из утверждённого макета (static/img/authors). */
.authors .au-section h2{text-align:left;font-size:clamp(1.5rem,2.4vw,1.95rem);margin:0 0 var(--sp-6)}
.authors .au-section{margin:var(--sp-10) 0}
.authors .au-section:last-child{margin-bottom:var(--sp-10)}

/* hero */
.au-hero{display:grid;gap:var(--sp-6);align-items:center;padding:var(--sp-8) 0 var(--sp-4)}
@media(min-width:900px){.au-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:var(--sp-6);padding:var(--sp-6) 0 var(--sp-4)}}
.au-eyebrow{display:inline-flex;align-items:center;background:var(--brand-50);color:var(--brand-700);font-weight:700;
  font-size:var(--fs-sm);letter-spacing:.3px;padding:6px 14px;border-radius:var(--r-pill);margin-bottom:var(--sp-4)}
.au-hero h1{font-size:clamp(2.25rem,4.4vw,3.4rem);line-height:1.06;margin:0 0 var(--sp-3)}
.au-lead{font-family:var(--font-display);font-weight:800;color:var(--brand-600);
  font-size:clamp(1.25rem,2.1vw,1.8rem);line-height:1.22;margin:0 0 var(--sp-4)}
.au-desc{color:var(--ink-500);font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.55;max-width:560px;margin:0 0 var(--sp-6)}
.au-actions{display:flex;gap:var(--sp-4);flex-wrap:wrap;margin-bottom:var(--sp-5)}
.au-actions .btn{min-width:220px;min-height:56px;font-size:1.0625rem}
.au-play{width:0;height:0;border-style:solid;border-width:6px 0 6px 9px;border-color:transparent transparent transparent currentColor;margin-right:2px}
.au-benefits{display:inline-flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-5);list-style:none;margin:0;padding:10px var(--sp-4);
  border:1px solid var(--hairline);border-radius:var(--r-pill);background:var(--card);font-size:13px;font-weight:600;color:var(--ink-700)}
@media(min-width:1100px){.au-benefits{flex-wrap:nowrap;gap:var(--sp-4)}}
.au-benefits li{display:inline-flex;align-items:center;gap:8px;min-height:26px;white-space:nowrap}
.au-benefits .how2-ic{width:24px;height:24px;font-size:11px}
.how2-ic.ok{background:var(--brand-50);color:var(--brand-700)}
.au-hero-art{min-width:0}
.au-hero-img{width:100%;height:auto;display:block;max-width:660px;margin:0 0 0 auto}

/* форматы */
.au-formats{display:grid;gap:var(--sp-4);grid-template-columns:1fr}   /* OWNER 02.09: 3 формата -> 3 колонки */
@media(min-width:640px){.au-formats{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-5)}}
.au-fmt{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-5) var(--sp-5) var(--sp-6)}
.au-fmt h3{margin:var(--sp-2) 0 0;font-size:1.0625rem}
.au-fmt p{margin:0;color:var(--ink-500);font-size:14px;line-height:1.5}
.au-fmt-ic{display:flex;align-items:center;height:130px}
.au-fmt-ic img{height:120px;width:auto;max-width:100%;object-fit:contain;object-position:left center}

/* шаги */
.au-steps{display:grid;gap:var(--sp-4);grid-template-columns:1fr;list-style:none;margin:0;padding:0}
@media(min-width:640px){.au-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1024px){.au-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-8)}}
.au-step{position:relative;display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-6) var(--sp-5)}
.au-step h3{display:flex;align-items:center;gap:10px;font-size:15px;line-height:1.25;margin:0}
.au-step .n2{flex:0 0 28px;width:28px;height:28px;border-radius:7px;background:var(--brand-cta);
  color:#fff;font-size:14px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.au-step-art{display:flex;align-items:center;justify-content:center;height:170px;margin:var(--sp-2) 0}
.au-step-art img{height:160px;width:auto;max-width:100%;object-fit:contain}
.au-step p{margin:0;color:var(--ink-500);font-size:15px;line-height:1.55}
/* пунктирные стрелки между шагами (только desktop) */
@media(min-width:1024px){
  .au-step:not(:last-child)::after{content:"";position:absolute;top:50%;right:calc(-1 * var(--sp-8) + 3px);
    width:calc(var(--sp-8) - 12px);border-top:2px dashed var(--brand-600);opacity:.75}
  .au-step:not(:last-child)::before{content:"";position:absolute;top:50%;right:calc(-1 * var(--sp-8) + 3px);
    transform:translateY(-50%);width:0;height:0;border-style:solid;border-width:5px 0 5px 7px;
    border-color:transparent transparent transparent var(--brand-600);z-index:1}
}

/* условия — цвета карточек как в макете */
.au-terms{display:grid;gap:var(--sp-4);grid-template-columns:1fr}
@media(min-width:640px){.au-terms{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1024px){.au-terms{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-5)}}
.au-term{padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-3)}
.au-term.t1{background:#F8F6E8}.au-term.t2{background:#F9F6E9}.au-term.t3{background:#FEF5E7}.au-term.t4{background:#F7F2F4}
.au-term-h{display:flex;align-items:center;gap:12px;min-height:56px}
.au-term-h h3{margin:0;font-size:15px;line-height:1.3}
.au-term-ic{flex:0 0 56px;width:56px;height:56px;display:inline-flex;align-items:center;justify-content:center}
.au-term-ic img{max-width:56px;max-height:56px;width:auto;height:auto;object-fit:contain}
.au-term p{margin:0;color:var(--ink-700);font-size:15px;line-height:1.55}

/* что важно */
.au-checks{display:grid;gap:var(--sp-6);grid-template-columns:1fr;padding:var(--sp-6) var(--sp-6);border-color:#CFD9A9}
@media(min-width:640px){.au-checks{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1024px){.au-checks{grid-template-columns:repeat(4,minmax(0,1fr));padding:var(--sp-8) var(--sp-6)}}
.au-check h3{display:flex;align-items:center;gap:8px;font-size:15px;line-height:1.3;margin:0 0 var(--sp-2)}
.au-check h3 i{flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:var(--brand-600);color:#fff;
  font-style:normal;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.au-check p{margin:0;color:var(--ink-500);font-size:15px;line-height:1.55}

/* финальный CTA */
.au-cta{display:grid;gap:var(--sp-5);align-items:center;padding:var(--sp-6);background:var(--section-warm)}
@media(min-width:820px){.au-cta{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:var(--sp-10);padding:var(--sp-8) var(--sp-10)}}
.au-cta-art img{width:100%;max-width:480px;height:auto;display:block;margin:0 auto;border-radius:var(--r-lg)}
.au-cta-text h2{text-align:left;font-size:clamp(1.5rem,2.4vw,1.95rem);margin:0 0 var(--sp-3)}
.au-cta-text p{margin:0 0 var(--sp-6);color:var(--ink-700);font-size:1.0625rem;line-height:1.55;max-width:560px}
.au-cta-actions{display:flex;align-items:center;gap:var(--sp-6);flex-wrap:wrap}
.au-cta-actions .btn{min-width:220px;min-height:56px;font-size:1.0625rem}
.au-cta-login{color:var(--ink-700);font-size:15px}
.au-cta-login a{font-weight:700;text-decoration:underline;text-underline-offset:3px;display:inline-flex;min-height:44px;align-items:center;padding:0 4px}
@media(max-width:520px){.au-actions .btn,.au-cta-actions .btn{width:100%}.au-benefits{border-radius:var(--r-md);width:100%}}

/* ─── Header: иконка Telegram перед пунктом «Telegram-канал» (OWNER 02.09) ─── */
.nav .nav-tg{gap:8px}
.nav .tg-ic{flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:var(--brand-600);
  display:inline-flex;align-items:center;justify-content:center}
.nav .tg-ic svg{width:15px;height:15px;fill:#fff;display:block;margin-left:-1px}

/* ─── ГЛАВНАЯ по макету OWNER 02.09: hero-оффер, блок «Пользователям / Авторам», компактные ленты ─── */
.hero .hero-cta2{max-width:520px}
.hero .hero-cta2{flex-wrap:nowrap}
.hero .hero-cta2 .btn{flex:1 1 auto;white-space:nowrap;padding-left:var(--sp-4);padding-right:var(--sp-4)}
.hero .hero-cta2 .btn-primary{flex:1.4 1 auto}
@media(max-width:560px){.hero .hero-cta2{flex-wrap:wrap}.hero .hero-cta2 .btn{width:100%}}
.hero .hero-note{margin:var(--sp-3) 0 0;font-size:13px;color:var(--ink-700);display:flex;align-items:center;gap:6px}
.aud{margin-top:var(--sp-6)}
.aud-grid{display:grid;gap:var(--sp-4);grid-template-columns:1fr}
@media(min-width:820px){.aud-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-6)}}
.aud-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--sp-4);padding:var(--sp-5) var(--sp-6);min-height:160px}
.aud-card h3{display:flex;align-items:center;gap:12px;margin:0 0 var(--sp-3);font-size:1.0625rem}
.aud-ic{flex:0 0 36px;width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--sh-1)}
.aud-ic svg{width:20px;height:20px;fill:#fff}
.aud-ic--user{background:var(--brand-600)} .aud-ic--author{background:var(--orange)}
.aud-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.aud-list li{position:relative;padding-left:16px;font-size:14px;line-height:1.45;color:var(--ink-700)}
.aud-list li::before{content:"";position:absolute;left:0;top:.55em;border-style:solid;border-width:4px 0 4px 6px;border-color:transparent transparent transparent var(--brand-600)}
.aud-art{width:120px;height:120px;object-fit:contain;justify-self:end}
@media(max-width:520px){.aud-card{grid-template-columns:1fr}.aud-art{justify-self:center;width:110px;height:110px}}
/* ленты «Новые» и «Скоро» — компактные одинаковые карточки, 5 в ряд на desktop */
@media(min-width:900px){.hslider{grid-auto-columns:224px}}
@media(min-width:1180px){.hslider{grid-auto-columns:calc((100% - 4 * var(--sp-4)) / 5)}}
.hslider .sol{padding:var(--sp-3);gap:var(--sp-2)}
.hslider .sol h3{font-size:.9375rem;line-height:1.3}
.hslider .sol .meta{font-size:12px}
.hslider .scard-price,.hslider .scard-soon,.hslider .scard-num{font-size:11px;padding:3px 8px}
.hslider .scard-type{font-size:11px;padding:2px 8px}