/* =========================================================
   PAINMED v8 — «Светлый атриум × газета»
   Заголовки — гротеск Manrope (без засечек), цитаты — курсив Lora.
   Акцент #0E8F7E, редкое бордо #6D121C.
   ========================================================= */

/* Атрибут hidden должен всегда скрывать, даже flex/grid-контейнеры
   (переключение состояний анонс/запись у эфира и т.п.). */
[hidden]{ display:none !important; }

:root{
  --paper:   #F7F8F5;
  --paper-2: #FDFDFB;
  --card:    #FFFFFF;
  --mint:    #EBF3F0;   /* тонированная подложка */
  --mint-2:  #F1F7F4;

  --ink:      #16241F;
  --ink-soft: #33443E;
  --muted:    rgba(22,36,31,0.58);
  --faint:    rgba(22,36,31,0.42);
  --line:     rgba(22,36,31,0.12);
  --line-2:   rgba(22,36,31,0.22);

  --accent:      #0E8F7E;
  --accent-d:    #0A6E60;
  --accent-br:   #2EC9B0;
  --accent-soft: rgba(14,143,126,0.10);
  --accent-ghost:rgba(14,143,126,0.055);

  --wine:      #6D121C;
  --wine-soft: rgba(109,18,28,0.07);

  --serif:   'Lora', 'PT Serif', serif;
  --display: 'Manrope', 'Golos Text', system-ui, sans-serif;
  --sans:  'Golos Text', system-ui, sans-serif;
  --mono:  'IBM Plex Mono', ui-monospace, monospace;
  --hand:  'Caveat', cursive;
  --hand-size: 23px;

  --r:    3px;
  --r-sm: 3px;
  --r-pill: 3px;
  --grid-line: rgba(22,36,31,0.10);
  --shadow:    0 1px 2px rgba(22,36,31,0.04), 0 14px 40px rgba(22,36,31,0.07);
  --shadow-lg: 0 30px 80px rgba(22,36,31,0.13);
  --maxw: 1280px;
}

