/* Лендинг ИИ-кабинета */
:root{color-scheme:light}body{margin:0;font:14px system-ui}img{max-width:100%}[hidden]{display:none!important}
/* Утренний отчёт директора: бумага с мятным оттенком, жёлтый маркер на суммах, глубокие зелёные полосы держат ритм страницы */
:root{
  --paper:#eef3f1; --sheet:#ffffff; --ink:#0f2624; --ink-2:#3f5652; --muted:#687d79;
  --line:#d3deda; --line-2:#e4ebe8;
  --accent:#0b6b63; --accent-hover:#08564f; --accent-on:#ffffff; --accent-soft:#d8ebe6; --accent-text:#0b6b63;
  --mark:rgba(255,198,56,.55); --mark-ink:#0f2624;
  --good-text:#13784c; --bad-text:#b3452e;
  --deep:#0f2624; --deep-2:#173431; --deep-ink:#e7f1ee; --deep-muted:#98b2ac; --deep-line:#2b4a46;
  --deep-accent:#5fd3c1; --deep-on:#04201d; --deep-mark:rgba(255,196,64,.3);
  --shadow:0 1px 2px rgba(15,38,36,.06),0 18px 40px -18px rgba(15,38,36,.28);
  --f-display:"Geologica","Onest",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-body:"Onest",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,"Cascadia Mono",Consolas,monospace;
  --r:16px; --wrap:1200px;
  color-scheme:light; /* лендинг только в светлой теме */
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{background:var(--paper);color:var(--ink);font-family:var(--f-body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit}
h1,h2,h3{font-family:var(--f-display);margin:0;text-wrap:balance;color:inherit}
p{margin:0}
ul{margin:0}
svg.i{width:20px;height:20px;flex:none}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:clamp(16px,4vw,40px)}
.eyebrow{font-family:var(--f-mono);font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-text)}

/* кнопки */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;padding:0 22px;border-radius:12px;border:1px solid var(--line);background:var(--sheet);color:var(--ink);font:600 16px/1 var(--f-body);text-decoration:none;cursor:pointer;transition:background-color .15s,border-color .15s,transform .15s}
.btn:hover{border-color:var(--ink-2)}
.btn:active{transform:translateY(1px)}
.btn.pri{background:var(--accent);border-color:var(--accent);color:var(--accent-on)}
.btn.pri:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
.btn.sm{height:40px;padding:0 16px;font-size:15px;border-radius:10px}
.btn svg{width:18px;height:18px}

/* шапка */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--paper);background:color-mix(in srgb,var(--paper) 84%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:border-color .2s}
.top.scrolled{border-bottom-color:var(--line)}
.top .wrap{display:flex;align-items:center;gap:20px;height:66px}
.logo{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-display);font-weight:600;font-size:18px;letter-spacing:-.01em;text-decoration:none;color:var(--ink)}
.logo-mark{width:32px;height:32px;border-radius:10px;background:var(--accent);color:var(--accent-on);display:grid;place-items:center}
.logo-mark svg{width:18px;height:18px}
.nav{display:flex;gap:2px;margin-left:auto}
.nav a{font-size:15px;color:var(--ink-2);text-decoration:none;padding:8px 12px;border-radius:8px}
.nav a:hover{color:var(--ink);background:var(--line-2)}
.top-act{display:flex;align-items:center;gap:8px;flex:none}
.lk svg{width:17px;height:17px}
/* с кнопкой кабинета меню помещается в шапку только шире 1100 px */
@media (max-width:1100px){.nav{display:none}.top-act{margin-left:auto}}
.logo{white-space:nowrap;flex:none}
.cta-s{display:none}
/* на узком экране от «Личного кабинета» остаётся иконка, а кнопка заявки укорачивается */
@media (max-width:640px){.lk{width:40px;padding:0}.lk span{display:none}}
@media (max-width:430px){.top .wrap{gap:12px}.cta-l{display:none}.cta-s{display:inline}}
@media (max-width:340px){.logo{font-size:16px}}

/* первый экран */
.hero{padding-block:clamp(36px,6vw,88px) clamp(56px,7vw,96px)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:clamp(36px,5vw,76px);align-items:center}
.hero h1{font-size:clamp(40px,5.5vw,74px);line-height:1.02;letter-spacing:-.037em;font-weight:600;margin-top:18px}
.hl{background-image:linear-gradient(var(--mark),var(--mark));background-repeat:no-repeat;background-position:0 86%;background-size:100% .36em;padding-inline:.04em;animation:draw 1.1s .35s cubic-bezier(.6,0,.2,1) both}
@keyframes draw{from{background-size:0 .36em}}
.lead{font-size:clamp(17px,1.5vw,19.5px);line-height:1.6;color:var(--ink-2);margin-top:24px;max-width:33em}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.notes{display:flex;flex-wrap:wrap;gap:10px 22px;list-style:none;padding:0;margin-top:26px;font-size:14.5px;color:var(--ink-2)}
.notes li{display:inline-flex;align-items:center;gap:8px}
.notes svg{width:17px;height:17px;color:var(--accent-text)}
@media (max-width:1020px){.hero-grid{grid-template-columns:minmax(0,1fr)}}

/* шапка блока «Пример брифинга»: подпись и выбор сферы выпадающим списком (логика — js/calc.js и js/brief-pick.js) */
.demo-cap{display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;margin-bottom:14px}
.demo-cap .lbl{font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ico{width:16px;height:16px;flex:none}
.pick{position:relative}
.pick-btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 12px 0 14px;border:1px solid var(--line);border-radius:12px;background:var(--sheet);
  font:500 15px/1 var(--f-body);color:var(--ink);cursor:pointer}
