/* CRMINSITE — стиль «Плакат», акцент «морская волна». Только главная страница. */

:root{
  --ink:#121110;
  --ink-2:#1A1917;
  --cream:#F5F0E6;
  --cream-2:#E8E1D2;
  --mid:#8E877A;
  --mid-2:#B8B1A3;
  --rule:#2A2724;
  --rule-light:#D6CFBE;

  --accent:#12C2A0;        /* на тёмном */
  --accent-deep:#0B6E5C;   /* на кремовом: текст и ссылки */
  --ok:#12C2A0;
  --err:#FF6B4A;

  --display:'Unbounded','Trebuchet MS',sans-serif;
  --body:'Golos Text','Segoe UI',sans-serif;
  --mono:'JetBrains Mono','Consolas',monospace;

  --pad:clamp(20px,4.2vw,60px);
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:74px}
body{
  background:var(--ink);color:var(--cream);
  font-family:var(--body);line-height:1.6;overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
img,svg{max-width:100%}
a{color:var(--accent);text-decoration:none}
a:hover{color:var(--cream)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.num{font-variant-numeric:tabular-nums}
.mono{font-family:var(--mono)}

/* появление блоков (site.js добавляет .on) */
.rv{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}
.rv.on{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}

/* ---------- шапка ---------- */
header{
  position:sticky;top:0;z-index:50;background:var(--ink);
  border-bottom:1px solid transparent;transition:border-color .25s;
}
header.scrolled{border-bottom-color:var(--rule)}
.nav{display:flex;align-items:center;gap:clamp(12px,2vw,28px);padding:18px var(--pad)}
.wordmark{
  font-family:var(--display);font-weight:800;font-size:clamp(15px,1.4vw,17px);
  letter-spacing:-.01em;color:var(--cream);margin-right:auto;
}
.wordmark:hover{color:var(--accent)}
.nav a.lnk{font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--mid)}
.nav a.lnk:hover{color:var(--cream)}
.nav-tg{
  display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 20px;
  border:1px solid #3A3733;font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--cream);
}
.nav-tg:hover{border-color:var(--accent);color:var(--accent)}
.nav-cta{
  display:inline-flex;align-items:center;height:44px;padding:0 22px;
  background:var(--accent);color:var(--ink);font-weight:600;font-size:14px;
}
.nav-cta:hover{background:var(--cream);color:var(--ink)}
@media(max-width:1080px){.nav a.lnk{display:none}}
@media(max-width:620px){.nav-tg span{display:none}.nav-tg{padding:0 14px}}

/* ---------- кнопки ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  height:56px;padding:0 clamp(20px,2.6vw,32px);
  font-family:var(--body);font-size:16px;font-weight:600;border:none;cursor:pointer;
  transition:background .18s,color .18s,border-color .18s;
}
.btn-grad{background:var(--accent);color:var(--ink)}
.btn-grad:hover{background:var(--cream);color:var(--ink)}
.btn-grad:disabled{background:#3A3733;color:var(--mid);cursor:not-allowed}
.btn-ghost{border:1px solid #4A4640;color:var(--cream);font-weight:500;background:transparent}
.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}
.light .btn-ghost{border-color:#BCB4A2;color:var(--ink)}
.light .btn-ghost:hover{border-color:var(--accent-deep);color:var(--accent-deep)}

/* ---------- герой ---------- */
.hero{padding:clamp(40px,6.4vw,80px) var(--pad) clamp(38px,5vw,60px)}
.kicker{
  display:block;font-family:var(--mono);font-size:clamp(10px,1.05vw,12px);
  letter-spacing:.18em;color:var(--accent);margin-bottom:clamp(22px,3.4vw,38px);
}
h1{
  margin:0;font-family:var(--display);font-weight:800;
  font-size:clamp(42px,8.4vw,118px);line-height:.92;letter-spacing:-.045em;text-wrap:balance;
}
h1 .hit{color:var(--accent)}
.hero-foot{
  display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;
  gap:clamp(26px,4vw,72px);margin-top:clamp(34px,5vw,60px);padding-top:32px;border-top:1px solid var(--rule);
}
.lead{margin:0;max-width:620px;font-size:clamp(15.5px,1.5vw,19px);line-height:1.6;color:var(--mid-2)}
.cta{display:flex;flex-wrap:wrap;gap:14px}
.hero-contacts{
  display:flex;flex-wrap:wrap;gap:8px 26px;margin-top:28px;
  font-family:var(--mono);font-size:12.5px;letter-spacing:.06em;color:var(--mid);
}
.hero-contacts a{color:var(--mid)}
.hero-contacts a:hover{color:var(--accent)}

/* ---------- бегущая лента стека ---------- */
.ribbon{background:var(--accent);color:var(--ink);overflow:hidden;padding:15px 0}
.ribbon-track{display:flex;width:max-content;animation:slide 38s linear infinite}
.ribbon-track span{
  font-family:var(--mono);font-size:12.5px;font-weight:500;letter-spacing:.12em;
  padding:0 23px;white-space:nowrap;
}
@keyframes slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.ribbon-track{animation:none}}