*{ box-sizing:border-box; margin:0; padding:0; }
html{ scroll-behavior:smooth; overflow-x:clip; }
body{
  font-family:var(--sans);
  background:var(--paper);
  overflow-x:clip;
  color:var(--ink);
  font-size:16px; line-height:1.6;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img,svg{ display:block; max-width:100%; }
a{ color:inherit; text-decoration:none; }
button{ font-family:inherit; cursor:pointer; }
.wrap{ max-width:var(--maxw); margin:0 auto; padding-inline:48px; }

/* плоский режим (Tweaks: без мятных подложек) */
body.flat .ai-band{ background:var(--paper-2); }
body.flat .ticket-stub{ background:var(--paper-2); }
body.flat .hero-ai{ background:var(--card); }

/* ---------- общие атомы ---------- */
.kicker{
  display:inline-flex; align-items:center; gap:10px;
  font-size:11.5px; font-weight:700; letter-spacing:0.18em;
  text-transform:uppercase; color:var(--accent-d);
}
.kicker .plus{ color:var(--accent); font-weight:800; font-size:14px; line-height:1; }
.kicker .num{ font-family:var(--mono); font-weight:600; color:var(--faint); letter-spacing:0.08em; }

.chip{
  display:inline-flex; align-items:center; gap:7px;
  font-size:10.5px; font-weight:700; letter-spacing:0.14em; text-transform:uppercase;
  padding:6px 13px; border-radius:var(--r-pill);
  background:var(--accent-soft); color:var(--accent-d);
}
.chip.offline{ background:var(--wine-soft); color:var(--wine); }
.chip.flag{ background:var(--wine); color:#FBF5F0; }

.btn-primary{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  background:var(--accent); color:#fff;
  border:none; border-radius:var(--r-pill); padding:16px 30px;
  font-weight:700; font-size:15px; letter-spacing:0.005em;
  transition:background .2s, transform .15s, box-shadow .2s;
  box-shadow:0 8px 24px rgba(14,143,126,0.22);
}
.btn-primary:hover{ background:var(--accent-d); transform:translateY(-1px); }
.btn-outline{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  background:var(--card); color:var(--ink);
  border:1.5px solid var(--line-2); border-radius:var(--r-pill); padding:14.5px 28px;
  font-weight:700; font-size:15px;
  transition:border-color .2s, background .2s, color .2s, transform .15s;
}
.btn-outline:hover{ border-color:var(--accent); color:var(--accent-d); background:var(--mint-2); transform:translateY(-1px); }

/* заголовок секции */
.shead{ display:flex; flex-direction:column; gap:18px; margin-bottom:52px; }
.skicker{
  display:flex; align-items:baseline; gap:16px; width:100%;
  border:none; background:none; padding:0; border-radius:0;
}
.skicker .n{ font-family:var(--mono); font-size:12px; color:var(--wine); letter-spacing:0.16em; font-weight:600; }
.skicker .bar{ flex:1; height:1px; background:var(--line-2); align-self:center; }
.skicker .tag{ font-family:var(--mono); font-size:11px; letter-spacing:0.18em; text-transform:uppercase; color:var(--muted); white-space:nowrap; }
.shead h2{
  font-family:var(--display); font-weight:700;
  font-size:clamp(32px, 3.6vw, 50px); line-height:1.12; letter-spacing:-0.02em;
  text-wrap:balance; max-width:820px;
}
.shead h2 em{ font-style:italic; color:var(--accent-d); }
.shead .ssub{ font-size:17px; line-height:1.65; color:var(--muted); max-width:640px; }

.block{ padding-block:96px; }
.seam{ border-top:1px dashed var(--line-2); }
/* тонированная секция — чередование фонов */
.tint{
  background:var(--mint-2);
  border-top:1px dashed var(--line-2); border-bottom:1px dashed var(--line-2);
}
body.flat .tint{ background:var(--paper-2); }

/* ================= TOPBAR ================= */
.topbar{
  position:sticky; top:0; z-index:50;
  background:rgba(247,248,245,0.86);
  backdrop-filter:saturate(1.4) blur(16px);
  -webkit-backdrop-filter:saturate(1.4) blur(16px);
  border-bottom:1px solid var(--line);
}
.topbar-inner{ display:flex; align-items:center; gap:36px; height:66px; }
.logo{ display:flex; align-items:center; }
.logo img{ height:34px; width:auto; display:block; }
.nav{ display:flex; gap:28px; align-items:center; font-size:14.5px; font-weight:600; }
.nav a{ color:var(--ink-soft); position:relative; padding:6px 0; }
.nav a::after{
  content:''; position:absolute; left:0; right:100%; bottom:-1px;
  height:2px; border-radius:2px; background:var(--accent); transition:right .25s ease;
}
.nav a:hover{ color:var(--ink); }
.nav a:hover::after{ right:0; }
.nav-cta{ margin-left:auto; }
.btn-top{
  display:inline-block; text-decoration:none; cursor:pointer;
  background:var(--accent); color:#fff; border:none; border-radius:var(--r-pill);
  padding:11px 22px; font-size:13.5px; font-weight:700;
  transition:background .2s, transform .15s;
}
.btn-top:hover{ background:var(--accent-d); transform:translateY(-1px); }
.mobile-burger{
  display:none; align-items:center; justify-content:center;
  width:44px; height:44px; border-radius:var(--r-pill);
  background:var(--card); color:var(--ink); border:1px solid var(--line-2); margin-left:auto;
  cursor:pointer; transition:background .2s, border-color .2s, color .2s;
}
.mobile-burger:hover{ background:var(--mint-2); border-color:var(--accent); color:var(--accent); }

/* ================= HERO ================= */
.hero{
  position:relative;
  display:grid; grid-template-columns:1.08fr 0.92fr;
  gap:56px; align-items:stretch;
  padding-top:28px; padding-bottom:26px;
}
.hero-bg{
  position:absolute; top:-28px; bottom:-26px; left:0; right:-40px;
  pointer-events:none; z-index:0;
  background:url('../img/hero-contours.svg') center center / cover no-repeat;
  transform:translateX(-5%);
}
body.flat .hero-bg{ display:none; }
.hero-left, .hero .ticket{ position:relative; z-index:1; }
.hero-left{ display:flex; flex-direction:column; min-width:0; }
.hero .kicker{ margin-bottom:18px; }
.hero h1{
  font-family:var(--display); font-weight:700;
  font-size:clamp(38px, 4vw, 56px);
  line-height:1.06; letter-spacing:-0.03em;
  margin-bottom:18px; text-wrap:balance;
}
.hero h1 em{ font-style:italic; color:var(--accent-d); }
.hero .lede{
  font-size:17px; line-height:1.6; color:var(--muted);
  max-width:520px; margin-bottom:26px;
}
.hero .actions{ display:flex; gap:14px; align-items:center; flex-wrap:wrap; }

/* AI-полоска под hero */
.hero-ai{
  display:flex; align-items:center; gap:18px;
  margin-top:auto; padding:15px 20px;
  background:var(--mint-2); border:1px solid var(--line);
  border-radius:var(--r);
  transition:box-shadow .25s, transform .2s, border-color .2s;
}
.hero-ai:hover{ box-shadow:var(--shadow); transform:translateY(-2px); border-color:var(--accent-soft); }
.hero-ai-icon{
  flex:none; width:42px; height:42px; border-radius:var(--r-pill);
  background:var(--accent); color:#fff;
  font-family:var(--mono); font-weight:600; font-size:14px;
  display:flex; align-items:center; justify-content:center;
}
.hero-ai-body{ display:flex; flex-direction:column; gap:4px; min-width:0; }
.hero-ai-label{
  display:flex; align-items:center; gap:8px;
  font-size:10.5px; font-weight:700; letter-spacing:0.16em;
  text-transform:uppercase; color:var(--muted);
}
.hero-ai-label .dot{
  width:7px; height:7px; border-radius:50%; background:var(--accent);
  animation:pulse-dot 1.8s ease-in-out infinite;
}
@keyframes pulse-dot{ 0%,100%{ opacity:1; } 50%{ opacity:0.3; } }
.hero-ai-q{ font-family:var(--serif); font-size:16.5px; color:var(--ink); }
.hero-ai-q strong{ font-weight:700; color:var(--accent-d); }
.hero-ai-note{
  display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-top:3px;
  font-size:12px; color:var(--faint);
}
.hero-ai-note .sep{ width:3px; height:3px; border-radius:50%; background:var(--line-2); flex:none; }
.hero-ai-go{
  flex:none; margin-left:auto; width:42px; height:42px; border-radius:var(--r-pill);
  border:1.5px solid var(--line-2); color:var(--ink);
  display:flex; align-items:center; justify-content:center;
  transition:background .2s, border-color .2s, color .2s, transform .15s;
}
.hero-ai:hover .hero-ai-go{
  background:var(--accent); border-color:var(--accent); color:#fff; transform:translateX(2px);
}

/* ---------- БИЛЕТ ближайшего эфира ---------- */
.ticket{
  position:relative;
  background:var(--card); border:1px solid var(--line);
  border-radius:calc(var(--r) + 4px);
  box-shadow:var(--shadow-lg);
}
.ticket-stamp{
  position:absolute; top:-13px; right:26px; z-index:2;
  transform:rotate(-6deg);
  background:var(--card); border:1.5px solid var(--wine); color:var(--wine);
  font-family:var(--mono); font-size:9.5px; font-weight:600; letter-spacing:0.12em;
  padding:5px 9px; border-radius:3px;
}
.ticket-top{ padding:18px 26px 12px; }
.ticket-head{ display:flex; align-items:center; gap:12px; margin-bottom:13px; }
.ticket-head .live{
  margin-left:auto; display:inline-flex; align-items:center; gap:7px;
  font-family:var(--mono); font-size:10px; font-weight:600; letter-spacing:0.12em;
  color:var(--wine);
}
.ticket-head .live .dot{
  width:8px; height:8px; border-radius:50%; background:var(--wine);
  box-shadow:0 0 0 0 rgba(109,18,28,.4); animation:ping 1.9s ease-out infinite;
}
@keyframes ping{
  0%{ box-shadow:0 0 0 0 rgba(109,18,28,.35); }
  70%{ box-shadow:0 0 0 8px rgba(109,18,28,0); }
  100%{ box-shadow:0 0 0 0 rgba(109,18,28,0); }
}
.ticket h3{
  font-family:var(--display); font-weight:700; font-size:22px;
  line-height:1.22; letter-spacing:-0.01em; text-wrap:balance;
  margin-bottom:13px;
}
.ticket-meta{ display:grid; grid-template-columns:1fr 1fr; column-gap:24px; }
.tm{
  display:flex; flex-direction:column; gap:3px;
  padding:7px 0; border-bottom:1px dashed var(--line);
}
.tm-wide{ grid-column:1 / -1; }
.tm .k{
  font-size:10px; font-weight:700; letter-spacing:0.16em;
  text-transform:uppercase; color:var(--faint);
}
.tm .val{ font-size:15px; font-weight:700; letter-spacing:-0.01em; }
.tm .fmt-pill{
  align-self:flex-start; display:inline-flex; align-items:center; gap:7px;
  font-size:11px; font-weight:700; letter-spacing:0.1em; text-transform:uppercase;
  padding:5px 12px; border-radius:var(--r-pill);
  background:var(--accent-soft); color:var(--accent-d);
}
.tm .fmt-pill::before{ content:''; width:7px; height:7px; border-radius:50%; background:var(--accent); }
.tm .fmt-pill.offline{ background:var(--wine-soft); color:var(--wine); }
.tm .fmt-pill.offline::before{ background:var(--wine); }

.ticket .host{ display:flex; align-items:center; gap:12px; padding:9px 0; }
.ticket .host + .host{ border-top:1px dashed var(--line); }
.ticket .host .ava{
  width:40px; height:40px; border-radius:var(--r-sm); overflow:hidden; flex-shrink:0;
  background:var(--mint);
}
.ticket .host .ava img{ width:100%; height:100%; object-fit:cover; }
.ticket .host .who{ font-size:14.5px; font-weight:700; }
.ticket .host .aff{ font-size:12px; color:var(--muted); margin-top:2px; }
.ticket .host .badge{
  margin-left:auto; font-size:10px; font-weight:700; letter-spacing:0.12em;
  padding:6px 12px; border-radius:var(--r-pill);
  border:1px solid var(--line-2); color:var(--ink-soft); background:var(--card);
  transition:border-color .2s, color .2s;
}
.ticket .host:hover .badge{ border-color:var(--accent); color:var(--accent-d); }

/* перфорация */
.ticket-perf{ position:relative; height:0; border-top:2px dashed var(--line-2); margin:0 6px; }
.ticket-perf::before, .ticket-perf::after{
  content:''; position:absolute; top:-12px; width:24px; height:24px;
  border-radius:50%; background:var(--paper); border:1px solid var(--line);
}
.ticket-perf::before{ left:-19px; }
.ticket-perf::after{ right:-19px; }

.ticket-stub{
  background:var(--mint);
  border-radius:0 0 calc(var(--r) + 3px) calc(var(--r) + 3px);
  padding:13px 26px 16px;
}
.ticket-stub .cap{
  font-size:10px; font-weight:700; letter-spacing:0.2em; text-transform:uppercase;
  color:var(--accent-d); margin-bottom:9px;
}
.cd-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin-bottom:10px; }
.cd-cell{
  background:var(--card); border:1px solid var(--line);
  border-radius:var(--r-sm); padding:8px 4px; text-align:center;
}
.cd-cell .v{
  font-family:var(--mono); font-size:22px; font-weight:600; line-height:1;
  font-variant-numeric:tabular-nums; letter-spacing:-0.02em;
}
.cd-cell:first-child .v{ color:var(--accent-d); }
.cd-cell .l{
  font-size:9px; font-weight:700; letter-spacing:0.16em; text-transform:uppercase;
  color:var(--faint); margin-top:7px;
}
.watch{
  width:100%; border:none; border-radius:var(--r-pill);
  background:var(--accent); color:#fff;
  padding:12px; font-weight:700; font-size:14px; letter-spacing:0.02em;
  display:flex; align-items:center; justify-content:center; gap:10px;
  transition:background .2s, transform .15s;
  box-shadow:0 8px 22px rgba(14,143,126,0.25);
}
.watch:hover{ background:var(--accent-d); transform:translateY(-1px); }
.watch.secondary{
  background:transparent; color:var(--accent-d);
  border:1px solid var(--line-2); box-shadow:none;
}
.watch.secondary:hover{ background:var(--accent-soft); color:var(--accent-d); border-color:rgba(14,143,126,0.4); }
.watch-row{ display:flex; flex-direction:column; gap:9px; }
.watch-row .watch{ text-decoration:none; }

/* ================= СТАТ-ПОЛОСА ================= */
.databand{
  position:relative; z-index:1;
  background:var(--paper-2);
  border-top:1px dashed var(--line-2); border-bottom:1px dashed var(--line-2);
}
.databand-inner{ display:grid; grid-template-columns:repeat(4,1fr); padding-block:24px; }
.databand .cell{ padding-inline:28px; border-left:1px dashed var(--line); }
.databand .cell:first-child{ border-left:none; padding-left:0; }
.databand .v{
  font-family:var(--display); font-weight:800; font-size:clamp(30px,2.6vw,40px);
  line-height:1; letter-spacing:-0.02em;
}
.databand .v em{ font-style:normal; color:var(--accent-d); }
.databand .l{
  font-size:11px; font-weight:700; letter-spacing:0.14em; text-transform:uppercase;
  color:var(--muted); margin-top:8px;
}

/* ================= ФОРМАТЫ — плитка с тетрадной клеткой ================= */
.formats-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.format-card{
  position:relative; display:flex; flex-direction:column; gap:14px;
  background:var(--card);
  background-image:
    linear-gradient(var(--grid-line) 1px, transparent 1px),
    linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);
  background-size:26px 26px;
  border:1px solid var(--line-2);
  box-shadow:var(--shadow);
  padding:26px 26px 22px;
  transition:transform .25s, box-shadow .25s, border-color .25s;
}
.format-card:hover{ transform:translateY(-4px); box-shadow:var(--shadow-lg); border-color:rgba(14,143,126,0.35); }
.format-card .top{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:4px; }
.cat-ico{
  width:46px; height:46px; flex:none;
  border:1px solid var(--line-2); border-radius:var(--r-pill);
  background:var(--card); color:var(--accent-d);
  display:flex; align-items:center; justify-content:center;
  transition:background .25s, color .25s, border-color .25s;
}
.format-card:hover .cat-ico{ background:var(--accent); border-color:var(--accent); color:#fff; }
.cat-ico svg{ width:22px; height:22px; }
.format-card h3{ font-family:var(--display); font-weight:700; font-size:21px; line-height:1.25; letter-spacing:-0.02em; }
.format-card p{ font-size:14.5px; line-height:1.62; color:var(--muted); }
.format-card .foot{
  margin-top:auto; padding-top:14px; border-top:1px dashed var(--line);
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  font-size:11px; font-weight:700; letter-spacing:0.12em; text-transform:uppercase;
}
.format-card .foot .archive{ color:var(--faint); }
.format-card .foot .arrow{ color:var(--accent-d); transition:transform .2s; }
.format-card:hover .foot .arrow{ transform:translateX(3px); }

/* ================= AI — светлая мятная полоса ================= */
.ai-band{
  background:var(--mint);
  border-top:1px dashed var(--line-2); border-bottom:1px dashed var(--line-2);
}
.ai-head{ padding-top:96px; }
.ai-head .shead{ margin-bottom:0; }
.ai-inner{ display:grid; grid-template-columns:1fr 1fr; gap:72px; padding-block:52px 96px; align-items:start; }
.ai-inner .shead{ margin-bottom:28px; }
.ai-inner .shead h2{ margin-top:-0.12em; }
.ai-lede{ font-size:17px; line-height:1.65; color:var(--muted); margin-bottom:28px; max-width:520px; }
.features{ list-style:none; display:flex; flex-direction:column; gap:14px; margin-bottom:20px; }
.features li{
  position:relative; padding-left:30px;
  font-size:15.5px; font-weight:500; color:var(--ink-soft); line-height:1.55;
}
.features li::before{
  content:'+'; position:absolute; left:0; top:-2px;
  font-weight:800; font-size:19px; color:var(--accent);
}
.ai-note{
  display:inline-flex; gap:10px; align-items:baseline;
  border:1px dashed var(--wine); border-radius:var(--r-sm);
  background:var(--card);
  padding:12px 16px; margin-bottom:30px;
  font-size:13.5px; font-weight:600; color:var(--wine); line-height:1.5;
}
.ai-note b{ font-weight:800; letter-spacing:0.06em; }

/* чат-карточка */
.console{
  background:var(--card); border:1px solid var(--line);
  border-radius:calc(var(--r) + 4px); box-shadow:var(--shadow-lg);
  overflow:hidden;
}
.console-head{
  display:flex; align-items:center; gap:10px;
  padding:15px 22px; border-bottom:1px solid var(--line);
  font-family:var(--mono); font-size:11.5px; color:var(--muted); letter-spacing:0.03em;
}
.console-head .ai-mark{
  display:inline-flex; align-items:center; justify-content:center;
  width:26px; height:26px; border-radius:var(--r-pill);
  background:var(--accent); color:#fff;
  font-size:9px; font-weight:600;
}
.console-head .status{ margin-left:auto; color:var(--accent-d); display:flex; align-items:center; gap:6px; }
.console-head .status .dot{
  width:7px; height:7px; border-radius:50%; background:var(--accent);
  animation:pulse-dot 1.8s ease-in-out infinite;
}
.console-body{ padding:22px; display:flex; flex-direction:column; gap:14px; }
.msg{ max-width:88%; }
.msg .who{
  font-size:10px; font-weight:700; letter-spacing:0.16em; text-transform:uppercase;
  color:var(--faint); margin-bottom:7px;
}
.msg .text{
  background:var(--paper); border:1px solid var(--line);
  border-radius:var(--r-sm); padding:13px 16px;
  font-size:14.5px; line-height:1.6;
}
.msg.bot{ align-self:flex-end; }
.msg.bot .who{ color:var(--accent-d); text-align:right; }
.msg.bot .text{ background:var(--mint-2); border-color:rgba(14,143,126,0.22); }
.msg .text em{ font-style:normal; font-weight:700; color:var(--accent-d); }
.rx{
  margin-top:10px; display:flex; flex-direction:column; gap:7px;
  font-family:var(--mono); font-size:12.5px; color:var(--ink-soft);
}
.rx span{ color:var(--accent); font-weight:600; margin-right:6px; }
.rx-lock{
  margin-top:11px; display:flex; align-items:flex-start; gap:9px;
  padding:10px 12px; border-radius:var(--r-sm);
  background:var(--paper); border:1px dashed rgba(14,143,126,0.4);
  font-size:12px; line-height:1.45; color:var(--muted);
}
.rx-lock .lock-ico{ flex:none; color:var(--accent-d); margin-top:1px; }
.rx-lock .lock-ico svg{ width:15px; height:15px; }
.citations{ display:flex; flex-wrap:wrap; gap:7px; margin-top:12px; }
.citations span{
  font-size:10.5px; font-weight:600; letter-spacing:0.04em;
  background:var(--card); border:1px solid var(--line);
  border-radius:var(--r-pill); padding:5px 11px; color:var(--muted);
}
.prompt{
  display:flex; align-items:center; gap:10px;
  border-top:1px dashed var(--line-2); padding-top:16px; margin-top:6px;
  font-family:var(--mono); font-size:13px; color:var(--faint);
}
.prompt .gt{ color:var(--accent); font-weight:600; }
.caret{
  width:8px; height:16px; background:var(--accent); opacity:0.7;
  animation:caret-blink 1.1s steps(1) infinite;
}
@keyframes caret-blink{ 50%{ opacity:0; } }

/* ================= РЕГИСТРАЦИЯ — список преимуществ ================= */
.benefits-list{ border-top:1px dashed var(--line-2); }
.benefit-row{
  display:grid; grid-template-columns:52px 56px 1fr auto;
  gap:26px; align-items:center;
  padding:24px 20px; margin-inline:-20px;
  border-bottom:1px dashed var(--line-2);
  transition:background .25s, box-shadow .25s;
}
.benefit-row:hover{ background:var(--card); box-shadow:var(--shadow); }
.benefit-idx{
  font-family:var(--mono); font-size:13px; font-weight:600;
  color:var(--accent-d); letter-spacing:0.06em;
}
.benefit-row .glyph{
  width:56px; height:56px; flex:none; border-radius:var(--r-pill);
  background:var(--mint); color:var(--accent-d);
  display:flex; align-items:center; justify-content:center;
  transition:background .25s, color .25s;
}
.benefit-row:hover .glyph{ background:var(--accent); color:#fff; }
.benefit-row h3{
  font-family:var(--display); font-weight:700; font-size:21px; letter-spacing:-0.02em;
  margin-bottom:5px;
}
.benefit-row p{ font-size:14.5px; line-height:1.6; color:var(--muted); max-width:560px; }
.benefit-link{
  display:inline-flex; align-items:center; gap:8px; white-space:nowrap;
  font-size:12px; font-weight:700; letter-spacing:0.12em; text-transform:uppercase;
  color:var(--accent-d);
}
.benefit-link .arr{ transition:transform .2s; }
.benefit-row:hover .benefit-link .arr{ transform:translateX(4px); }
.benefits-cta{ margin-top:34px; display:flex; align-items:center; gap:20px; flex-wrap:wrap; }

/* ================= АРХИВ ================= */
.archive-head{ display:flex; flex-direction:row; align-items:flex-end; justify-content:space-between; gap:24px; }
.archive-all{
  font-size:13px; font-weight:700; letter-spacing:0.06em;
  color:var(--accent-d); white-space:nowrap; padding-bottom:6px;
  border-bottom:1.5px solid transparent; transition:border-color .2s;
}
.archive-all:hover{ border-color:var(--accent); }
.archive-list{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.archive-item{
  background:var(--card); border:1px solid var(--line); border-radius:var(--r);
  overflow:hidden; display:flex; flex-direction:column;
  transition:transform .25s, box-shadow .25s;
}
.archive-item:hover{ transform:translateY(-4px); box-shadow:var(--shadow-lg); }
.archive-cover{ position:relative; aspect-ratio:16/9.4; overflow:hidden; }
.cover-img{ width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.archive-item:hover .cover-img{ transform:scale(1.04); }
.play-big{
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  opacity:0; transition:opacity .25s; background:rgba(22,36,31,0.18);
}
.archive-item:hover .play-big{ opacity:1; }
.play-big span{
  width:60px; height:60px; border-radius:var(--r-pill);
  background:var(--accent); color:#fff;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 12px 30px rgba(14,143,126,0.4);
}
.play-big svg{ margin-left:3px; }
.cover-dur{
  position:absolute; right:12px; bottom:12px;
  font-family:var(--mono); font-size:11px; font-weight:600;
  background:rgba(255,255,255,0.92); color:var(--ink);
  border-radius:var(--r-pill); padding:4px 10px;
}
.archive-pad{ padding:20px 22px 22px; display:flex; flex-direction:column; gap:10px; flex:1; }
.archive-pad .fmt{
  font-size:10px; font-weight:700; letter-spacing:0.15em; text-transform:uppercase;
  color:var(--accent-d);
}
.archive-pad .title{
  font-family:var(--display); font-weight:700; font-size:21px; letter-spacing:-0.02em;
}
.archive-pad .foot{
  margin-top:auto; padding-top:10px; border-top:1px dashed var(--line);
  display:flex; align-items:center; justify-content:space-between;
  font-size:12.5px; color:var(--muted);
}
.archive-pad .foot .arrow{ font-weight:700; color:var(--accent-d); }

/* ================= ОБРАЩЕНИЕ ================= */
.founder{ background:var(--paper-2); border-bottom:1px dashed var(--line-2); }
.founder-inner{ display:grid; grid-template-columns:0.78fr 1.22fr; gap:80px; padding-block:44px 100px; align-items:center; }
.founder-portrait{ display:flex; flex-direction:column; align-items:center; gap:22px; }
.founder .frame{
  width:min(360px, 100%); aspect-ratio:3/3.6; overflow:hidden;
  border-radius:var(--r);
  border:1px solid var(--line); background:var(--mint);
  box-shadow:var(--shadow-lg);
}
.founder .frame img{ width:100%; height:100%; object-fit:cover; }
.founder-plate{ text-align:center; }
.founder-plate .name{ font-family:var(--display); font-weight:700; font-size:21px; }
.founder-plate .regalia{
  font-size:10.5px; font-weight:700; letter-spacing:0.2em; text-transform:uppercase;
  color:var(--muted); margin-top:5px;
}
.founder-lead{ padding-top:96px; display:flex; }
.founder-body h2{
  font-family:var(--display); font-weight:700;
  font-size:clamp(30px,3.2vw,44px); line-height:1.15; letter-spacing:-0.02em;
  margin-bottom:24px;
}
.founder-body h2 em{ font-style:italic; color:var(--wine); }
.founder-body p{ font-size:16.5px; line-height:1.75; color:var(--ink-soft); margin-bottom:18px; max-width:640px; }
.founder-quote{
  position:relative; margin:28px 0; padding:6px 0 6px 34px;
  font-family:var(--serif); font-style:italic; font-size:22px; line-height:1.5;
  color:var(--ink);
}
.founder-quote::before{
  content:'“'; position:absolute; left:-6px; top:-14px;
  font-family:var(--serif); font-size:64px; line-height:1; color:var(--wine); opacity:0.85;
}
.founder-sign{
  display:flex; align-items:baseline; gap:16px; flex-wrap:wrap;
  margin:26px 0 30px; padding-top:20px; border-top:1px dashed var(--line-2);
}
.founder-sign .who{ font-family:var(--serif); font-style:italic; font-size:23px; }
.founder-sign .role{
  font-size:10px; font-weight:700; letter-spacing:0.16em; text-transform:uppercase;
  color:var(--muted);
}

/* ================= СООБЩЕСТВО ================= */
.community-inner{ padding-block:100px; text-align:center; }
.community .skicker{ margin-bottom:20px; }
.community h2{
  font-family:var(--display); font-weight:700;
  font-size:clamp(34px,3.8vw,54px); line-height:1.1; letter-spacing:-0.025em;
  margin:0 auto 22px; max-width:760px; text-wrap:balance;
}
.community h2 em{ font-style:italic; color:var(--accent-d); }
.community .lede{
  font-size:17px; line-height:1.7; color:var(--muted);
  max-width:720px; margin:0 auto 56px;
}
.community-nums{
  display:grid; grid-template-columns:repeat(3,1fr);
  border-block:1px dashed var(--line-2);
  margin-bottom:56px;
}
.community-num{
  padding:36px 28px; border-left:1px dashed var(--line);
  display:flex; flex-direction:column; align-items:center; gap:10px;
}
.community-num:first-child{ border-left:none; }
.chan{
  display:inline-flex; align-items:center; gap:8px;
  font-size:10.5px; font-weight:700; letter-spacing:0.14em; text-transform:uppercase;
  color:var(--muted);
}
.chan .dot{ width:7px; height:7px; border-radius:50%; background:var(--accent); }
.c-num{
  font-family:var(--display); font-weight:800; font-size:clamp(40px,4vw,58px);
  line-height:1; letter-spacing:-0.02em;
}
.c-num em{ font-style:normal; color:var(--accent-d); }
.c-label{ font-size:14.5px; font-weight:700; }
.c-desc{ font-size:13.5px; color:var(--muted); max-width:260px; line-height:1.55; }
.community .actions{
  display:flex; align-items:center; justify-content:center; gap:18px; flex-wrap:wrap;
}
.link-ghost{
  font-size:14.5px; font-weight:700; color:var(--ink-soft);
  border-bottom:1.5px solid var(--line-2); padding-bottom:3px;
  transition:color .2s, border-color .2s;
}
.link-ghost:hover{ color:var(--accent-d); border-color:var(--accent); }
.c-note{
  width:100%; margin-top:6px;
  font-size:11px; font-weight:700; letter-spacing:0.16em; text-transform:uppercase;
  color:var(--faint);
}

/* ================= ОТЗЫВЫ ================= */
.testimonials-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; align-items:stretch; }
.testimonial{
  position:relative;
  background:var(--card);
  background-image:
    linear-gradient(var(--grid-line) 1px, transparent 1px),
    linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);
  background-size:26px 26px;
  border:1px solid var(--line-2);
  box-shadow:var(--shadow);
  padding:24px 24px 20px 58px;
  display:flex; flex-direction:column; gap:14px;
}
/* поля тетради — бордовая вертикаль */
.testimonial::before{
  content:''; position:absolute; top:0; bottom:0; left:38px;
  width:1.5px; background:var(--wine); opacity:0.4;
}
.testimonial:nth-child(1){ rotate:-0.4deg; }
.testimonial:nth-child(2){ rotate:0.3deg; }
.testimonial:nth-child(3){ rotate:-0.25deg; }
.quote-mark{
  position:absolute; left:9px; top:26px;
  font-family:var(--serif); font-size:40px; line-height:0.6;
  color:var(--wine); opacity:0.9;
}
.testimonial blockquote{
  font-family:var(--hand); font-size:var(--hand-size); line-height:1.48;
  color:var(--ink-soft); border:none;
}
.testimonial .author{ margin-top:auto; display:flex; align-items:center; gap:13px; padding-top:12px; border-top:1px dashed var(--line); }
.testimonial .ava{
  width:46px; height:46px; border-radius:var(--r-pill); flex:none;
  background:var(--mint); color:var(--accent-d);
  display:flex; align-items:center; justify-content:center;
  font-weight:800; font-size:14px; letter-spacing:0.02em;
}
.testimonial .name{ font-size:14.5px; font-weight:700; }
.testimonial .title{ font-size:11.5px; letter-spacing:0.06em; text-transform:uppercase; color:var(--muted); margin-top:3px; }

/* ================= ПАРТНЁРЫ (выходные данные) ================= */
.imprint{
  background:var(--card); border:1px solid var(--line); border-radius:var(--r);
  box-shadow:var(--shadow); overflow:hidden;
}
.imprint-head{
  display:flex; align-items:center; justify-content:space-between; gap:24px;
  padding:15px 40px; border-bottom:1px dashed var(--line-2);
  font-family:var(--mono); font-size:11px; font-weight:500;
  letter-spacing:0.16em; text-transform:uppercase; color:var(--muted);
}
.imprint-head .mid{ color:var(--faint); }
.imprint-cols{ display:grid; grid-template-columns:1fr 1fr; }
.imprint-org{ display:flex; flex-direction:column; padding:34px 40px 28px; }
.imprint-org + .imprint-org{ border-left:1px dashed var(--line-2); }
.org-top{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  margin-bottom:22px;
}
.org-idx{
  font-family:var(--mono); font-size:11px; font-weight:600;
  letter-spacing:0.16em; text-transform:uppercase; color:var(--wine);
}
.org-type{
  font-size:10.5px; font-weight:700; letter-spacing:0.14em; text-transform:uppercase;
  padding:5px 12px; border-radius:var(--r-pill);
  background:var(--accent-soft); color:var(--accent-d); white-space:nowrap;
}
.org-logo{
  position:relative; height:150px; margin-bottom:26px;
  background:var(--mint-2); border-radius:var(--r);
  display:flex; align-items:center; justify-content:center; padding:24px;
}
.org-logo::before,
.org-logo::after{
  content:''; position:absolute; width:14px; height:14px; pointer-events:none;
}
.org-logo::before{
  top:9px; left:9px;
  border-top:1.5px solid var(--line-2); border-left:1.5px solid var(--line-2);
}
.org-logo::after{
  bottom:9px; right:9px;
  border-bottom:1.5px solid var(--line-2); border-right:1.5px solid var(--line-2);
}
.org-logo img{ max-height:96px; max-width:72%; object-fit:contain; }
.imprint-org h3{ font-family:var(--display); font-weight:700; font-size:26px; letter-spacing:-0.02em; }
.org-full{
  font-size:11px; font-weight:700; letter-spacing:0.1em; text-transform:uppercase;
  color:var(--accent-d); margin:7px 0 13px; line-height:1.55; max-width:420px;
}
.imprint-org p{ font-size:14.5px; line-height:1.65; color:var(--muted); flex:1; max-width:460px; }
.org-meta{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  margin-top:26px; padding-top:15px; border-top:1px solid var(--line);
  font-family:var(--mono); font-size:11.5px; letter-spacing:0.04em; color:var(--muted);
}
.org-meta a{
  color:var(--accent-d);
  border-bottom:1px solid rgba(14,143,126,0.35);
  transition:border-color .2s;
}
.org-meta a:hover{ border-color:var(--accent-d); }

/* ================= FOOTER ================= */
.site{
  background:#0A3730; color:rgba(255,255,255,0.72);
  border-top:1px solid #0A6E60;
}
.footer-inner{ padding-block:72px 36px; }
.footer-grid{
  display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr; gap:48px;
  padding-bottom:48px; border-bottom:1px dashed rgba(255,255,255,0.14);
}
.site .brand .name{ font-family:var(--display); font-weight:700; font-size:26px; color:#fff; }
.site .brand .name .dot{ color:var(--accent-br); }
.site .brand p{ font-size:14px; line-height:1.65; color:rgba(255,255,255,0.55); margin:14px 0 20px; max-width:300px; }
.contacts{ display:flex; flex-direction:column; gap:7px; font-size:14px; color:rgba(255,255,255,0.78); }
.contacts a:hover{ color:var(--accent-br); }
.socials{ display:flex; gap:10px; margin-top:20px; }
.socials a{
  display:flex; align-items:center; justify-content:center;
  width:44px; height:44px; border-radius:var(--r-pill);
  border:1px solid rgba(255,255,255,0.18); color:rgba(255,255,255,0.82);
  transition:background .2s, color .2s, border-color .2s, transform .15s;
}
.socials a svg{ width:21px; height:21px; }
.socials a:hover{ background:var(--accent-br); border-color:var(--accent-br); color:#0A3730; transform:translateY(-1px); }
.site .col h4{
  font-size:11px; font-weight:700; letter-spacing:0.16em; text-transform:uppercase;
  color:rgba(255,255,255,0.42); margin-bottom:18px;
}
.site .col{ display:flex; flex-direction:column; gap:11px; font-size:14px; }
.site .col a{ color:rgba(255,255,255,0.7); width:fit-content; }
.site .col a:hover{ color:var(--accent-br); }
.footer-bottom{
  display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap;
  padding-top:26px; font-size:12.5px; color:rgba(255,255,255,0.42);
}
.footer-bottom .links{ display:flex; gap:24px; }
.footer-bottom a:hover{ color:var(--accent-br); }

/* ================= появление при скролле ================= */
@media (prefers-reduced-motion: no-preference){
  .js [data-rv]{ opacity:0; transform:translateY(18px); transition:opacity .7s ease, transform .7s ease; }
  .js [data-rv].in{ opacity:1; transform:none; }
}

/* ================= АДАПТИВ ================= */
@media (max-width:1080px){
  .nav{ display:none; }
  .nav.mobile-open{
    display:flex; position:absolute; top:80px; left:20px; right:20px;
    flex-direction:column; align-items:stretch; gap:2px;
    background:var(--card); border:1px solid var(--line); border-radius:var(--r);
    box-shadow:var(--shadow-lg); padding:14px;
  }
  .nav.mobile-open a{ padding:13px 16px; border-radius:var(--r-sm); font-size:15.5px; }
  .nav.mobile-open a:hover{ background:var(--mint-2); }
  .nav.mobile-open a::after{ display:none; }
  .mobile-burger{ display:flex; }
  .nav-cta{ margin-left:0; }

  .hero{ grid-template-columns:1fr; gap:52px; padding-top:48px; }
  .ticket{ max-width:600px; }
  .hero-ai{ margin-top:34px; }

  .databand-inner{ grid-template-columns:1fr 1fr; gap:0; }
  .databand .cell{ padding-block:20px; }
  .databand .cell:nth-child(odd){ border-left:none; padding-left:0; }

  .formats-grid{ grid-template-columns:1fr 1fr; }

  .ai-inner{ grid-template-columns:1fr; gap:52px; }
  .benefit-row{ grid-template-columns:46px 1fr; grid-template-rows:auto auto; gap:8px 18px; align-items:start; }
  .benefit-idx{ display:none; }
  .benefit-row .glyph{ grid-row:1; width:46px; height:46px; }
  .benefit-link{ grid-column:2; }
  .archive-list{ grid-template-columns:1fr 1fr; }
  .founder-inner{ grid-template-columns:1fr; gap:52px; }
  .founder-portrait{ order:-1; }
  .founder .frame{ width:min(320px,80vw); }
  .community-nums{ grid-template-columns:1fr; }
  .community-num{ border-left:none; border-top:1px dashed var(--line); }
  .community-num:first-child{ border-top:none; }
  .testimonials-grid{ grid-template-columns:1fr; }
  .imprint-cols{ grid-template-columns:1fr; }
  .imprint-org + .imprint-org{ border-left:none; border-top:1px dashed var(--line-2); }
  .imprint-head .mid{ display:none; }
  .footer-grid{ grid-template-columns:1fr 1fr; }
}

@media (max-width:720px){
  .wrap{ padding-inline:22px; }
  .block{ padding-block:68px; }
  .hero h1{ font-size:clamp(34px,9vw,46px); }
  .hero .actions{ flex-direction:column; align-items:stretch; }
  .hero-ai{ flex-wrap:wrap; }
  .hero-ai-go{ margin-left:0; }
  .ticket-meta{ grid-template-columns:1fr; }
  .cd-cell .v{ font-size:24px; }
  .archive-list{ grid-template-columns:1fr; }
  .formats-grid{ grid-template-columns:1fr; }
  .ai-inner, .community-inner{ padding-block:68px; }
  .founder-lead{ padding-top:60px; }
  .founder-inner{ padding-block:28px 68px; }
  .imprint-org{ padding:28px 26px 24px; }
  .imprint-head{ padding:13px 26px; }
  .footer-grid{ grid-template-columns:1fr; gap:32px; }
  .nav-cta{ display:none; }
  .databand-inner{ grid-template-columns:1fr 1fr; }
  .databand .v{ font-size:30px; }
}

/* ================= v7: ГАЗЕТНЫЕ ДОБАВКИ ================= */
/* тетрадная клетка на билете */
.ticket::before{
  content:''; position:absolute; inset:0;
  background-image:
    linear-gradient(var(--grid-line) 1px, transparent 1px),
    linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);
  background-size:40px 40px;
  pointer-events:none;
  border-radius:inherit;
  -webkit-mask-image:radial-gradient(circle at 78% 6%, #000, transparent 72%);
          mask-image:radial-gradient(circle at 78% 6%, #000, transparent 72%);
}
.ticket-top, .ticket-perf, .ticket-stub{ position:relative; }

/* тетрадная клетка на чат-карточке AI */
.console{ position:relative; }
.console::before{
  content:''; position:absolute; inset:0;
  background-image:
    linear-gradient(var(--grid-line) 1px, transparent 1px),
    linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);
  background-size:40px 40px;
  pointer-events:none;
  -webkit-mask-image:radial-gradient(circle at 18% 0%, #000, transparent 68%);
          mask-image:radial-gradient(circle at 18% 0%, #000, transparent 68%);
}
.console-head, .console-body{ position:relative; }

/* бегущая строка с категориями */
.ticker{
  overflow:hidden; background:var(--paper-2);
  border-bottom:1px dashed var(--line-2);
  padding-block:11px;
}
.ticker-track{ display:flex; width:max-content; animation:tickermove 56s linear infinite; }
.ticker-seq{
  display:inline-flex; align-items:center; white-space:nowrap;
  font-size:12px; font-weight:700; letter-spacing:0.18em; text-transform:uppercase;
  color:var(--ink-soft);
}
.ticker-seq i{ font-style:normal; color:var(--wine); margin:0 28px; font-size:9px; line-height:1; }
@keyframes tickermove{ from{ transform:translateX(0); } to{ transform:translateX(-25%); } }
@media (prefers-reduced-motion: reduce){ .ticker-track{ animation:none; } }

/* ================= AUTH MODAL ================= */
body.pm-auth-lock{ overflow:hidden; }
.pm-auth-overlay{
  position:fixed; inset:0; z-index:2000;
  display:flex; align-items:flex-start; justify-content:center;
  padding:6vh 20px 40px;
  background:rgba(16,26,22,0.52);
  -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px);
  opacity:0; visibility:hidden;
  transition:opacity .22s ease, visibility .22s;
  overflow-y:auto;
}
.pm-auth-overlay.open{ opacity:1; visibility:visible; }
.pm-auth-card{
  position:relative; width:100%; max-width:456px;
  background:var(--card); border:1px solid var(--line);
  box-shadow:var(--shadow-lg); border-radius:var(--r);
  padding:34px 38px 30px;
  transform:translateY(-14px); transition:transform .24s ease;
}
.pm-auth-overlay.open .pm-auth-card{ transform:none; }
.pm-auth-close{
  position:absolute; top:14px; right:14px;
  width:34px; height:34px; display:flex; align-items:center; justify-content:center;
  background:transparent; border:none; border-radius:var(--r-sm);
  color:var(--muted); transition:background .2s, color .2s;
}
.pm-auth-close:hover{ background:var(--mint); color:var(--ink); }
.pm-auth-brand{ display:flex; align-items:center; gap:9px; margin-bottom:16px; }
.pm-auth-brand img{ height:26px; width:auto; }
.pm-auth-title{ font-family:var(--display); font-weight:800; font-size:24px; letter-spacing:-0.02em; line-height:1.1; }
.pm-auth-sub{ font-size:13.5px; color:var(--muted); margin-top:7px; line-height:1.5; }
.pm-auth-tabs{ display:flex; margin:22px 0 2px; border-bottom:1px solid var(--line); }
.pm-auth-tab{
  flex:1; background:none; border:none; padding:11px 4px 13px;
  font-family:var(--display); font-weight:700; font-size:14px; color:var(--muted);
  border-bottom:2px solid transparent; margin-bottom:-1px;
  transition:color .2s, border-color .2s;
}
.pm-auth-tab.active{ color:var(--ink); border-bottom-color:var(--accent); }
.pm-auth-panel{ display:none; margin-top:22px; }
.pm-auth-panel.active{ display:block; }
.pm-auth-grid{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.pm-auth-field{ display:flex; flex-direction:column; gap:6px; min-width:0; margin-bottom:14px; }
.pm-auth-field.full{ grid-column:1 / -1; }
.pm-auth-grid .pm-auth-field{ margin-bottom:0; }
.pm-auth-lbl{ font-size:10px; font-weight:700; letter-spacing:0.15em; text-transform:uppercase; color:var(--muted); }
.pm-auth-req{ color:var(--wine); margin-left:3px; font-weight:800; }
.pm-auth-input{
  font-family:var(--sans); font-size:14.5px; color:var(--ink);
  background:var(--paper-2); border:1px solid var(--line-2); border-radius:var(--r-sm);
  padding:11px 13px; width:100%;
  transition:border-color .2s, background .2s, box-shadow .2s;
}
.pm-auth-input::placeholder{ color:var(--faint); }
.pm-auth-input:focus{ outline:none; border-color:var(--accent); background:var(--card); box-shadow:0 0 0 3px var(--accent-soft); }
.pm-auth-forgot{ display:flex; justify-content:flex-end; margin:-4px 0 4px; }
.pm-auth-link{ font-size:12.5px; color:var(--accent-d); font-weight:600; background:none; border:none; padding:0; }
.pm-auth-link:hover{ text-decoration:underline; }
.pm-auth-check{ display:flex; align-items:flex-start; gap:10px; font-size:12.5px; line-height:1.5; color:var(--ink-soft); margin-top:4px; cursor:pointer; }
.pm-auth-check input{ accent-color:var(--accent); width:16px; height:16px; margin-top:1px; flex:none; }
.pm-auth-check a{ color:var(--accent-d); text-decoration:underline; }
.pm-auth-submit{
  display:block; width:100%; margin-top:22px;
  background:var(--accent); color:#fff; border:none; border-radius:var(--r-sm);
  padding:14px; font-family:var(--display); font-weight:700; font-size:14.5px;
  transition:background .2s, transform .15s;
}
.pm-auth-submit:hover{ background:var(--accent-d); transform:translateY(-1px); }
.pm-auth-foot{ text-align:center; margin-top:18px; font-size:13px; color:var(--muted); }
.pm-auth-swap{ color:var(--accent-d); font-weight:700; background:none; border:none; font-size:13px; padding:0; font-family:var(--sans); }
.pm-auth-swap:hover{ text-decoration:underline; }
@media (max-width:520px){
  .pm-auth-card{ padding:28px 22px 24px; }
  .pm-auth-grid{ grid-template-columns:1fr; gap:0; }
  .pm-auth-grid .pm-auth-field{ margin-bottom:14px; }
}

/* ── Ошибка в формах модалки входа (WP-авторизация, inc/auth.php) ── */
.pm-auth-error{
  margin-top:14px; padding:10px 14px;
  border:1px solid oklch(0.62 0.19 25 / 0.35); border-radius:var(--r-sm);
  background:oklch(0.62 0.19 25 / 0.07);
  font-size:13px; line-height:1.45; color:oklch(0.45 0.17 25);
}

/* ── Чип пользователя в топбаре (после входа — на всех страницах).
      Перенесён из painmed-lk-v8.css: в хендоффе был только на странице ЛК. ── */
.user-chip{
  display:inline-flex; align-items:center; gap:10px;
  border:1px solid var(--line-2); border-radius:var(--r-pill);
  background:var(--card); padding:6px 14px 6px 6px;
  font-size:13.5px; font-weight:700; color:var(--ink);
  transition:border-color .2s, box-shadow .2s;
}
.user-chip:hover{ border-color:var(--accent); box-shadow:var(--shadow); }
.user-chip .ava{
  width:30px; height:30px; border-radius:var(--r-sm); flex:none;
  background:var(--accent); color:#fff;
  display:flex; align-items:center; justify-content:center;
  font-size:11px; font-weight:800; letter-spacing:0.04em;
}