.pick-btn small{color:var(--muted);font-size:13.5px}
.pick-btn .chev{width:16px;height:16px;transition:transform .2s}
.pick.open .pick-btn{border-color:var(--accent)}
.pick.open .pick-btn .chev{transform:rotate(180deg)}
.demo-h{position:absolute;right:0;top:calc(100% + 6px);z-index:20;display:none;min-width:230px;padding:6px;border:1px solid var(--line);border-radius:14px;background:var(--sheet);box-shadow:var(--shadow)}
.pick.open .demo-h{display:grid;gap:2px}
.demo-h button{display:flex;align-items:center;gap:10px;height:40px;padding:0 10px;border:0;border-radius:9px;background:none;font:500 14.5px/1 var(--f-body);color:var(--ink-2);cursor:pointer;text-align:left}
.demo-h button:hover{background:var(--paper);color:var(--ink)}
.demo-h button[aria-pressed="true"]{background:var(--accent-soft);color:var(--ink)}
.demo-h button[aria-pressed="true"] .ico{color:var(--accent-text)}
/* ссылка на образец кабинета выбранной сферы — под итогом брифинга */
.demo-go{display:flex;justify-content:flex-end;margin-top:14px;padding-top:14px;border-top:1px solid var(--line-2)}
.demo-go .lnk{font-size:14.5px}
.chip{height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink-2);font:500 14px/1 var(--f-body);cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}
.chip:hover{border-color:var(--ink-2);color:var(--ink)}
.chip[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--paper)}

/* стопка брифингов: сегодняшний сверху, вчерашние под ним */
.stack{position:relative;padding-top:18px}
.stack::before,.stack::after{content:"";position:absolute;left:0;right:0;height:80px;border-radius:var(--r);background:var(--sheet);border:1px solid var(--line)}
.stack::before{top:0;margin-inline:8%;opacity:.45}
.stack::after{top:9px;margin-inline:4%;opacity:.8}
.brief{position:relative;z-index:1;background:var(--sheet);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:22px clamp(18px,2.4vw,28px) 22px}
.brief-h{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--line-2)}
.orb{width:40px;height:40px;border-radius:12px;background:var(--accent-soft);color:var(--accent-text);display:grid;place-items:center;flex:none}
.orb svg{width:21px;height:21px}
.brief-t{font-family:var(--f-display);font-weight:600;font-size:17px;line-height:1.25}
.brief-s{font-size:13.5px;color:var(--muted);line-height:1.35;margin-top:2px}
.brief-time{margin-left:auto;font-family:var(--f-mono);font-size:13px;color:var(--ink-2);background:var(--paper);border:1px solid var(--line-2);padding:5px 9px;border-radius:8px;flex:none}
.brief-p{margin-top:16px;font-size:16px;line-height:1.62;min-height:8.1em}
mark{background:var(--mark);color:var(--mark-ink);font-weight:600;padding:0 .14em;border-radius:3px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.cur{display:inline-block;width:.45em;height:1.05em;margin-left:2px;vertical-align:-.16em;background:var(--accent);animation:blink .9s steps(2) infinite}
@keyframes blink{50%{opacity:0}}
.src{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:14px;font-family:var(--f-mono);font-size:12px;color:var(--muted)}
.src .t{border:1px solid var(--line);border-radius:6px;padding:2px 7px;color:var(--ink-2)}
.finds{list-style:none;padding:0;margin-top:16px;border-top:1px solid var(--line-2);transition:opacity .2s}
.finds.dim{opacity:.3}
.finds li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 18px;padding:12px 0;border-bottom:1px solid var(--line-2)}
.f-t{font-size:15px;font-weight:500;line-height:1.4}
.f-s{font-family:var(--f-mono);font-size:12px;color:var(--muted)}
.f-a{grid-column:2;grid-row:1/span 2;align-self:center;font-family:var(--f-mono);font-size:14.5px;font-weight:500;color:var(--good-text);white-space:nowrap;font-variant-numeric:tabular-nums}
.finds li.in{animation:rise .45s cubic-bezier(.2,.7,.2,1) both}
@keyframes rise{from{opacity:0;transform:translateY(6px)}}
.brief-f{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;margin-top:16px}
.brief-f span{font-size:14px;color:var(--muted)}
.brief-f strong{font-family:var(--f-display);font-size:30px;font-weight:600;letter-spacing:-.025em;font-variant-numeric:tabular-nums;white-space:nowrap}
.brief-f strong small{font-family:var(--f-body);font-size:15px;font-weight:400;color:var(--muted);letter-spacing:0;margin-left:4px}

.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--line);margin-top:clamp(52px,6vw,84px)}
.fact{display:flex;flex-direction:column;gap:6px;padding:22px 20px 22px 0}
.fact + .fact{border-left:1px solid var(--line);padding-left:22px}
.fact b{font-family:var(--f-mono);font-size:clamp(22px,2.4vw,28px);font-weight:500;letter-spacing:-.02em;line-height:1.1}
.fact span{font-size:14.5px;color:var(--muted);line-height:1.45}
@media (max-width:760px){
  .facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fact:nth-child(3){border-left:0;padding-left:0}
  .fact:nth-child(n+3){border-top:1px solid var(--line)}
}
.sources{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 26px;margin-top:26px}
.sources .lbl{font-size:14px;color:var(--muted)}
.sources ul{display:flex;flex-wrap:wrap;gap:8px 24px;list-style:none;padding:0}
.sources li{font-family:var(--f-display);font-size:16px;font-weight:500;color:var(--ink-2)}