/* ---------- цифры ---------- */
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 var(--pad)}
.stat{padding:clamp(28px,4vw,50px) clamp(12px,2vw,28px);border-right:1px solid var(--rule)}
.stat:first-child{padding-left:0}
.stat:last-child{padding-right:0;border-right:none}
.stat .n{
  display:block;font-family:var(--display);font-weight:800;color:var(--cream);
  font-size:clamp(32px,4.4vw,60px);line-height:1;letter-spacing:-.05em;font-variant-numeric:tabular-nums;
}
.stat .l{display:block;margin-top:13px;font-size:clamp(12px,1.1vw,14px);color:var(--mid);line-height:1.45}

/* ---------- секции ---------- */
section{padding:clamp(46px,6vw,76px) var(--pad) clamp(50px,6vw,82px)}
.light{background:var(--cream);color:var(--ink)}
.light a{color:var(--accent-deep)}
.light a:hover{color:var(--ink)}
.light .kicker{color:var(--accent-deep)}
.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:clamp(26px,4vw,42px)}
h2{
  margin:0;font-family:var(--display);font-weight:800;
  font-size:clamp(28px,4vw,46px);line-height:1;letter-spacing:-.04em;
}
.sec-head .tag-r{font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:var(--mid);white-space:nowrap}
.sub{margin:10px 0 clamp(26px,3.4vw,40px);max-width:700px;font-size:15.5px;line-height:1.6;color:var(--mid)}
.light .sub{color:#4E4A42}

/* ---------- список строк (услуги, кейсы, демо) ---------- */
.rows{display:flex;flex-direction:column;border-top:2px solid currentColor}
.row{
  display:grid;grid-template-columns:68px minmax(0,1fr) 430px 44px;gap:clamp(14px,2.2vw,30px);
  padding:clamp(18px,2.4vw,26px) 0;border-bottom:1px solid var(--rule-light);align-items:center;
  color:inherit;
}
.rows.on-dark{border-top-color:var(--cream)}
.rows.on-dark .row{border-bottom-color:var(--rule)}
.row:last-child{border-bottom-width:2px;border-bottom-color:currentColor}
.row .idx{font-family:var(--mono);font-size:13px;color:#A79E8A}
.rows.on-dark .row .idx{color:var(--mid)}
.row h3{margin:0;font-family:var(--display);font-weight:600;font-size:clamp(18px,2.2vw,28px);letter-spacing:-.035em}
.row p{margin:0;font-size:clamp(13px,1.15vw,14.5px);line-height:1.6;color:#4E4A42}
.rows.on-dark .row p{color:var(--mid-2)}
.row .arrow{stroke:var(--accent-deep);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.rows.on-dark .row .arrow{stroke:var(--accent)}
a.row:hover h3{color:var(--accent-deep)}
.rows.on-dark a.row:hover h3{color:var(--accent)}
a.row:hover .arrow{transform:translateX(5px)}
.row svg{transition:transform .18s}
.row .meta{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;color:var(--mid);margin-top:9px;display:block}
.row .res{display:block;margin-top:8px;font-size:13.5px;color:var(--accent-deep);font-weight:500}
.rows.on-dark .row .res{color:var(--accent)}

/* ---------- цены ---------- */
.plist{display:flex;flex-direction:column;border-top:1px solid #3A3733}
.prow{
  display:grid;grid-template-columns:minmax(0,1fr) 220px 260px;gap:26px;
  padding:clamp(18px,2.4vw,28px) 0;border-bottom:1px solid var(--rule);align-items:center;
}
.prow .name{font-family:var(--display);font-weight:400;font-size:clamp(17px,2vw,26px);letter-spacing:-.03em}
.prow .term{font-family:var(--mono);font-size:13px;color:var(--mid)}
.prow .sum{text-align:right;font-family:var(--display);font-weight:600;font-size:clamp(19px,2.3vw,30px);letter-spacing:-.04em}
.prow.pick .name,.prow.pick .sum{color:var(--accent)}
.prow ul{grid-column:1/-1;margin:6px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px 22px}
.prow li{font-size:13.5px;color:var(--mid-2);position:relative;padding-left:15px}
.prow li::before{content:'';position:absolute;left:0;top:9px;width:6px;height:1px;background:var(--accent)}
.price-note{margin:0;max-width:420px;font-size:15px;line-height:1.6;color:var(--mid)}

/* ---------- как работаем ---------- */
.steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:2px solid var(--ink)}
.steps .step{padding:26px 20px 30px 0;border-right:1px solid var(--rule-light)}
.steps .step:last-child{border-right:none}
.steps .step .n{font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:var(--accent-deep)}
.steps .step h3{margin:14px 0 8px;font-family:var(--display);font-weight:600;font-size:17px;letter-spacing:-.03em}
.steps .step p{font-size:13.5px;line-height:1.55;color:#4E4A42}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(26px,3.4vw,40px)}
.chip{
  font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;
  padding:7px 13px;border:1px solid var(--rule-light);color:#4E4A42;
}

/* ---------- кто делает ---------- */
.about-grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:clamp(26px,4vw,60px);align-items:start}
.about-photo img{display:block;width:100%;height:auto;filter:grayscale(1) contrast(1.05)}
.about-role{font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:var(--accent);margin:10px 0 22px}
.about-text p{margin-bottom:16px;font-size:16px;line-height:1.65;color:var(--mid-2);max-width:620px}
.about-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}

/* ---------- заявка ---------- */
.lead-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:start}
.lead-info ul{list-style:none;margin:22px 0 0;padding:0}
.lead-info li{position:relative;padding-left:22px;margin-bottom:11px;font-size:15.5px;color:#4E4A42}
.lead-info li::before{content:'';position:absolute;left:0;top:11px;width:11px;height:1px;background:var(--accent-deep)}
.lead-alt{margin-top:24px;font-size:14.5px;line-height:1.7;color:#4E4A42}
#leadForm label{display:block;font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;color:#6B655A;margin-bottom:7px}
#leadForm .opt{letter-spacing:0;text-transform:none;color:#8E877A}
#leadForm input[type=text],#leadForm input:not([type]),#leadForm textarea{
  width:100%;padding:14px 15px;background:#FFFDF8;border:1px solid #C9C1AE;
  font-family:var(--body);font-size:15.5px;color:var(--ink);
}
#leadForm input:focus,#leadForm textarea:focus{outline:none;border-color:var(--accent-deep)}
#leadForm textarea{min-height:104px;resize:vertical}
#leadForm>div{margin-bottom:16px}
#leadForm .hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.agree{display:flex!important;gap:11px;align-items:flex-start;margin-bottom:20px;cursor:pointer}
.agree input{margin-top:3px;width:17px;height:17px;accent-color:var(--accent-deep);flex:none}
.agree span{font-family:var(--body)!important;font-size:13.5px!important;letter-spacing:0!important;line-height:1.5;color:#4E4A42;text-transform:none}
.form-msg{margin-top:14px;font-size:14.5px;min-height:20px}
.form-msg.ok{color:var(--accent-deep);font-weight:600}
.form-msg.err{color:#C0392B;font-weight:600}
#sendBtn{width:100%}

/* ---------- подвал ---------- */
footer{border-top:1px solid var(--rule);padding:34px var(--pad) 44px}
.foot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 30px}
.foot-col{font-size:13.5px;line-height:1.7;color:var(--mid)}
.foot-col a{color:var(--mid)}
.foot-col a:hover{color:var(--accent)}
.foot-brand{font-family:var(--mono);font-size:12.5px;letter-spacing:.06em;color:var(--cream);margin-bottom:8px}
.foot-req{font-size:12.5px;color:#6E685E;line-height:1.6}

/* ---------- уведомление о cookie (создаёт site.js) ---------- */
.cookie{
  position:fixed;left:16px;right:16px;bottom:16px;z-index:60;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;
  padding:18px 20px;background:var(--ink-2);border:1px solid #35322E;
  font-size:13.5px;line-height:1.55;color:var(--mid-2);
}
.cookie>div:first-child{max-width:760px}
.cookie-btns{display:flex;gap:10px;flex-wrap:wrap}
.cookie .btn{height:42px;font-size:14px;padding:0 18px}
@media(min-width:900px){.cookie{left:auto;right:20px;bottom:20px;max-width:640px}}

/* ---------- адаптив ---------- */
@media(max-width:1000px){
  .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .steps .step{border-bottom:1px solid var(--rule-light);padding-right:20px}
  .steps .step:nth-child(even){border-right:none;padding-left:20px}
  .about-grid{grid-template-columns:220px minmax(0,1fr)}
  .lead-wrap{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:900px){
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stat{border-right:none;padding-left:0;padding-right:0;border-bottom:1px solid var(--rule)}
  .stat:nth-child(odd){padding-right:20px;border-right:1px solid var(--rule)}
  .stat:nth-child(even){padding-left:20px}
  .row{grid-template-columns:40px minmax(0,1fr) 26px}
  .row .c-desc{grid-column:2/4}
  .prow{grid-template-columns:minmax(0,1fr) auto;row-gap:8px}
  .prow .term{grid-column:1;order:3}
  .foot{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:640px){
  .about-grid{grid-template-columns:minmax(0,1fr)}
  .about-photo{max-width:280px}
  .steps{grid-template-columns:minmax(0,1fr)}
  .steps .step{border-right:none;padding-left:0!important;padding-right:0}
  .cta{width:100%}
  .cta .btn{flex-grow:1}
  .nav-cta{display:none}
}

/* ==========================================================================
   ВНУТРЕННИЕ СТРАНИЦЫ: кейсы, политика, 404, две посадочные.
   Разметку этих страниц не меняли — тут она пересобрана в стиле «Плакат»:
   плоско, без скруглений и теней, линейки вместо карточек.
   ========================================================================== */

.wrap{max-width:none;margin:0}   /* внутренние страницы во всю ширину, как главная */
.case-body,.doc-page{padding:clamp(46px,6vw,76px) var(--pad) clamp(50px,6vw,82px)}

/* светлые полосы */
.alt,.doc-page,.case-body,section#lead{background:var(--cream);color:var(--ink)}
.alt a,.doc-page a,.case-body a,section#lead a{color:var(--accent-deep)}
.alt a:hover,.doc-page a:hover,.case-body a:hover,section#lead a:hover{color:var(--ink)}
.alt .kicker,.doc-page .kicker,.case-body .kicker,section#lead .kicker{color:var(--accent-deep)}
.alt .sub,.doc-page .sub,.case-body .sub,section#lead .sub{color:#4E4A42}
.alt .lead,.case-body .lead{color:#4E4A42}
.alt .btn-ghost,.doc-page .btn-ghost,.case-body .btn-ghost,section#lead .btn-ghost{border-color:#BCB4A2;color:var(--ink)}
.alt .btn-ghost:hover,.doc-page .btn-ghost:hover,.case-body .btn-ghost:hover,section#lead .btn-ghost:hover{border-color:var(--accent-deep);color:var(--accent-deep)}

/* градиентный текст старой темы гасим — в плакате его нет */
.grad-text{background:none;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:currentColor;color:var(--accent)}

/* заголовки внутренних страниц скромнее плакатного h1 */
.lp-hero h1,.case-hero h1,.doc h1{font-size:clamp(30px,4.6vw,60px);line-height:1.06;letter-spacing:-.04em}
.case-hero .lead,.lp-hero .lead{margin-top:22px}
.doc h1+p,.doc-404 h1+p{margin-top:20px}
/* строка-ссылка не должна зеленеть целиком на светлой полосе */
.light a.row,.alt a.row,.case-body a.row,.doc-page a.row,section#lead a.row{color:inherit}
h3{font-family:var(--display);font-weight:600;letter-spacing:-.03em}

/* метки */
.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.tag{font-family:var(--mono);font-size:11px;letter-spacing:.07em;padding:5px 10px;border:1px solid var(--rule);color:var(--mid)}
.alt .tag,.case-body .tag,.doc-page .tag,section#lead .tag{border-color:var(--rule-light);color:#6B655A}
.tag.c,.tag.g,.tag.v,.tag.a{border-color:var(--accent);color:var(--accent)}
.alt .tag.c,.alt .tag.g,.alt .tag.v,.alt .tag.a,.case-body .tag.c,.case-body .tag.g,.case-body .tag.v,.case-body .tag.a{border-color:var(--accent-deep);color:var(--accent-deep)}
.badge-open{display:inline-block;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;padding:5px 10px;background:var(--accent);color:var(--ink);margin-bottom:14px}
.trust{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.alt .chip,.case-body .chip,section#lead .chip{border-color:var(--rule-light);color:#4E4A42}
.chip{border-color:var(--rule);color:var(--mid)}

/* ссылка «подробнее» */
.go{display:inline-block;margin-top:14px;font-family:var(--mono);font-size:11.5px;letter-spacing:.09em;color:var(--accent)}
.alt .go,.case-body .go,section#lead .go{color:var(--accent-deep)}
.res{display:block;margin-top:12px;font-size:13.5px;color:var(--accent)}
.alt .res,.case-body .res{color:var(--accent-deep)}

/* ---------- сетки блоков: плоские ячейки в рамку ---------- */
.grid2,.grid3{display:grid;gap:0;border-top:1px solid var(--rule);border-left:1px solid var(--rule);margin-top:clamp(24px,3vw,36px)}
.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}
.alt .grid2,.alt .grid3,.case-body .grid3{border-top-color:var(--rule-light);border-left-color:var(--rule-light)}
.card{display:flex;flex-direction:column;padding:clamp(20px,2.4vw,30px);border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);background:none;color:inherit}
.alt .card,.case-body .card,section#lead .card{border-right-color:var(--rule-light);border-bottom-color:var(--rule-light)}
.card h3{margin:0 0 10px;font-size:clamp(16px,1.7vw,20px)}
.card p{margin:0;font-size:14px;line-height:1.6;color:var(--mid-2)}
.alt .card p,.case-body .card p,section#lead .card p{color:#4E4A42}
.card .ico{font-size:19px;line-height:1;margin-bottom:12px;filter:grayscale(1);opacity:.75}
a.card:hover{background:rgba(18,194,160,.06)}
a.card:hover h3{color:var(--accent)}
.alt a.card:hover h3,.case-body a.card:hover h3{color:var(--accent-deep)}

/* ---------- цены на посадочных ---------- */
.price-grid .price-card{padding:clamp(22px,2.6vw,32px)}
.p-head{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--rule-light)}
.p-sum{font-family:var(--display);font-weight:600;font-size:clamp(22px,2.6vw,32px);letter-spacing:-.04em;margin-top:10px}
.p-term{font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--mid);margin-top:6px}
.p-list{list-style:none;margin:16px 0 22px;padding:0}
.p-list li{position:relative;padding-left:16px;margin-bottom:9px;font-size:14px;line-height:1.55;color:#4E4A42}
.p-list li::before{content:'';position:absolute;left:0;top:10px;width:7px;height:1px;background:var(--accent-deep)}
.price-card.featured{border-left:2px solid var(--accent-deep);background:#EFE8DA}
.price-card.featured .p-sum{color:var(--accent-deep)}
.price-card .btn{margin-top:auto;align-self:flex-start}

/* ---------- «не только Битрикс24» ---------- */
.bridge{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(26px,4vw,56px);align-items:start}
.bridge-list{display:flex;flex-direction:column;border-top:1px solid var(--rule-light);margin:22px 0}
.bridge-list>div{padding:13px 0;border-bottom:1px solid var(--rule-light);font-size:14.5px;line-height:1.55;color:#4E4A42}
.bridge-list b{font-family:var(--display);font-weight:600;letter-spacing:-.02em;color:var(--ink)}
.bridge-shot img,.lp-shot img,.shot img{display:block;width:100%;height:auto;border:1px solid var(--rule-light)}
.lp-shot img{border-color:var(--rule)}

/* ---------- вопросы-ответы ---------- */
.faq{border-top:1px solid var(--rule-light)}
.faq details{border-bottom:1px solid var(--rule-light)}
.faq summary{
  list-style:none;cursor:pointer;padding:18px 34px 18px 0;position:relative;
  font-family:var(--display);font-weight:600;font-size:clamp(15px,1.7vw,19px);letter-spacing:-.03em;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';position:absolute;right:6px;top:16px;font-family:var(--mono);font-size:19px;color:var(--accent-deep)}
.faq details[open] summary::after{content:'\2212'}
.faq details p{margin:0 0 20px;max-width:840px;font-size:14.5px;line-height:1.65;color:#4E4A42}

/* ---------- посадочная: первый экран ---------- */
.lp-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,60px);align-items:center}

/* ---------- страница кейса ---------- */
.case-hero{padding:clamp(34px,4.6vw,60px) var(--pad) clamp(38px,5vw,60px)}
.crumbs{font-family:var(--mono);font-size:12px;letter-spacing:.1em;margin-bottom:22px}
.crumbs a{color:var(--mid)}
.crumbs a:hover{color:var(--accent)}
.meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--rule);margin-top:clamp(26px,3.4vw,40px)}
.meta-grid .meta{padding:20px 22px 22px 0;border-right:1px solid var(--rule)}
.meta-grid .meta:last-child{border-right:none}
.meta-grid .t{font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--mid)}
.meta-grid .v{margin-top:9px;font-size:15px;line-height:1.4;color:var(--cream)}

.prose{max-width:880px}
.prose h2{margin:clamp(30px,3.6vw,44px) 0 14px;font-size:clamp(22px,2.8vw,32px)}
.prose h2:first-child{margin-top:0}
.prose p{margin-bottom:14px;font-size:16px;line-height:1.7;color:#3F3B34}
.prose ul{list-style:none;margin:0 0 16px;padding:0}
.prose li{position:relative;padding-left:20px;margin-bottom:11px;font-size:15.5px;line-height:1.65;color:#3F3B34}
.prose li::before{content:'';position:absolute;left:0;top:12px;width:11px;height:1px;background:var(--accent-deep)}
.prose b{font-weight:600;color:var(--ink)}

.shots{margin:22px 0 clamp(26px,3.4vw,40px);display:flex;flex-direction:column;gap:18px}
.shot-todo{
  padding:26px 24px;border:1px dashed #BCB4A2;font-family:var(--mono);
  font-size:12.5px;line-height:1.7;letter-spacing:.03em;color:#6B655A;
}
.result-block{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:24px 0;margin-bottom:clamp(26px,3.4vw,40px)}
.result-block .t{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;color:var(--accent-deep);margin-bottom:10px}
.result-block p{margin:0;max-width:880px;font-size:16px;line-height:1.7;color:#3F3B34}
.case-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:22px;padding-top:8px}
.case-cta h3{margin:0 0 7px;font-size:clamp(17px,2vw,23px)}
.case-cta p{margin:0;font-size:14.5px;color:#4E4A42}

/* ---------- политика и 404 ---------- */
.doc{max-width:880px}
.doc-date{font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:#6B655A;margin:22px 0 clamp(26px,3.4vw,40px)}
.doc h2{margin:clamp(28px,3.4vw,40px) 0 12px;font-size:clamp(20px,2.4vw,27px)}
.doc h3{margin:22px 0 10px;font-size:17px}
.doc p{margin-bottom:13px;font-size:15.5px;line-height:1.7;color:#3F3B34}
.doc ul,.doc ol{margin:0 0 16px;padding-left:0;list-style:none}
.doc li{position:relative;padding-left:20px;margin-bottom:9px;font-size:15.5px;line-height:1.65;color:#3F3B34}
.doc li::before{content:'';position:absolute;left:0;top:12px;width:11px;height:1px;background:var(--accent-deep)}
.doc-back{display:inline-block;margin-top:30px;font-family:var(--mono);font-size:12px;letter-spacing:.09em}
.doc-404{max-width:720px}
.doc-404 .cta{margin-top:26px}

/* ---------- адаптив внутренних страниц ---------- */
@media(max-width:1000px){
  .grid3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bridge,.lp-hero-grid{grid-template-columns:minmax(0,1fr)}
  .meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .meta-grid .meta:nth-child(2n){border-right:none}
  .meta-grid .meta{border-bottom:1px solid var(--rule)}
}
@media(max-width:700px){
  .grid2,.grid3{grid-template-columns:minmax(0,1fr)}
  .meta-grid{grid-template-columns:minmax(0,1fr)}
  .meta-grid .meta{border-right:none}
  .case-cta{flex-direction:column;align-items:flex-start}
}

/* мелкие стыковки со старой разметкой */
.stats>.row{display:contents}
.spark{display:block;width:100%;height:34px;margin-bottom:12px}
.sec-head+.sub{margin-top:-14px}