/* общие секции */
.sec{padding-block:clamp(68px,9vw,124px)}
.alt{background:var(--sheet)}
.sec-h{display:grid;gap:14px;max-width:780px;margin-bottom:clamp(34px,4vw,56px)}
.sec-h h2{font-size:clamp(30px,3.9vw,50px);line-height:1.06;letter-spacing:-.032em;font-weight:600}
.sec-h p{font-size:18px;color:var(--ink-2);max-width:40em}
.lnk{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:none;font:600 15px/1.3 var(--f-body);color:var(--accent-text);text-decoration:none;cursor:pointer}
.lnk:hover{text-decoration:underline;text-underline-offset:3px}
.lnk svg{width:16px;height:16px}

/* сейчас / с кабинетом */
.cmp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.cmp-col{border-radius:var(--r);padding:clamp(22px,3vw,34px)}
.cmp-col.was{border:1px solid var(--line)}
.cmp-col.now{background:var(--accent-soft)}
.cmp-col h3{font-family:var(--f-mono);font-size:13px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;margin-bottom:20px}
.cmp-col.was h3{color:var(--muted)}
.cmp-col.now h3{color:var(--accent-text)}
.cmp-col ul{list-style:none;padding:0;display:grid;gap:16px}
.cmp-col li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;font-size:16.5px;line-height:1.5}
.cmp-col li svg{width:20px;height:20px;margin-top:2px}
.was li{color:var(--ink-2)}
.was svg{color:var(--muted)}
.now svg{color:var(--accent-text)}
@media (max-width:760px){.cmp{grid-template-columns:minmax(0,1fr)}}

/* тёмная полоса */
.band{background:var(--deep);color:var(--deep-ink)}
.band .eyebrow{color:var(--deep-accent)}
.band .sec-h p{color:var(--deep-muted)}
.band mark{background:var(--deep-mark);color:var(--deep-ink)}

.ask-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(36px,5vw,76px);align-items:start}
.ask-grid .sec-h{margin-bottom:0}
.qs{display:grid;gap:10px;margin-top:30px}
.q{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:15px 16px;border-radius:12px;border:1px solid var(--deep-line);background:transparent;color:var(--deep-ink);font:500 16px/1.4 var(--f-body);cursor:pointer;transition:background-color .15s,border-color .15s}
.q:hover{border-color:var(--deep-muted)}
.q[aria-pressed="true"]{background:var(--deep-2);border-color:var(--deep-accent)}
.q svg{width:18px;height:18px;color:var(--deep-accent)}
.chatbox{background:var(--deep-2);border:1px solid var(--deep-line);border-radius:var(--r);padding:clamp(18px,2.6vw,28px);display:grid;gap:18px}
.chat-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--deep-line);font-family:var(--f-mono);font-size:12px;color:var(--deep-muted)}
.chat-top b{font-family:var(--f-display);font-size:15px;font-weight:600;color:var(--deep-ink)}
.msg-u{justify-self:end;max-width:86%;background:var(--deep-accent);color:var(--deep-on);padding:12px 16px;border-radius:16px 16px 4px 16px;font-size:16px;line-height:1.45;font-weight:500}
.msg-a{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px}
.msg-a .orb{width:38px;height:38px;background:rgba(95,211,193,.14);color:var(--deep-accent)}
.msg-a .body{font-size:16px;line-height:1.65;min-height:11.6em}
.msg-src{margin-top:12px;font-family:var(--f-mono);font-size:12px;color:var(--deep-muted)}
.band .cur{background:var(--deep-accent)}
@media (max-width:1020px){.ask-grid{grid-template-columns:minmax(0,1fr)}}

/* как работает */
.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;counter-reset:s}
.step{position:relative;padding-top:58px}
.step::before{counter-increment:s;content:counter(s);position:absolute;top:0;left:0;width:40px;height:40px;border-radius:50%;background:var(--ink);color:var(--paper);font-family:var(--f-mono);font-size:15px;font-weight:500;display:grid;place-items:center}
.step::after{content:"";position:absolute;top:20px;left:54px;right:-10px;height:1px;background:var(--line)}
.step:last-child::after{display:none}
.when{font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-text)}
.step h3{font-size:21px;font-weight:600;letter-spacing:-.012em;margin-top:6px}
.step p{font-size:15.5px;color:var(--ink-2);margin-top:8px}
@media (max-width:920px){.steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px}.step:nth-child(2)::after{display:none}}
@media (max-width:560px){.steps{grid-template-columns:minmax(0,1fr)}.step::after{display:none}}

/* отрасли */
.ind-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:16px 40px;margin-bottom:clamp(34px,4vw,52px)}
.ind-head .sec-h{margin-bottom:0}

/* калькулятор */
.calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--sheet)}
.calc-in{display:grid;gap:30px;padding:clamp(22px,3.2vw,38px);align-content:start}
.field label,.field .fl{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:15px;color:var(--ink-2);margin-bottom:12px}
.field output{font-family:var(--f-mono);font-size:20px;font-weight:500;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
input[type="range"]{width:100%;height:28px;margin:0;accent-color:var(--accent);cursor:pointer}
.scale{display:flex;justify-content:space-between;font-family:var(--f-mono);font-size:11.5px;color:var(--muted);margin-top:2px}
.seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border-radius:12px;background:var(--paper);border:1px solid var(--line-2)}
.seg button{display:grid;gap:2px;padding:9px 6px;border:0;border-radius:9px;background:transparent;color:var(--ink-2);font:500 14px/1.25 var(--f-body);cursor:pointer}
.seg button small{font-family:var(--f-mono);font-size:11.5px;color:var(--muted)}
.seg button[aria-pressed="true"]{background:var(--sheet);color:var(--ink);box-shadow:0 1px 3px rgba(15,38,36,.14)}
.calc-out{display:grid;gap:24px;align-content:start;padding:clamp(22px,3.2vw,38px);background:var(--accent-soft)}
.out-lbl{font-size:14.5px;color:var(--ink-2);margin-bottom:8px}
.big{font-family:var(--f-display);font-size:clamp(38px,4.6vw,58px);font-weight:600;line-height:1;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.big small{font-family:var(--f-body);font-size:16px;font-weight:400;letter-spacing:0;color:var(--ink-2);margin-left:6px}
.out-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-top:22px;border-top:1px solid var(--line)}
.out-row b{display:block;font-family:var(--f-mono);font-size:clamp(17px,1.7vw,21px);font-weight:500;font-variant-numeric:tabular-nums;line-height:1.25}
.out-row span{display:block;font-size:13.5px;color:var(--ink-2);margin-bottom:6px;line-height:1.35}
.calc-note{font-size:14px;color:var(--ink-2);line-height:1.5}
@media (max-width:900px){.calc{grid-template-columns:minmax(0,1fr)}}
@media (max-width:460px){.out-row{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* тарифы */
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.plan{display:flex;flex-direction:column;gap:18px;padding:28px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper)}
.plan.hi{border:2px solid var(--accent);padding:27px;background:var(--sheet);box-shadow:var(--shadow)}
.plan-top{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:26px}
.plan h3{font-size:22px;font-weight:600}
.badge{font-family:var(--f-mono);font-size:11px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;background:var(--accent);color:var(--accent-on);padding:4px 8px;border-radius:6px}
.price{font-family:var(--f-display);font-size:38px;font-weight:600;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
.price small{font-family:var(--f-body);font-size:15px;font-weight:400;letter-spacing:0;color:var(--muted);margin-left:4px}
.plan .for{font-size:15px;color:var(--ink-2);margin-top:-8px}
.plan ul{list-style:none;padding:18px 0 0;border-top:1px solid var(--line);display:grid;gap:11px;font-size:15.5px;line-height:1.45}
.plan li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px}
.plan li svg{width:18px;height:18px;margin-top:2px;color:var(--accent-text)}
.plan .btn{margin-top:auto;width:100%}
.plans-note{margin-top:22px;font-size:15px;color:var(--ink-2);text-align:center}
@media (max-width:920px){.plans{grid-template-columns:minmax(0,1fr)}}

.trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:clamp(52px,6vw,80px);padding-top:34px;border-top:1px solid var(--line)}
.tr{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px}
.tr svg{width:22px;height:22px;color:var(--accent-text)}
.tr b{display:block;font-size:15.5px;font-weight:600;margin-bottom:4px}
.tr span{font-size:14.5px;line-height:1.5;color:var(--ink-2)}
@media (max-width:920px){.trust{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.trust{grid-template-columns:minmax(0,1fr)}}

/* вопросы */
.faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:clamp(28px,5vw,80px);align-items:start}
.faq-grid .sec-h{margin-bottom:0}
.faq-art{display:block;width:100%;max-width:300px;height:auto;margin-top:34px}
.art text{font-family:var(--f-mono)}
.a-card{fill:var(--paper);stroke:var(--line);stroke-width:1}
.a-soft{fill:var(--accent-soft)}
.a-acc{fill:var(--accent)}
.a-accs{stroke:var(--accent);stroke-width:1.5}
.a-nofill{fill:none}
.a-mute{fill:var(--line)}
.a-ink{fill:var(--ink-2)}
.a-mark{fill:var(--mark)}
.a-t{font-size:10px;fill:var(--muted)}
.art .a-ub{font-family:var(--f-display);font-size:12.5px;font-weight:600;fill:var(--accent-on)}
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:22px 0;cursor:pointer;list-style:none;font-family:var(--f-display);font-size:clamp(17px,1.6vw,19.5px);font-weight:500;line-height:1.35}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;font-family:var(--f-mono);font-size:22px;line-height:1;color:var(--accent-text);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding-bottom:24px;max-width:62ch;font-size:16.5px;color:var(--ink-2)}
@media (max-width:900px){.faq-grid{grid-template-columns:minmax(0,1fr)}.faq-art{display:none}}

/* заявка */
.cta-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,5vw,76px);align-items:start}
.cta-grid .sec-h{margin-bottom:0}
.cta-list{list-style:none;padding:0;display:grid;gap:14px;margin-top:30px}
.cta-list li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;font-size:16.5px;line-height:1.5}
.cta-list svg{width:20px;height:20px;margin-top:2px;color:var(--deep-accent)}
.form{display:grid;gap:16px;padding:clamp(22px,3vw,32px);border-radius:var(--r);background:var(--sheet);color:var(--ink)}
.form h3{font-size:22px;font-weight:600}
.form label{display:grid;gap:6px;font-size:14px;font-weight:500;color:var(--ink-2)}
.form input,.form select{width:100%;height:50px;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);font:16px var(--f-body)}
.form input:focus,.form select:focus{outline:2px solid var(--accent);outline-offset:0;border-color:var(--accent)}
.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.form .btn{width:100%;height:54px;font-size:16.5px}
.fine{font-size:13px;line-height:1.45;color:var(--muted)}
.form-status{padding:12px 14px;border-radius:10px;background:var(--accent-soft);color:var(--ink);font-size:14.5px;line-height:1.5}
@media (max-width:920px){.cta-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:520px){.form-row{grid-template-columns:minmax(0,1fr)}}

/* подвал */
.foot{padding-block:36px 44px}
.foot .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 32px}
.foot-brand{display:grid;gap:6px}
.foot-brand small{font-size:13.5px;color:var(--muted)}
.foot nav{display:flex;flex-wrap:wrap;gap:6px 22px}
.foot nav a{font-size:14.5px;color:var(--ink-2);text-decoration:none}
.foot nav a:hover{color:var(--ink)}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .hl,.finds li.in,.cur{animation:none}
  .finds,.btn,.chip,.q,.pick-btn .chev{transition:none}
}

/* ===== вариант B: окно кабинета ===== */
.win{border:1px solid var(--line);border-radius:20px;background:var(--sheet);box-shadow:var(--shadow);overflow:hidden}
.win-bar{display:flex;align-items:center;gap:14px;height:46px;padding:0 16px;border-bottom:1px solid var(--line);background:var(--paper)}
.win-dots{display:flex;gap:6px;flex:none}
.win-dots i{width:10px;height:10px;border-radius:50%;background:var(--line)}
.win-path{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--f-mono);font-size:12.5px;color:var(--muted)}
.win-path b{font-weight:500;color:var(--ink)}
.win-time{margin-left:auto;flex:none;font-family:var(--f-mono);font-size:12.5px;color:var(--ink-2);background:var(--sheet);border:1px solid var(--line);border-radius:7px;padding:3px 8px}
.win-body{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:528px}
.win-nav{display:flex;flex-direction:column;gap:2px;padding:14px 10px;border-right:1px solid var(--line);background:var(--paper)}
.win-k{padding:6px 12px 8px;font-family:var(--f-mono);font-size:11px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.wn{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;border-radius:10px;background:transparent;color:var(--ink-2);font:500 15px/1.25 var(--f-body);text-align:left;cursor:pointer;transition:background-color .15s,color .15s}
.wn svg{width:18px;height:18px;flex:none;color:var(--muted)}
.wn:hover{background:var(--line-2);color:var(--ink)}
.wn[aria-pressed="true"]{background:var(--sheet);color:var(--ink);box-shadow:inset 3px 0 0 var(--accent),0 1px 3px rgba(15,38,36,.12)}
.wn[aria-pressed="true"] svg{color:var(--accent-text)}
.win-main{display:grid;gap:22px;align-content:start;min-width:0;padding:clamp(20px,2.6vw,32px)}
.win-main.swap{animation:rise .35s cubic-bezier(.2,.7,.2,1) both}
.wm-h{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.wm-h h3{font-size:24px;font-weight:600;letter-spacing:-.02em}
.wm-s{margin-left:auto;font-family:var(--f-mono);font-size:12px;color:var(--muted)}
.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--line-2)}
.kpi{display:grid;gap:4px;align-content:start;padding:16px 16px 16px 0}
.kpi + .kpi{border-left:1px solid var(--line-2);padding-left:18px}
.kpi span{font-size:13.5px;line-height:1.35;color:var(--muted)}
.kpi b{font-family:var(--f-mono);font-size:clamp(20px,2vw,26px);font-weight:500;line-height:1.15;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.kpi small{font-family:var(--f-mono);font-size:12px;color:var(--muted)}
.kpi small.good{color:var(--good-text)}
.kpi small.bad{color:var(--bad-text)}
.wm-ai{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;padding:18px;border:1px solid var(--line-2);border-radius:14px;background:var(--paper)}
.wm-ai .k,.wm-todo .k{font-family:var(--f-mono);font-size:11.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-text);margin-bottom:4px}
.wm-ai p{font-size:16px;line-height:1.62}
.wm-todo{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:14px 16px;border:1px dashed var(--line);border-radius:14px}
.wm-todo .t{flex:1 1 280px;min-width:0;font-size:15.5px;font-weight:500;line-height:1.45}
.wm-todo .a{font-family:var(--f-mono);font-size:14px;font-weight:500;color:var(--good-text);font-variant-numeric:tabular-nums}
.wm-todo .btn[disabled]{background:var(--accent-soft);border-color:var(--accent-soft);color:var(--accent-text);cursor:default}
.wm-q{justify-self:end;max-width:86%;padding:12px 16px;border-radius:16px 16px 4px 16px;background:var(--accent);color:var(--accent-on);font-size:16px;font-weight:500;line-height:1.45}
.win-main .src{margin-top:0}
.win-cap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;margin-top:16px;font-size:14px;color:var(--muted)}
@media (max-width:780px){
  .win-body{grid-template-columns:minmax(0,1fr);min-height:0}
  .win-nav{flex-direction:row;gap:4px;overflow-x:auto;padding:10px;border-right:0;border-bottom:1px solid var(--line);scrollbar-width:none}
  .win-nav::-webkit-scrollbar{display:none}
  .win-k{display:none}
  .wn{flex:none;width:auto;white-space:nowrap;padding:9px 12px}
  .wn[aria-pressed="true"]{box-shadow:inset 0 -2px 0 var(--accent),0 1px 3px rgba(15,38,36,.12)}
  .wm-s{margin-left:0;flex-basis:100%}
}
@media (max-width:540px){
  .kpis{grid-template-columns:minmax(0,1fr)}
  .kpi{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:2px 12px;padding:12px 0}
  .kpi + .kpi{border-left:0;padding-left:0;border-top:1px solid var(--line-2)}
  .kpi b{grid-column:2;grid-row:1/span 2;align-self:center;font-size:20px;text-align:right}
  .wm-ai{grid-template-columns:minmax(0,1fr);padding:16px}
  .wm-ai .orb{display:none}
}

@media (prefers-reduced-motion:reduce){.win-main.swap{animation:none}.wn{transition:none}}


/* ===== общее для вариантов отраслей ===== */
.vi{position:relative;width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:12px;background:var(--accent-soft);color:var(--accent-text);transition:background-color .2s,color .2s}
.vi::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--accent);opacity:.18}
.vi svg{width:22px;height:22px;transition:transform .35s cubic-bezier(.3,1.4,.5,1)}
.amt{display:inline-grid;justify-items:end;font-family:var(--f-mono);font-size:16px;font-weight:500;line-height:1.25;color:var(--good-text);font-variant-numeric:tabular-nums;white-space:nowrap}
.amt small{font-family:var(--f-body);font-size:12.5px;font-weight:400;line-height:1.3;color:var(--muted)}
.vcap{margin-top:18px;font-size:14.5px;color:var(--muted)}
@media (prefers-reduced-motion:reduce){.vi,.vi svg{transition:none}}

/* ===== вариант A: ровная сетка ===== */
.ia{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
/* строки карточки — общие для всего ряда: названия, метрики и действия стоят на одной высоте */
.ia-c{position:relative;display:grid;grid-template-rows:subgrid;grid-row:span 3;row-gap:0;padding:20px 18px 16px;border:1px solid var(--line);border-radius:14px;background:var(--paper);transition:border-color .2s,transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s}
.ia-h{display:flex;align-items:center;gap:12px;padding-right:22px}
.ia-h h3{font-size:17px;font-weight:600;line-height:1.3}
.ia-n{position:absolute;top:16px;right:16px;font:500 11px/1 var(--f-mono);letter-spacing:.06em;color:var(--muted);transition:color .2s}
.ia-m{list-style:none;margin:16px 0 14px;padding:0;align-self:start}
.ia-m li{position:relative;padding:7px 0 7px 16px;border-top:1px solid var(--line);font-size:15px;line-height:1.35;color:var(--ink-2);transition:color .2s,padding-left .25s cubic-bezier(.2,.7,.2,1)}
.ia-m li:last-child{border-bottom:1px solid var(--line)}
.ia-m li::before{content:"";position:absolute;left:1px;top:calc(7px + .675em - 2.5px);width:5px;height:5px;border-radius:50%;background:var(--accent);opacity:.5;transition:opacity .2s,transform .25s}
.ia-f{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 14px;align-self:start}
.ia-f .lnk{font-size:14px}
.ia-soft{color:var(--ink-2)}
.ia-soft:hover{color:var(--accent-text)}
@media (hover:hover) and (pointer:fine){
  .ia-c:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:var(--shadow)}
  .ia-c:hover .vi{background:var(--accent);color:var(--accent-on)}
  .ia-c:hover .vi svg{transform:rotate(-8deg) scale(1.1)}
  .ia-c:hover .ia-n{color:var(--accent-text)}
  .ia-c:hover .ia-m li{color:var(--ink)}
  .ia-c:hover .ia-m li::before{opacity:1}
  .ia-m li:hover{padding-left:20px}
}
/* с 1180 px три колонки: в четырёх у стоматологии «Пример брифинга» и «Демо» уже не помещаются в строку */
@media (max-width:1180px){.ia{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:720px){.ia{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* в две колонки длинное «Строительство» рядом с иконкой влезает только шире 520 px */
@media (max-width:520px){.ia{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.ia-c,.ia-m li,.ia-m li::before{transition:none}.ia-c:hover{transform:none}}

/* ===== живой слой: появление при прокрутке и отклик на наведение ===== */
/* полоса прочитанного под шапкой */
.top::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent);transform:scaleX(var(--sp,0));transform-origin:0 50%;pointer-events:none}

/* появление */
@keyframes lv-up{from{opacity:0;transform:translateY(22px)}}
@keyframes lv-in{from{opacity:0;transform:translateY(16px) scale(.985)}}
@keyframes lv-track{from{opacity:0;letter-spacing:.36em}}
@keyframes lv-side{from{opacity:0;transform:translateX(-12px)}}
@keyframes lv-pop{from{opacity:0;transform:scale(.4)}}
@keyframes lv-fade{from{opacity:0;transform:translateY(-4px)}}
@keyframes lv-tick{from{color:var(--accent-text)}}
.js-live .rv:not(.seen),.js-live .eyebrow.lv:not(.seen){opacity:0}
.js-live .rv.seen{animation:lv-up .8s cubic-bezier(.2,.7,.2,1) var(--d,0ms) backwards}
.js-live .rv.rv-s.seen{animation-name:lv-in}
.js-live .eyebrow.lv.seen{animation:lv-track 1s cubic-bezier(.2,.7,.2,1) var(--d,0ms) backwards}

/* заголовки печатаются по буквам; место под весь текст занято сразу, строки не прыгают */
.tw-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;user-select:none}
.js-live :is(.hero h1,.sec-h h2):not(.split),.js-live .split:not(.typed) .ch:not(.on){visibility:hidden}
/* каретка — тень справа от последней буквы: в раскладке её нет, перенос строк не меняется */
@keyframes tw-blink{50%{box-shadow:.18em 0 0 -.12em transparent}}
.split{--twc:var(--accent)}
.band .split{--twc:var(--deep-accent)}
.split .ch.at{box-shadow:.18em 0 0 -.12em var(--twc)}
.split.typed .ch.at{animation:tw-blink .9s step-end infinite}
/* маркер под «каждое утро» дорисовывается, когда заголовок допечатан */
.js-live .hero .hl{animation-delay:.1s}
.js-live .hero h1:not(.typed) .hl{animation-play-state:paused}
.split .wd{transition:color .6s ease}
.split .wd:hover{color:var(--accent-text);transition-duration:.12s}
.band .split .wd:hover{color:var(--deep-accent)}

/* абзацы проявляются по мере прокрутки */
.lit .lw{opacity:clamp(.24,calc(.24 + (var(--p,1.2) - var(--k,0)) * 9),1);transition:opacity .25s linear}

/* галочки дорисовываются */
.notes svg,.cmp-col li svg,.plan li svg,.cta-list svg{transition:transform .3s cubic-bezier(.3,1.4,.5,1)}
.js-live .dr svg{stroke-dasharray:26;stroke-dashoffset:26;transition:stroke-dashoffset .7s cubic-bezier(.6,0,.2,1) calc(var(--d,0ms) + 250ms),transform .3s cubic-bezier(.3,1.4,.5,1)}
.js-live .dr.seen svg{stroke-dashoffset:0}

/* шаги: номер появляется, линия дотягивается до следующего */
.step::before{transition:background-color .25s,color .25s,transform .3s cubic-bezier(.3,1.4,.5,1)}
.step h3{transition:color .25s}
.step:hover::before{background:var(--accent);color:var(--accent-on)}
.step:hover h3{color:var(--accent-text)}
.js-live .step::after{transform:scaleX(0);transform-origin:0 50%;transition:transform 1s cubic-bezier(.6,0,.2,1) calc(var(--d,0ms) + 400ms)}
.js-live .step.seen::after{transform:none}
.js-live .step.seen::before{animation:lv-pop .55s cubic-bezier(.3,1.4,.5,1) var(--d,0ms) backwards}

/* окно кабинета */
.js-live .win.seen .wn{animation:lv-side .55s cubic-bezier(.2,.7,.2,1) calc(var(--d,0ms) + 300ms + var(--i,0) * 45ms) backwards}
.js-live .win.intro #wMain>*{animation:lv-up .6s cubic-bezier(.2,.7,.2,1) calc(var(--d,0ms) + 380ms + var(--j,0) * 90ms) backwards}
#wMain>:nth-child(2){--j:1}
#wMain>:nth-child(3){--j:2}
#wMain>:nth-child(4){--j:3}
#wMain>:nth-child(5){--j:4}
.js-live #wMain mark{background:linear-gradient(var(--mark),var(--mark)) no-repeat 0 0/0% 100%;transition:background-size .7s cubic-bezier(.6,0,.2,1) var(--md,0ms)}
.js-live #wMain mark.on{background-size:100% 100%}
.wn{position:relative}
.win.autoplay .wn[aria-pressed="true"]::after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;border-radius:2px;background:var(--accent);opacity:.5;transform:scaleX(var(--wp,0));transform-origin:0 50%}
.wn svg{transition:transform .25s cubic-bezier(.2,.7,.2,1),color .15s}
.kpi b{transition:color .2s}
.kpi:hover b{color:var(--accent-text)}
.wm-ai,.wm-todo{transition:border-color .25s}
.wm-ai:hover{border-color:var(--accent)}
.wm-todo:hover{border-color:var(--accent);border-style:solid}
.src .t{transition:border-color .2s,color .2s}
.src .t:hover{border-color:var(--accent);color:var(--accent-text)}

/* подсветка за курсором */
.spot{position:relative;isolation:isolate;--spot:color-mix(in srgb,var(--accent) 11%,transparent)}
.band .chatbox.spot{--spot:rgba(95,211,193,.1)}
.spot::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(400px circle at var(--mx,50%) var(--my,50%),var(--spot),transparent 65%);opacity:0;transition:opacity .35s;pointer-events:none}
.spot:hover::before{opacity:1}

/* брифинг: стопка раскрывается под курсором */
.brief{transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.stack::before,.stack::after{transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.finds li{transition:padding-left .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s}
.finds li:hover{padding-left:10px;box-shadow:inset 2px 0 0 var(--accent)}

/* кнопки, ссылки, меню */
.btn{transition:background-color .15s,border-color .15s,color .15s,transform .2s,box-shadow .25s}
.btn svg{transition:transform .25s cubic-bezier(.2,.7,.2,1)}
.btn.pri{position:relative;overflow:hidden;isolation:isolate}
.btn.pri::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;z-index:-1;background:linear-gradient(100deg,transparent,rgba(255,255,255,.3),transparent);transform:skewX(-18deg);opacity:0;pointer-events:none}
.btn.pri:hover::after{transform:translateX(420%) skewX(-18deg);opacity:1;transition:transform .75s cubic-bezier(.2,.7,.2,1),opacity .1s}
.btn[disabled]::after{display:none}
.lnk{background:linear-gradient(currentColor,currentColor) no-repeat 0 100%/0% 1.5px;transition:background-size .3s cubic-bezier(.2,.7,.2,1)}
.lnk:hover{text-decoration:none;background-size:100% 1.5px}
.lnk svg{transition:transform .25s cubic-bezier(.2,.7,.2,1)}
.nav a{position:relative;transition:color .2s,background-color .2s}
.nav a::after{content:"";position:absolute;left:12px;right:12px;bottom:3px;height:2px;border-radius:2px;background:var(--accent);transform:scaleX(0);transform-origin:0 50%;transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.nav a:hover::after,.nav a.is-cur::after{transform:none}
.nav a.is-cur{color:var(--ink)}
.foot nav a{background:linear-gradient(currentColor,currentColor) no-repeat 0 100%/0% 1px;transition:color .2s,background-size .3s cubic-bezier(.2,.7,.2,1)}
.foot nav a:hover{background-size:100% 1px}
.logo-mark svg,.orb svg{transition:transform .5s cubic-bezier(.3,1.4,.5,1)}
.logo:hover .logo-mark svg{transform:rotate(90deg) scale(1.08)}
.brief:hover .brief-h .orb svg,.msg-a:hover .orb svg,.wm-ai:hover .orb svg{transform:rotate(72deg)}
.chip{transition:background-color .15s,border-color .15s,color .15s,transform .2s}
mark{transition:box-shadow .2s}
mark:hover{box-shadow:inset 0 -2px 0 var(--accent)}
.band mark:hover{box-shadow:inset 0 -2px 0 var(--deep-accent)}

/* цифры и списки */
.fact b{transition:color .25s}
.fact:hover b{color:var(--accent-text)}
.sources li{transition:color .2s,transform .25s cubic-bezier(.2,.7,.2,1)}
.sources li:hover{color:var(--accent-text)}
.cmp-col{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s}
.cmp-col li{transition:color .2s}
.cmp-col.was:hover{border-color:var(--muted)}
.cmp-col li:hover{color:var(--ink)}
.q{transition:background-color .2s,border-color .2s,transform .25s cubic-bezier(.2,.7,.2,1)}
.q svg{transition:transform .3s cubic-bezier(.3,1.4,.5,1)}
.q:hover{background:color-mix(in srgb,var(--deep-2) 60%,transparent)}
.seg button{transition:color .2s,background-color .2s,box-shadow .2s}
.seg button:hover{color:var(--ink)}
.out-row b{transition:color .25s}
.out-row>div:hover b{color:var(--accent-text)}
.tick{animation:lv-tick .6s ease-out}
.plan{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s}
.plan:hover{border-color:var(--accent)}
.tr svg{transition:transform .35s cubic-bezier(.3,1.4,.5,1)}
.tr b{transition:color .2s}
.tr:hover b{color:var(--accent-text)}
.faq summary{transition:color .2s,padding-left .3s cubic-bezier(.2,.7,.2,1)}
.faq summary:hover{color:var(--accent-text)}
.faq summary::after{transition:transform .3s cubic-bezier(.3,1.4,.5,1)}
.faq summary:hover::after{transform:scale(1.25)}
.faq details[open] summary:hover::after{transform:rotate(45deg) scale(1.25)}
.faq details[open] p{animation:lv-fade .45s cubic-bezier(.2,.7,.2,1) backwards}
@supports (interpolate-size:allow-keywords) and selector(::details-content){
  .faq{interpolate-size:allow-keywords}
  .faq details::details-content{block-size:0;overflow-y:clip;transition:block-size .4s cubic-bezier(.2,.7,.2,1),content-visibility .4s allow-discrete}
  .faq details[open]::details-content{block-size:auto}
}
.form{transition:box-shadow .35s}
.form:focus-within{box-shadow:0 0 0 2px var(--deep-accent),0 24px 50px -24px rgba(0,0,0,.6)}
.form input,.form select{transition:border-color .2s}
.form input:hover,.form select:hover{border-color:var(--ink-2)}

/* движение при наведении — только если человек не просил его отключить */
@media (prefers-reduced-motion:no-preference){
  .btn.pri:hover{transform:translateY(-2px);box-shadow:0 12px 26px -12px color-mix(in srgb,var(--accent) 80%,transparent)}
  .btn:not(.pri):hover{transform:translateY(-1px)}
  .btn.pri:active,.btn:not(.pri):active{transform:translateY(1px)}
  .btn[disabled]:hover{transform:none;box-shadow:none}
  .btn:hover svg{transform:translateX(3px)}
  .lnk:hover svg:has(use[href="#i-out"]){transform:translate(2px,-2px)}
  .lnk:hover svg:has(use[href="#i-up"]){transform:translateY(-3px)}
  .lnk:hover svg:has(use[href="#i-down"]){transform:translateY(3px)}
  .chip:hover{transform:translateY(-1px)}
  .stack:hover::before{transform:translateY(-8px)}
  .stack:hover::after{transform:translateY(-4px)}
  .sources li:hover{transform:translateY(-2px)}
  .cmp-col.now:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
  .cmp-col li:hover svg,.plan li:hover svg,.cta-list li:hover svg,.notes li:hover svg{transform:scale(1.2)}
  .wn:hover svg{transform:translateX(2px)}
  .q:hover{transform:translateX(4px)}
  .q:hover svg{transform:scale(1.15) rotate(-8deg)}
  .step:hover::before{transform:scale(1.1)}
  .plan:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
  .tr:hover svg{transform:translateY(-3px) scale(1.12)}
  .faq summary:hover{padding-left:8px}
}
@media (prefers-reduced-motion:reduce){
  .btn.pri::after{display:none}
  .split .wd,.lit .lw,.btn svg,.lnk svg,.wn svg,.q svg,.tr svg,.orb svg,.logo-mark svg,.brief,.stack::before,.stack::after{transition:none}
  .faq details[open] p{animation:none}
  .faq details::details-content{transition:none}
}