/* ================================================================
   Дмитрий Загоруйко — визуальный язык «Трасса»
   Путь клиента от показа до сделки как основной мотив.
   ================================================================ */
:root{
  --paper:#F0F1EC; --paper-2:#E5E7E0; --card:#F8F8F5; --white:#FFFFFF;
  --ink:#111316; --ink-2:#2B3035; --muted:#5C636A; --faint:#858B91;
  --line:#D2D5CC; --line-2:#C2C6BC;
  --signal:#E3531D; --signal-ink:#B23F10; --signal-soft:#F8E0D4;
  --sale:#1D7650; --sale-soft:#D9EDE2; --warn:#8A5A00; --warn-soft:#F6E7C4;
  --night:#101214; --night-2:#171A1D; --night-line:#2A2E33; --night-text:#E8E9E4; --night-muted:#9CA2A9;
  --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:"Martian Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --gutter:clamp(16px,4vw,56px);
  --maxw:1440px;
  --r:14px; --r-sm:8px;
  --sec:clamp(80px,11vw,152px);
  --ease:cubic-bezier(.2,.7,.2,1);
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.6 var(--f-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit}
button{font:inherit;color:inherit}
/* выделение: Safari закрашивает пустые промежутки блоков цветом ::selection самого блока —
   поэтому у контейнеров оно прозрачное, а цветом выделяется только текст */
::selection{background:transparent}
:is(p,h1,h2,h3,h4,h5,h6,li,span,a,b,strong,em,i,small,label,button,td,th,figcaption,blockquote,summary,dt,dd,code,sup,sub,mark)::selection{background:var(--signal);color:#fff}
:is(.sv-card,.choose-card,.diag-item,.ap-card,.svc-card,.cc-link,.case-card,.stage,.faq-item,.chip,.sit,.opt,.btn,.dl-card,.xr-row,.cmp-row,.log-row,.stages>li,.ap-cards>li,.sv-list>li,.diag-list>li)::selection{background:transparent}
:focus-visible{outline:2px solid var(--signal);outline-offset:3px;border-radius:4px}
[hidden]{display:none!important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--ink);color:var(--paper);padding:10px 14px;border-radius:8px}
.skip:focus{left:8px}
.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}
.ic{width:16px;height:16px;flex:none}

/* ---------- type ---------- */
.h1{font:700 clamp(38px,6vw,78px)/1.08 var(--f-display);letter-spacing:-.035em;margin:0 0 24px;text-wrap:balance;max-width:18ch}
.h2{font:700 clamp(30px,4.2vw,54px)/1.1 var(--f-display);letter-spacing:-.03em;margin:0;text-wrap:balance;max-width:20ch}
.h3{font:600 clamp(20px,2vw,24px)/1.2 var(--f-display);letter-spacing:-.015em;margin:0 0 10px;text-wrap:balance}
.kicker{font:500 11.5px/1.3 var(--f-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--signal-ink);margin:0 0 16px}
.lead{font-size:clamp(18px,1.7vw,21px);line-height:1.55;color:var(--ink-2);max-width:60ch;margin:0 0 20px}
.lead-sm{font-size:17.5px;line-height:1.6;color:var(--muted);max-width:52ch;margin:0}
.small{font-size:14px;color:var(--muted)}
p{margin:0 0 14px}
.ph{font:500 .78em/1.3 var(--f-mono);color:var(--warn);background:var(--warn-soft);padding:.1em .4em;border-radius:4px;letter-spacing:0;text-transform:none;box-decoration-break:clone;-webkit-box-decoration-break:clone}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:10px;min-height:50px;padding:0 22px;border-radius:999px;font:500 15.5px/1 var(--f-body);text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s var(--ease);white-space:nowrap}
.btn .ic{transition:transform .25s var(--ease)}
.btn:hover .ic{transform:translateX(3px)}
.btn:active{transform:translateY(1px)}
.btn-primary{background:var(--ink);color:var(--paper)}
.btn-primary:hover{background:var(--signal);color:#fff}
.btn-ghost{border-color:var(--line-2);color:var(--ink);background:transparent}
.btn-ghost:hover{border-color:var(--ink)}
.btn-light{background:var(--paper);color:var(--ink)}
.btn-light:hover{background:var(--signal);color:#fff}
.btn-ghost-dark{border-color:var(--night-line);color:var(--night-text)}
.btn-ghost-dark:hover{border-color:var(--night-text)}
.btn-sm{min-height:42px;padding:0 18px;font-size:14.5px}
.inline-link{color:var(--signal-ink);text-decoration:underline;display:inline-flex;gap:6px;align-items:center}
.inline-link .ic{width:14px;height:14px}
.copy{background:none;border:0;padding:0;cursor:pointer;text-align:left;text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:3px}
.copy:hover{text-decoration-color:currentColor}
.copy.is-copied::after{content:" — скопировано";color:var(--sale);text-decoration:none}

/* ---------- header ---------- */
.site-head{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid transparent;transition:border-color .2s;padding-top:env(safe-area-inset-top,0px)}
.site-head.is-scrolled{border-bottom-color:var(--line)}
.head-inner{display:flex;align-items:center;gap:28px;min-height:72px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;margin-right:auto}
.logo-mark{width:30px;height:30px;border-radius:8px;background:var(--ink);position:relative;flex:none;overflow:hidden}
.logo-mark::before{content:"";position:absolute;left:5px;top:10px;width:18px;height:10px;background:var(--paper);clip-path:polygon(0 0,100% 42%,100% 58%,0 100%);opacity:.9}
.logo-mark::after{content:"";position:absolute;right:4px;top:12px;width:6px;height:6px;border-radius:50%;background:var(--signal)}
.logo-text{display:flex;flex-direction:column;line-height:1.15}
.logo-text b{font:600 15.5px/1.2 var(--f-display);letter-spacing:-.01em}
.logo-text small{font:400 10.5px/1.3 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.nav ul{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.nav a{display:block;padding:8px 12px;border-radius:999px;text-decoration:none;font-size:15px;color:var(--ink-2)}
.nav a:hover{background:var(--paper-2)}
.nav a[aria-current="page"]{color:var(--ink);background:var(--paper-2)}
.menu-btn{display:none;width:44px;height:44px;border:1px solid var(--line-2);border-radius:50%;background:none;cursor:pointer;position:relative}
.menu-btn span:not(.sr){position:absolute;left:13px;right:13px;height:1.5px;background:var(--ink);transition:transform .25s var(--ease)}
.menu-btn span:nth-child(1){top:17px}.menu-btn span:nth-child(2){top:25px}
.menu-btn[aria-expanded="true"] span:nth-child(1){transform:translateY(4px) rotate(45deg)}
.menu-btn[aria-expanded="true"] span:nth-child(2){transform:translateY(-4px) rotate(-45deg)}
.drawer{border-top:1px solid var(--line);padding:16px var(--gutter) 28px;display:grid;gap:16px;background:var(--paper)}
.drawer ul{list-style:none;margin:0;padding:0;display:grid}
.drawer li a{display:block;padding:14px 0;border-bottom:1px solid var(--line);text-decoration:none;font:600 22px/1.2 var(--f-display);letter-spacing:-.02em}
.drawer .btn{justify-content:center}

/* ---------- hero ---------- */
.hero{padding-block:clamp(32px,6vw,72px) clamp(48px,6vw,80px);overflow:hidden}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.85fr);gap:clamp(28px,5vw,72px);align-items:end}
.hero-h1{margin:0 0 28px}
.eyebrow{display:block;font:500 12px/1.4 var(--f-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-bottom:22px}
.h1-main{display:block;font:700 clamp(50px,8.6vw,124px)/.92 var(--f-display);letter-spacing:-.045em}
.h1-line{display:block;overflow:hidden;padding-bottom:.16em;margin-bottom:-.1em}
.h1-line>span{display:block}
.h1-line:last-child{color:var(--signal)}
.hero-sub{font-size:clamp(17.5px,1.55vw,20px);line-height:1.55;color:var(--ink-2);max-width:54ch;margin:0 0 30px}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}
.facts{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.facts li{font:500 11.5px/1 var(--f-mono);letter-spacing:.04em;padding:9px 12px;border:1px solid var(--line-2);border-radius:999px;color:var(--ink-2)}
.hero-photo{margin:0;position:relative;border-radius:var(--r);overflow:hidden;background:var(--paper-2);aspect-ratio:4/5;max-width:440px;justify-self:end;width:100%}
.hero-photo img{width:100%;height:100%;object-fit:cover}
.hero-photo figcaption{position:absolute;left:14px;bottom:14px;font:500 12px/1.4 var(--f-mono);letter-spacing:.03em;color:var(--paper);background:rgba(17,19,22,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:9px 12px;border-radius:8px}
.hero-photo figcaption span{color:#C9CCC4}

/* ---------- trace ---------- */
.trace-wrap{margin-top:clamp(40px,6vw,72px);position:relative}
.trace{width:100%;height:auto;overflow:visible}
.trace-v{display:none;max-width:300px;margin-inline:auto}
.trace-label{font:500 13px var(--f-mono);fill:var(--ink-2);letter-spacing:.02em}
.trace-label.is-last{fill:var(--signal-ink);font-weight:500}
.trace-leak{opacity:.75}
.trace-notes{display:flex;justify-content:space-between;gap:16px;margin-bottom:14px;position:relative}
.tn{font:500 11.5px/1.35 var(--f-mono);letter-spacing:.05em;text-transform:uppercase;padding-top:12px;position:relative}
.tn::before{content:"";position:absolute;top:0;left:0;height:1px}
.tn-typical{color:var(--muted);width:50%}
.tn-typical::before{right:0;border-top:1px dashed var(--faint)}
.tn-mine{color:var(--signal-ink);text-align:right;width:auto;flex:1}
.tn-mine::before{left:auto;right:0;width:100%;background:var(--signal)}
.trace-wrap.static .trace-notes{display:none}
/* motion */
.js .trace-wrap .trace-band{clip-path:inset(0 100% 0 0);transition:clip-path 1.4s var(--ease) .2s}
.js .trace-wrap.in .trace-band{clip-path:inset(0 0 0 0)}
.js .trace-v .trace-band{clip-path:inset(0 0 100% 0)}
.js .trace-wrap.in .trace-v .trace-band{clip-path:inset(0 0 0 0)}
.js .trace-wrap .trace-leak,.js .trace-wrap .trace-node,.js .trace-wrap .trace-label{opacity:0;transition:opacity .5s ease}
.js .trace-wrap.in .trace-leak{opacity:.75}
.js .trace-wrap.in .trace-node,.js .trace-wrap.in .trace-label{opacity:1}
.js .trace-wrap.in .trace-node:nth-of-type(2),.js .trace-wrap.in .trace-label:nth-of-type(2){transition-delay:.35s}

/* ---------- clients ---------- */
.clients{border-block:1px solid var(--line);padding-block:26px}
.clients-inner{display:flex;align-items:center;gap:clamp(20px,4vw,56px);flex-wrap:wrap}
.clients-k{font:500 11.5px var(--f-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin:0}
.clients ul{display:flex;flex-wrap:wrap;gap:12px clamp(24px,4vw,56px);list-style:none;margin:0;padding:0}
.clients li{font:700 clamp(19px,2vw,25px)/1 var(--f-display);letter-spacing:-.03em;color:var(--ink-2)}

/* ---------- sections ---------- */
.sec{padding-block:var(--sec)}
.sec-tight{padding-block:clamp(24px,4vw,48px) clamp(56px,7vw,96px)}
.sec-head{margin-bottom:clamp(36px,5vw,64px)}
.sec-head.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:32px;align-items:end}
.sec-more{margin:clamp(32px,4vw,48px) 0 0}
.night{background:var(--night);color:var(--night-text)}
.night .kicker{color:#FF8A5B}
.night .lead-sm,.night p{color:var(--night-muted)}
.night .h2,.night .h3,.night h3{color:var(--night-text)}

/* chain */
.seg{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--line-2);border-radius:999px;margin-bottom:28px;flex-wrap:wrap}
.seg-btn{background:none;border:0;padding:10px 16px;border-radius:999px;cursor:pointer;font-size:15px;display:inline-flex;gap:10px;align-items:center;color:var(--ink-2)}
.seg-btn[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.seg-count{font:500 11px var(--f-mono);opacity:.7}
.chips{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0;counter-reset:c}
.chip{display:inline-flex;align-items:center;gap:10px;padding:13px 18px;border-radius:999px;border:1px solid var(--line-2);font:600 clamp(16px,1.6vw,20px)/1 var(--f-display);letter-spacing:-.015em;color:var(--ink);background:var(--card);transition:opacity .45s var(--ease),background .45s,color .45s,border-color .45s,transform .45s var(--ease)}
.chip-n{font:500 10.5px var(--f-mono);color:var(--faint)}
.chips[data-mode="typical"] .chip{opacity:.28}
.chips[data-mode="typical"] .chip.is-typical{opacity:1;background:var(--ink);color:var(--paper);border-color:var(--ink)}
.chips[data-mode="typical"] .chip.is-typical .chip-n{color:#9AA0A6}
.chips[data-mode="all"] .chip{opacity:1;background:var(--ink);color:var(--paper);border-color:var(--ink)}
.chips[data-mode="all"] .chip .chip-n{color:#9AA0A6}
.chips[data-mode="all"] .chip:last-child{background:var(--signal);border-color:var(--signal);color:#fff}
.chips[data-mode="all"] .chip:last-child .chip-n{color:#FFE2D5}

/* pains */
.pain-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,56px);align-items:start}
.pain-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.pain-tab{text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:18px 44px 18px 0;cursor:pointer;font:600 clamp(17px,1.6vw,20px)/1.3 var(--f-display);letter-spacing:-.01em;color:var(--muted);position:relative;transition:color .2s}
.pain-tab::after{content:"";position:absolute;right:6px;top:50%;width:10px;height:10px;border-right:1.5px solid currentColor;border-top:1.5px solid currentColor;transform:translateY(-50%) rotate(45deg);opacity:0;transition:opacity .2s,transform .25s var(--ease)}
.pain-tab:hover{color:var(--ink)}
.pain-tab[aria-selected="true"]{color:var(--ink)}
.pain-tab[aria-selected="true"]::after{opacity:1;color:var(--signal)}
.pain-body{position:sticky;top:96px}
.pain-panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:clamp(24px,3vw,40px)}
.pain-steps{list-style:none;margin:0 0 28px;padding:0 0 0 22px;border-left:1.5px solid var(--line-2);display:grid;gap:22px}
.pain-steps li{position:relative}
.pain-steps li::before{content:"";position:absolute;left:-28.5px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--card);border:1.5px solid var(--ink)}
.pain-steps li.ps-effect::before{background:var(--signal);border-color:var(--signal)}
.ps-k{display:block;font:500 11px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.pain-steps p{margin:0;font-size:16.5px;color:var(--ink-2)}
.pain-steps .ps-pain{font:600 20px/1.3 var(--f-display);color:var(--ink);letter-spacing:-.01em}
.ps-effect p{color:var(--ink);font-weight:500}
.js .pain-panel:not([hidden]){animation:rise .45s var(--ease)}
@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* method */
.method-grid{display:grid;grid-template-columns:minmax(0,.9fr) 2px minmax(0,1.1fr);gap:clamp(24px,4vw,64px)}
.method-side{position:sticky;top:110px;align-self:start}
.method-side .h2{margin-bottom:28px}
.method-big{font:700 clamp(80px,11vw,160px)/.85 var(--f-display);letter-spacing:-.06em;color:var(--night-text);margin:0 0 32px;display:flex;align-items:flex-end;gap:12px}
.method-big small{font:500 14px var(--f-mono);letter-spacing:.05em;color:var(--night-muted);padding-bottom:12px}
.method-rail{position:relative;background:var(--night-line);border-radius:2px}
.rail-fill{position:absolute;left:0;top:0;width:100%;height:0;background:var(--signal);border-radius:2px;transition:height .15s linear}
.stages{list-style:none;margin:0;padding:0}
.stage{display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;padding-block:clamp(28px,4vw,44px);border-bottom:1px solid var(--night-line);transition:opacity .35s}
.stage:first-child{padding-top:0}
.js .method .stage{opacity:.38}
.js .method .stage.is-active,.js .method .stage.is-past{opacity:1}
.stage-n{font:500 12px/1.9 var(--f-mono);color:#FF8A5B;margin:0}
.stage-t{font:600 clamp(24px,2.4vw,30px)/1.15 var(--f-display);letter-spacing:-.02em;margin:0 0 8px}
.stage-q{font-size:18px;color:var(--night-text)!important;margin-bottom:10px}
.stage-d{margin-bottom:14px}
.stage-a{display:inline-flex;gap:10px;align-items:baseline;flex-wrap:wrap;font-weight:500;margin:0;padding:10px 14px;border:1px solid var(--night-line);border-radius:10px;color:var(--night-text)!important}
.stage-a span{font:500 10.5px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:#FF8A5B}
.sec:not(.night) .stage-a{border-color:var(--line-2);color:var(--ink)!important}
.sec:not(.night) .stage-a span{color:var(--signal-ink)}

/* decision log */
.log-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,72px);align-items:start}
.log-grid .h2{margin-bottom:20px}
.log{margin:0;background:var(--white);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:0 1px 0 var(--line),0 24px 48px -32px rgba(17,19,22,.28)}
.log-cap{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 18px;border-bottom:1px solid var(--line);font:500 12px var(--f-mono);letter-spacing:.04em;background:var(--card)}
.log-dot{width:8px;height:8px;border-radius:50%;background:var(--signal)}
.log-note{margin-left:auto;color:var(--faint);font-size:11px;letter-spacing:0}
.log ol{list-style:none;margin:0;padding:6px 0}
.log-row{display:grid;grid-template-columns:62px 118px minmax(0,1fr);gap:12px;padding:12px 18px;align-items:baseline;border-bottom:1px dashed var(--line)}
.log-row:last-child{border-bottom:0}
.log-when{font:400 11.5px var(--f-mono);color:var(--faint)}
.log-type{font:500 11px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
.log-row p{margin:0;font-size:15.5px;color:var(--ink-2)}
.log-row.is-win .log-type{color:var(--sale)}
.log-row.is-fail .log-type{color:var(--signal-ink)}
.log-row.is-fail{background:linear-gradient(90deg,var(--signal-soft),transparent 70%)}
.log-row.is-win{background:linear-gradient(90deg,var(--sale-soft),transparent 70%)}
.js .log.reveal-rows .log-row{opacity:0;transform:translateY(6px);transition:opacity .4s ease,transform .4s var(--ease)}
.js .log.reveal-rows .log-row.in{opacity:1;transform:none}

/* cases */
.case-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:16px}
.case-card{height:100%}
.case-card .cc-link{display:flex;flex-direction:column;gap:18px;height:100%;padding:26px;border-radius:var(--r);background:var(--card);border:1px solid var(--line);text-decoration:none;transition:border-color .25s,transform .35s var(--ease),box-shadow .35s}
.case-card .cc-link:hover{border-color:var(--ink);transform:translateY(-3px);box-shadow:0 18px 40px -28px rgba(17,19,22,.4)}
.cc-meta{display:flex;flex-wrap:wrap;gap:8px;margin:0;font:500 11px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.cc-meta span:not(.badge)+span:not(.badge)::before{content:"· ";color:var(--faint)}
.badge{padding:3px 7px;border-radius:4px}
.badge-draft{background:var(--warn-soft);color:var(--warn)}
.cc-title{font:600 19px/1.3 var(--f-display);letter-spacing:-.015em;margin:0}
.cc-metric{margin:4px 0 0;display:flex;flex-direction:column;gap:8px}
.cc-metric strong{font:700 clamp(44px,4.6vw,64px)/.95 var(--f-display);letter-spacing:-.04em;color:var(--signal)}
.cc-metric span{font-size:14px;color:var(--muted)}
.cc-more{margin-top:auto;display:inline-flex;gap:8px;align-items:center;font-weight:500;font-size:15px}
.nda-note{padding:28px;border:1px dashed var(--line-2);border-radius:var(--r);max-width:720px}
.nda-note p{margin:0;font-size:18px;color:var(--ink-2)}
/* mini trace */
.mini-trace{display:grid;grid-template-columns:repeat(5,1fr);list-style:none;margin:0;padding:0;position:relative}
.mini-trace::before{content:"";position:absolute;left:5px;right:5px;top:5px;height:1.5px;background:var(--line-2)}
.mt-node{position:relative;display:flex;flex-direction:column;gap:8px}
.mt-node:last-child{align-items:flex-end;text-align:right}
.mt-node:not(:first-child):not(:last-child){align-items:center;text-align:center}
.mt-dot{width:11px;height:11px;border-radius:50%;background:var(--card);border:1.5px solid var(--ink);position:relative;z-index:1}
.mt-l{font:400 10px/1.2 var(--f-mono);color:var(--muted);letter-spacing:.02em}
.mt-node.is-leak .mt-dot{background:var(--signal);border-color:var(--signal);box-shadow:0 0 0 5px var(--signal-soft)}
.mt-node.is-leak .mt-l{color:var(--signal-ink);font-weight:500}

/* situations */
.sit-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.sit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 48px;gap:24px;align-items:center;padding:26px 0;border-bottom:1px solid var(--line);text-decoration:none;transition:padding .35s var(--ease)}
.sit-t{font:600 clamp(22px,2.6vw,34px)/1.15 var(--f-display);letter-spacing:-.025em}
.sit-d{color:var(--muted);font-size:16.5px}
.sit-go{width:48px;height:48px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;transition:background .25s,color .25s,border-color .25s}
.sit:hover{padding-left:12px}
.sit:hover .sit-go{background:var(--signal);border-color:var(--signal);color:#fff}

/* think */
.think{background:var(--paper-2)}
.think-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,80px);align-items:start}
.think-photo{margin:0;border-radius:var(--r);overflow:hidden;aspect-ratio:4/5;background:var(--line)}
.think-photo img{width:100%;height:100%;object-fit:cover}
.think .h2{margin-bottom:32px}
.principles{list-style:none;margin:0 0 32px;padding:0;display:grid;gap:22px}
.principles h3{font:600 20px/1.25 var(--f-display);letter-spacing:-.01em;margin:0 0 4px}
.principles p{margin:0;color:var(--muted)}
.not{border:1px solid var(--line-2);border-radius:var(--r);padding:22px 24px;margin-bottom:28px;background:var(--card)}
.not-h{font:500 11.5px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--signal-ink);margin:0 0 12px}
.not ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.not li{padding-left:24px;position:relative}
.not li::before{content:"";position:absolute;left:2px;top:.72em;width:12px;height:1.5px;background:var(--signal)}

/* fit */
.fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fit-col{padding:clamp(24px,3vw,36px);border-radius:var(--r);border:1px solid var(--line)}
.fit-yes{background:var(--card)}
.fit-no{background:transparent;border-style:dashed}
.fit-h{font:600 22px var(--f-display);letter-spacing:-.02em;margin:0 0 18px}
.fit-col ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.fit-col li{padding-left:30px;position:relative;color:var(--ink-2)}
.fit-yes li::before{content:"";position:absolute;left:0;top:.35em;width:16px;height:16px;border-radius:50%;background:var(--sale-soft);box-shadow:inset 0 0 0 1.5px var(--sale)}
.fit-yes li::after{content:"";position:absolute;left:5px;top:.62em;width:6px;height:3.5px;border-left:1.5px solid var(--sale);border-bottom:1.5px solid var(--sale);transform:rotate(-45deg)}
.fit-no li{color:var(--muted)}
.fit-no li::before{content:"";position:absolute;left:3px;top:.8em;width:11px;height:1.5px;background:var(--faint)}

/* after — отдельная тёмная панель: «от вас 3 минуты, остальное на мне» */
.after-in{border-radius:calc(var(--r) * 1.6);padding:clamp(26px,4.5vw,64px)}
.after-top{max-width:980px;margin-bottom:clamp(30px,4vw,52px)}
.after-h{margin:0;max-width:none;color:var(--night-text);hyphens:none;-webkit-hyphens:none}
.sec-tight.after-sec{padding-top:0}
.after-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,20px);counter-reset:none}
.after-steps li{position:relative;padding:22px 22px 24px;border-radius:var(--r);background:var(--night-2);border:1px solid var(--night-line)}
.after-steps li.as-you{border-color:rgba(227,83,29,.55);background:linear-gradient(180deg,rgba(227,83,29,.14),rgba(227,83,29,.03))}
.as-n{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1.5px solid var(--night-line);color:var(--night-text);font:500 13px var(--f-mono);margin-bottom:18px}
.as-you .as-n{background:var(--signal);border-color:var(--signal);color:#fff}
.as-chip{display:inline-block;margin-bottom:12px;padding:5px 10px;border-radius:999px;font:500 11.5px/1.2 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;background:rgba(255,255,255,.06);color:var(--night-muted)}
.as-you .as-chip{background:rgba(227,83,29,.2);color:#FFB08F}
.after-steps h3{font:600 20px/1.2 var(--f-display);letter-spacing:-.015em;margin:0 0 8px;color:var(--night-text)}
.night .after-steps p{color:var(--night-muted);font-size:15.5px;margin:0}
.after-cta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:clamp(26px,3.5vw,40px)}
.night .after-cta>span{color:var(--night-muted);font-size:14.5px}
.after-cta .btn-primary{background:var(--signal);border-color:var(--signal);color:#fff}
@media (max-width:1020px){.after-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.after-steps{grid-template-columns:minmax(0,1fr);gap:10px}.after-steps li{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:14px;padding:18px}.as-n{grid-row:1/4;margin:0}.as-chip{justify-self:start;margin-bottom:8px}.after-cta .btn{width:100%;justify-content:center}}

/* faq */
.faq-grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(28px,5vw,72px);align-items:start}
.faq{border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 0;font:600 clamp(17px,1.5vw,19.5px)/1.3 var(--f-display);letter-spacing:-.01em}
.faq-item summary::-webkit-details-marker{display:none}
.faq-plus{width:28px;height:28px;flex:none;border-radius:50%;border:1px solid var(--line-2);position:relative;transition:transform .3s var(--ease),background .2s}
.faq-plus::before,.faq-plus::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1.5px;background:currentColor;transform:translate(-50%,-50%)}
.faq-plus::after{transform:translate(-50%,-50%) rotate(90deg)}
.faq-item[open] .faq-plus{transform:rotate(45deg);background:var(--ink);color:var(--paper);border-color:var(--ink)}
.faq-a{padding:0 48px 22px 0}
.faq-a p{color:var(--ink-2);margin:0;max-width:64ch}
/* плавное раскрытие: анимируется только высота обёртки, отступы — внутри, чтобы не было рывка */
.faq-a{padding:0;overflow:hidden}
.faq-a-in{padding:0 48px 24px 0}
.js .faq-item .faq-plus{transform:none;background:transparent;color:inherit;border-color:var(--line-2);transition:transform .4s var(--ease),background .25s,color .25s,border-color .25s}
.js .faq-item.is-open .faq-plus{transform:rotate(45deg);background:var(--ink);color:var(--paper);border-color:var(--ink)}
.faq-item summary:hover .faq-plus{border-color:var(--ink)}
.faq-a-in p{transition:opacity .35s ease .05s}
.js .faq-item:not(.is-open) .faq-a-in p{opacity:0;transition-delay:0s;transition-duration:.15s}
@media (max-width:600px){.faq-a-in{padding-right:0}}

/* final */
.final{padding-block:var(--sec)}
.final-inner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,72px);align-items:center}
.final .h2{margin-bottom:16px}
.final .lead-sm{margin-bottom:28px}
.final-q{background:var(--night-2);border:1px solid var(--night-line);border-radius:var(--r);padding:clamp(22px,3vw,36px)}
.fq-q{font:600 clamp(22px,2.2vw,28px)/1.2 var(--f-display);color:var(--night-text)!important;letter-spacing:-.02em;margin-bottom:20px}
.opts{display:flex;flex-wrap:wrap;gap:10px}
.opt{display:inline-flex;align-items:center;min-height:48px;padding:0 18px;border-radius:999px;border:1px solid var(--night-line);text-decoration:none;color:var(--night-text);font-size:15.5px;transition:background .2s,border-color .2s,color .2s}
.opt:hover{background:var(--signal);border-color:var(--signal);color:#fff}

/* cta band */
.cta-band{background:var(--night);color:var(--night-text);padding-block:clamp(56px,8vw,104px)}
.cta-inner{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;flex-wrap:wrap}
.cta-band .h2{margin-bottom:12px;color:var(--night-text)}
.cta-band .lead-sm{color:var(--night-muted)}
.cta-actions{display:flex;gap:12px;flex-wrap:wrap}
.cta-band .btn-primary{background:var(--paper);color:var(--ink)}
.cta-band .btn-primary:hover{background:var(--signal);color:#fff}

/* ---------- inner pages ---------- */
.crumbs{padding-top:24px;font:400 12px var(--f-mono);color:var(--muted);display:flex;gap:8px;flex-wrap:wrap}
.crumbs a{text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.page-hero{padding-block:clamp(40px,7vw,96px) clamp(32px,5vw,64px)}
.for{font-size:16px;color:var(--muted);max-width:60ch;padding-left:16px;border-left:2px solid var(--signal);margin-bottom:28px}
.symptoms{list-style:none;margin:clamp(28px,4vw,48px) 0 0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.symptoms li{padding:26px;border-radius:var(--r);background:var(--card);border:1px solid var(--line)}
.symptoms h3{font:600 20px/1.25 var(--f-display);letter-spacing:-.015em;margin:0 0 8px}
.symptoms p{margin:0;color:var(--muted)}
.why-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,72px)}
.why-text p{font-size:clamp(17.5px,1.5vw,20px);line-height:1.6;color:var(--night-text)!important;opacity:.88}
.scope{list-style:none;margin:clamp(28px,4vw,48px) 0 0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:0 48px}
.scope li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;padding:22px 0;border-top:1px solid var(--line)}
.scope-n{font:500 12px/2 var(--f-mono);color:var(--signal-ink)}
.scope h3{font:600 19px/1.3 var(--f-display);margin:0 0 4px}
.scope p{margin:0;color:var(--muted)}
.deliver-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:clamp(28px,5vw,72px);align-items:start}
.deliver-grid .h2{margin-bottom:28px}
.checks{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.checks li{padding-left:30px;position:relative;font-size:17px}
.checks li::before{content:"";position:absolute;left:0;top:.35em;width:16px;height:16px;border-radius:4px;background:var(--ink)}
.checks li::after{content:"";position:absolute;left:4.5px;top:.66em;width:7px;height:3.5px;border-left:1.6px solid var(--paper);border-bottom:1.6px solid var(--paper);transform:rotate(-45deg)}
.price-card{position:sticky;top:100px;padding:28px;border-radius:var(--r);background:var(--card);border:1px solid var(--line)}
.price-card p{color:var(--ink-2)}
.price-from{font-size:15px;color:var(--muted)!important}
.price-from strong{font:700 28px var(--f-display);color:var(--ink)}
.price-card .btn{width:100%;justify-content:center;margin:8px 0 14px}
.other-svc ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.other-svc a{display:inline-flex;gap:8px;align-items:center;padding:12px 18px;border:1px solid var(--line-2);border-radius:999px;text-decoration:none}
.other-svc a:hover{border-color:var(--ink)}
.svc-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.svc-card{display:flex;flex-direction:column;gap:10px;height:100%;padding:clamp(24px,3vw,36px);border-radius:var(--r);background:var(--card);border:1px solid var(--line);text-decoration:none;transition:border-color .25s,transform .35s var(--ease)}
.svc-card:hover{border-color:var(--ink);transform:translateY(-3px)}
.svc-card .h3{font-size:clamp(24px,2.6vw,32px)}
.svc-card p{color:var(--muted);margin:0 0 20px}
.svc-n{font:500 12px var(--f-mono);color:var(--signal-ink)}
.note-card{max-width:760px;padding:28px;border:1px dashed var(--line-2);border-radius:var(--r)}
.note-card p{margin:0;color:var(--ink-2)}
.ap-stages{list-style:none;margin:0;padding:0}
.ap-stage{display:grid;grid-template-columns:minmax(80px,.25fr) minmax(0,1fr);gap:24px;padding-block:clamp(28px,4vw,44px);border-top:1px solid var(--line)}
.ap-n{font:700 clamp(40px,5vw,64px)/1 var(--f-display);letter-spacing:-.04em;color:var(--signal);margin:0}
.ap-stage .h3{font-size:clamp(24px,2.6vw,32px)}
.ap-q{font-size:19px;color:var(--ink);font-weight:500}
.ap-stage p{max-width:62ch;color:var(--ink-2)}
.rules{list-style:none;margin:clamp(28px,4vw,48px) 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1px;background:var(--night-line);border:1px solid var(--night-line);border-radius:var(--r);overflow:hidden}
.rules li{background:var(--night);padding:28px}
.rules h3{font:600 20px/1.25 var(--f-display);margin:0 0 8px}
.rules p{margin:0}
.prose{max-width:760px}
.prose p,.prose li{font-size:17.5px;color:var(--ink-2)}
.prose .h2{margin-bottom:20px}
.prose .h3{margin-top:36px}
.prose ul{padding-left:20px}

/* case page */
.draft-banner{margin-top:16px;padding:14px 18px;border-radius:10px;background:var(--warn-soft);color:var(--warn);font-size:15px}
.case-layout{display:grid;grid-template-columns:minmax(220px,.32fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);padding-bottom:var(--sec);align-items:start}
.passport{position:sticky;top:100px;padding:22px;border-radius:var(--r);background:var(--card);border:1px solid var(--line)}
.passport dl{margin:0 0 14px;display:grid;gap:14px}
.passport dt{font:500 10.5px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:3px}
.passport dd{margin:0;font-size:15px}
.case-blk{padding-block:32px;border-top:1px solid var(--line)}
.case-blk:first-child{border-top:0;padding-top:0}
.case-blk .kicker{margin-bottom:8px}
.case-blk .h3{margin-bottom:14px}
.case-blk p,.case-blk li{color:var(--ink-2)}
.case-blk .mini-trace{margin-top:22px;max-width:520px}
.case-problem{font:600 22px/1.35 var(--f-display);color:var(--ink)!important;letter-spacing:-.01em}
.sys{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sys li{padding:10px 14px;border:1px solid var(--line-2);border-radius:8px;font:500 12.5px var(--f-mono);background:var(--card)}
.sys li:not(:last-child)::after{content:"→";margin-left:14px;color:var(--faint)}
.sys li:last-child{border-color:var(--signal);color:var(--signal-ink)}
.tbl{overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:var(--white)}
.tbl table{border-collapse:collapse;width:100%;min-width:680px;font-size:14.5px}
.tbl th{font:500 10.5px var(--f-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);background:var(--card)}
.tbl td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.tbl tr:last-child td{border-bottom:0}
.res{font:500 11.5px var(--f-mono);white-space:nowrap}
.res-win{color:var(--sale)}.res-fail{color:var(--signal-ink)}.res-pending{color:var(--faint)}
.chart{margin:0}.chart svg{width:100%;height:auto}.chart figcaption{font:400 12px var(--f-mono);color:var(--muted);margin-top:8px}
.chart-v{font:500 12px var(--f-mono);fill:var(--ink-2)}
.chart-x{font:500 11px var(--f-mono);fill:var(--muted,#6b6f76);letter-spacing:.02em}
.chart-empty{padding:28px;border:1px dashed var(--line-2);border-radius:10px;color:var(--muted);font-size:15px}
.metrics{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.metrics li{padding:20px;border-radius:12px;background:var(--card);border:1px solid var(--line);display:flex;flex-direction:column;gap:6px}
.metrics strong{font:700 clamp(24px,2.3vw,32px)/1.05 var(--f-display);letter-spacing:-.03em;overflow-wrap:anywhere}
.metrics span{font-size:14px;color:var(--muted)}
.metrics small{font:400 11px var(--f-mono);color:var(--faint)}
.learned{margin:0;padding:6px 0 6px 20px;border-left:3px solid var(--signal);font:600 clamp(20px,2vw,24px)/1.4 var(--f-display);letter-spacing:-.01em;color:var(--ink)}
.filter{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px}
.filter .seg-btn{border:1px solid var(--line-2)}

/* about */
.about-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(28px,5vw,80px);align-items:start}
.about-bio p{font-size:18px;color:var(--ink-2);max-width:60ch}
.about-photo{margin:0;border-radius:var(--r);overflow:hidden;aspect-ratio:4/5;background:var(--line)}
.about-photo img{width:100%;height:100%;object-fit:cover}
.about-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 48px;margin-top:40px}
.tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.tags li{padding:9px 14px;border:1px solid var(--line-2);border-radius:999px;font-size:15px;background:var(--card)}
.about-think{align-items:start}

/* contact */
.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:start}
.contact-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.contact-list li{padding:20px 0;border-bottom:1px solid var(--line)}
.contact-list .kicker{display:block;margin-bottom:6px}
.contact-list .big{font:600 clamp(20px,2.2vw,26px)/1.25 var(--f-display);letter-spacing:-.015em;text-decoration:none}
.contact-list p{margin:0}

/* calculator */
.calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.calc-form{display:grid;gap:22px}
.calc-f label{display:flex;justify-content:space-between;font-weight:500;margin-bottom:8px}
.unit{font:500 12px var(--f-mono);color:var(--muted)}
.calc-f input{width:100%;min-height:54px;padding:0 16px;border-radius:10px;border:1.5px solid var(--line-2);background:var(--white);font:600 20px var(--f-display);color:var(--ink)}
.calc-f input:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 4px var(--paper-2)}
.calc-h{font-size:14px;color:var(--muted);margin:6px 0 0}
.calc-out{position:sticky;top:100px;padding:28px;border-radius:var(--r);background:var(--night);color:var(--night-text)}
.co-row{display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--night-line)}
.co-row span{color:var(--night-muted);font-size:15px}
.co-row strong{font:600 22px var(--f-display);white-space:nowrap;font-variant-numeric:tabular-nums}
.co-row.is-main strong{font-size:34px;color:#FF8A5B}
.co-note{font-size:14px;color:var(--night-muted);margin:16px 0 20px;min-height:1em}
.calc-out .btn{background:var(--paper);color:var(--ink)}
.calc-out .btn:hover{background:var(--signal);color:#fff}

/* 404 */
.nf{min-height:50vh}

/* ---------- quiz ---------- */
.is-quiz .site-foot{display:none}
.quiz-page{padding-block:clamp(28px,5vw,72px) clamp(56px,8vw,112px);min-height:calc(100vh - 72px)}
.quiz-wrap{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(28px,5vw,80px);align-items:start}
.quiz-side{position:sticky;top:100px}
.quiz-side .h2{margin-bottom:18px;font-size:clamp(30px,3.6vw,46px)}
.quiz-side .lead-sm{margin-bottom:28px}
.quiz-blocks{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:4px}
.quiz-blocks li{display:flex;align-items:center;gap:12px;padding:8px 0;font:500 12px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.quiz-blocks li::before{content:"";width:10px;height:10px;border-radius:50%;border:1.5px solid currentColor}
.quiz-blocks li.is-done{color:var(--ink-2)}
.quiz-blocks li.is-done::before{background:var(--ink);border-color:var(--ink)}
.quiz-blocks li.is-current{color:var(--signal-ink)}
.quiz-blocks li.is-current::before{background:var(--signal);border-color:var(--signal)}
.quiz{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:clamp(22px,4vw,48px);min-height:420px;box-shadow:0 30px 60px -44px rgba(17,19,22,.35)}
.quiz-loading{color:var(--muted)}
.q-progress{height:3px;border-radius:3px;background:var(--paper-2);margin-bottom:28px;overflow:hidden}
.q-progress span{display:block;height:100%;background:var(--signal);transition:width .4s var(--ease)}
.q-block{font:500 11px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}
.q-title{font:600 clamp(24px,2.6vw,34px)/1.15 var(--f-display);letter-spacing:-.025em;margin:0 0 8px;text-wrap:balance}
.q-hint{color:var(--muted);margin:0 0 24px;font-size:15.5px}
.q-title:focus{outline:none}
.q-opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:10px;margin-bottom:28px}
.q-opt{position:relative}
.q-opt input{position:absolute;opacity:0;pointer-events:none}
.q-opt label{display:flex;align-items:center;gap:12px;min-height:56px;padding:12px 16px;border-radius:12px;border:1.5px solid var(--line);cursor:pointer;font-size:16px;line-height:1.3;transition:border-color .15s,background .15s}
.q-opt label::before{content:"";flex:none;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--line-2);transition:all .15s}
.q-opt input[type=checkbox]+label::before{border-radius:5px}
.q-opt label:hover{border-color:var(--ink-2)}
.q-opt input:checked+label{border-color:var(--ink);background:var(--card)}
.q-opt input:checked+label::before{background:var(--signal);border-color:var(--signal);box-shadow:inset 0 0 0 3px var(--white)}
.q-opt input:focus-visible+label{outline:2px solid var(--signal);outline-offset:2px}
.q-field{margin-bottom:18px}
.q-field label{display:block;font-weight:500;margin-bottom:8px;font-size:15.5px}
.q-field label .opt-l{font-weight:400;color:var(--muted)}
.q-input,.q-area{width:100%;min-height:54px;padding:12px 16px;border-radius:12px;border:1.5px solid var(--line);background:var(--white);font:400 17px var(--f-body);color:var(--ink)}
.q-area{min-height:120px;resize:vertical}
.q-input:focus,.q-area:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 4px var(--paper-2)}
.q-input[aria-invalid="true"]{border-color:var(--signal)}
.q-err{color:var(--signal-ink);font-size:14.5px;margin:8px 0 0}
.q-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.q-seg{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.q-seg .q-opt label{min-height:46px;padding:8px 14px}
.q-consent{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;color:var(--muted);margin:8px 0 22px;cursor:pointer}
.q-consent input{width:18px;height:18px;margin-top:2px;accent-color:var(--signal);flex:none}
.q-consent a{color:var(--ink)}
.q-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-top:8px}
.q-back{background:none;border:0;cursor:pointer;color:var(--muted);font-size:15px;padding:10px 0;display:inline-flex;gap:8px;align-items:center}
.q-back:hover{color:var(--ink)}
.q-back .ic{transform:rotate(180deg)}
.q-skip{background:none;border:0;cursor:pointer;color:var(--muted);text-decoration:underline;font-size:15px}
.q-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.q-done{text-align:left}
.q-done .q-title{margin-bottom:16px}
.q-done p{color:var(--ink-2);max-width:56ch}
.q-summary{margin:22px 0;padding:18px;border-radius:12px;background:var(--card);border:1px solid var(--line);font-size:14.5px;color:var(--ink-2);max-height:240px;overflow:auto;white-space:pre-wrap;font-family:var(--f-mono);font-size:12.5px}
.q-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.q-status{display:inline-flex;gap:10px;align-items:center;font:500 12px var(--f-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--sale);margin-bottom:14px}
.q-status::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.q-status.is-error{color:var(--signal-ink)}
.q-cal{margin-top:20px;border:1px solid var(--line);border-radius:12px;overflow:hidden}

/* ---------- footer ---------- */
.site-foot{background:var(--night);color:var(--night-text);padding-block:clamp(56px,7vw,96px) 32px;border-top:1px solid var(--night-line)}
.foot-grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:32px}
.foot-name{font:700 clamp(26px,3vw,36px)/1.05 var(--f-display);letter-spacing:-.03em;margin:0 0 8px}
.foot-tag{color:var(--night-muted);margin-bottom:24px}
.foot-h{font:500 11px var(--f-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--night-muted);margin:0 0 14px}
.site-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.site-foot a,.site-foot .copy{text-decoration:none;color:var(--night-text);font-size:15.5px}
.site-foot a:hover,.site-foot .copy:hover{color:#FF8A5B}
.foot-legal{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:56px;padding-top:24px;border-top:1px solid var(--night-line);font:400 12px var(--f-mono);color:var(--night-muted)}
.foot-legal a{color:var(--night-muted)!important;font-size:12px!important}

/* mobile bar */
.mobile-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:none;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);transform:translateY(110%);transition:transform .3s var(--ease)}
.mobile-bar.is-on{transform:none}
.mobile-bar .btn{flex:1;justify-content:center}
.mb-tg{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--line-2);flex:none}
.mb-tg .ic{width:20px;height:20px}

/* cookie */
.cookie{position:fixed;left:16px;right:16px;bottom:16px;z-index:60;max-width:560px;margin-inline:auto;padding:22px 24px;border-radius:18px;background:var(--night);color:var(--night-text);box-shadow:0 24px 60px -18px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.06);font-size:15.5px;line-height:1.5;animation:cookieIn .45s var(--ease) both}
.cookie p{margin:0 0 16px;color:var(--night-muted)}
.cookie .cookie-t{margin:0 0 6px;font:600 18px/1.25 var(--f-display);color:var(--night-text)}
.cookie a{color:var(--night-text)}
.cookie div{display:flex;gap:10px;flex-wrap:wrap}
.cookie button{min-height:46px;padding:0 20px;border-radius:999px;border:1px solid var(--night-line);background:none;color:var(--night-text);cursor:pointer;font:500 15px var(--f-body)}
.cookie button.ok{background:var(--signal);color:#fff;border-color:var(--signal);font-weight:600}
.cookie button.ok:hover{filter:brightness(1.08)}
@keyframes cookieIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media (max-width:480px){.cookie{left:10px;right:10px;bottom:10px;padding:18px}.cookie div button{flex:1 1 auto}}

/* ---------- reveal (enhancement only) ---------- */
@media (prefers-reduced-motion:no-preference){
  .js .h1-line>span{transform:translateY(105%);animation:lineUp .9s var(--ease) forwards}
  .js .h1-line:nth-child(2)>span{animation-delay:.12s}
  @keyframes lineUp{to{transform:none}}
  .js .rv{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .8s var(--ease)}
  .js .rv.in{opacity:1;transform:none}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .trace-dot{display:none}
}

/* ================================================================
   Tablet / mobile — отдельная раскладка
   ================================================================ */
@media (max-width:1080px){
  .nav{display:none}
  .menu-btn{display:block}
  .head-cta .btn{display:none}
}
@media (min-width:1081px){ .drawer{display:none!important} }
@media (max-width:860px){
  body{font-size:16.5px}
  .head-inner{min-height:64px}
  .hero-grid{grid-template-columns:1fr;gap:28px}
  .hero-photo{justify-self:start;max-width:none;aspect-ratio:5/4;order:2}
  .hero-photo img{object-position:50% 30%}
  .trace-h{display:none}
  .trace-v{display:block}
  .trace-notes{display:none}
  .js .trace-wrap .trace-band{clip-path:inset(0 0 100% 0)}
  .sec-head.split,.pain-grid,.log-grid,.think-grid,.faq-grid,.final-inner,.why-grid,.deliver-grid,.about-hero,.contact-grid,.calc,.quiz-wrap,.case-layout{grid-template-columns:1fr}
  .pain-body,.method-side,.price-card,.passport,.calc-out,.quiz-side{position:static}
  .pain-list{flex-direction:row;overflow-x:auto;gap:8px;border-top:0;padding-bottom:6px;scroll-snap-type:x mandatory;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scrollbar-width:none}
  .pain-list::-webkit-scrollbar{display:none}
  .pain-tab{flex:none;max-width:250px;white-space:normal;border:1px solid var(--line-2);border-radius:14px;padding:12px 14px;font-size:15px;scroll-snap-align:start}
  .pain-tab::after{display:none}
  .pain-tab[aria-selected="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
  .method-grid{grid-template-columns:2px minmax(0,1fr);gap:0 20px}
  .method-side{grid-column:1/-1;margin-bottom:36px}
  .method-big{display:none}
  .stage{grid-template-columns:1fr;gap:4px}
  .log-row{grid-template-columns:54px minmax(0,1fr);gap:4px 10px}
  .log-row p{grid-column:1/-1}
  .log-note{margin-left:0;width:100%}
  .sit{grid-template-columns:minmax(0,1fr) 44px;gap:8px 16px}
  .sit-d{grid-column:1;grid-row:2}
  .sit-go{grid-row:1/3;grid-column:2;width:44px;height:44px}
  .sit:hover{padding-left:0}
  .think-photo{aspect-ratio:1/1;max-height:420px}
  .fit-grid,.symptoms,.scope,.svc-grid,.about-facts{grid-template-columns:1fr}
  .faq-a{padding-right:0}
  .foot-grid{grid-template-columns:1fr 1fr}
  .foot-brand{grid-column:1/-1}
  .mobile-bar{display:flex}
  body:not(.is-quiz){padding-bottom:0}
  .site-foot{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}
  .ap-stage{grid-template-columns:1fr;gap:8px}
  .q-row{grid-template-columns:1fr}
  .quiz{padding:22px 18px;border-radius:14px}
  .quiz-side .lead-sm,.quiz-blocks,.quiz-side .small{display:none}
  .quiz-side .h2{font-size:26px;margin-bottom:0}
  .cta-inner{align-items:flex-start}
}
@media (max-width:480px){
  .h1-main{font-size:clamp(44px,13.5vw,60px)}
  .hero-cta .btn{flex:1 1 100%;justify-content:center}
  .final .btn,.cta-actions .btn{width:100%;justify-content:center}
  .cta-actions{width:100%}
  .foot-grid{grid-template-columns:1fr}
  .chip{padding:10px 13px;font-size:15px}
  .seg-btn{padding:9px 12px;font-size:14px}
}

/* ---------- fixes after first review ---------- */
.site-foot .btn-light{color:var(--ink)}
.site-foot .btn-light:hover{color:#fff}
.method-big{color:var(--night-text)!important}
.method-side .h2{font-size:clamp(28px,3.2vw,42px)}

/* ================= «Поток» ================= */
.flow{margin-top:clamp(40px,6vw,72px);background:var(--night);color:var(--night-text);border-radius:22px;padding:clamp(20px,3vw,32px) clamp(18px,3vw,36px) clamp(20px,3vw,28px);position:relative;overflow:hidden;isolation:isolate;box-shadow:0 40px 80px -50px rgba(17,19,22,.6)}
.flow::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 80% at 100% 40%,rgba(227,83,29,.16),transparent 60%),radial-gradient(40% 60% at 0% 0%,rgba(255,255,255,.05),transparent 70%);z-index:-1;transition:opacity .8s}
.flow[data-mode="typical"]::before{opacity:.55}
.flow-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:6px}
.flow-k{display:flex;align-items:center;gap:10px;margin:0;font:500 11.5px var(--f-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--night-muted)}
.flow-dot{width:8px;height:8px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 0 rgba(227,83,29,.6);animation:ping 2s infinite}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(227,83,29,.55)}70%{box-shadow:0 0 0 10px rgba(227,83,29,0)}100%{box-shadow:0 0 0 0 rgba(227,83,29,0)}}
.flow-seg{display:inline-flex;padding:4px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid var(--night-line)}
.flow-btn{border:0;background:none;color:var(--night-muted);padding:9px 16px;border-radius:999px;cursor:pointer;font-size:14.5px;transition:background .3s,color .3s}
.flow-btn:hover{color:var(--night-text)}
.flow-btn[aria-pressed="true"]{background:var(--night-text);color:var(--ink)}
.flow[data-mode="system"] .flow-btn[data-flow-mode="system"][aria-pressed="true"]{background:var(--signal);color:#fff}
.flow-canvas{height:clamp(220px,26vw,320px);margin-inline:calc(clamp(18px,3vw,36px) * -1)}
.flow-canvas canvas{width:100%;height:100%;display:block}
.flow-gates{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n),1fr);margin-inline:calc(clamp(18px,3vw,36px) * -1);border-top:1px solid var(--night-line)}
.flow-gates li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:16px 6px 4px;position:relative}
.flow-gates li+li::before{content:"";position:absolute;left:0;top:16px;bottom:4px;width:1px;background:var(--night-line)}
.fg-l{font:500 11px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--night-muted)}
.fg-short{display:none}
.fg-n{font:700 clamp(24px,3vw,40px)/1 var(--f-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--night-text)}
.flow-gates li:last-child .fg-n{color:#FF8A5B}
.fg-r{font:400 11px var(--f-mono);color:var(--night-muted)}
.fg-r::before{content:"→ "}
.fg-r-end::before{content:""}
.flow-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:16px 32px;flex-wrap:wrap;margin-top:22px;padding-top:18px;border-top:1px dashed var(--night-line)}
.flow-sum{margin:0;display:flex;flex-direction:column;gap:6px;max-width:560px}
.flow[data-mode="typical"] .fs-system,.flow[data-mode="system"] .fs-typical{display:none}
.fs-cap{color:var(--night-muted);font-size:15.5px}
.fs-kpi{font:600 clamp(19px,2vw,24px)/1.2 var(--f-display);letter-spacing:-.015em;color:var(--night-text)}
.fs-kpi i{font-style:normal;color:var(--night-muted);margin:0 4px}
.fs-system .fs-deal{color:#FF8A5B}
.flow-note{margin:0;font:400 11px/1.6 var(--f-mono);color:#7A8087;max-width:48ch;text-align:right}
@media (max-width:860px){
  .fg-full{display:none}.fg-short{display:inline}
  .fg-l{font-size:9.5px;letter-spacing:.03em}
  .fg-n{font-size:22px}
  .fg-r{font-size:10px}
  .flow-canvas{height:200px}
  .flow-btn{padding:8px 12px;font-size:13.5px}
  .flow-note{text-align:left}
}

/* offer pill */
.offer{display:inline-flex;align-items:center;gap:12px;margin:-8px 0 22px;padding:8px 14px 8px 8px;border-radius:999px;background:var(--signal-soft);color:var(--ink);text-decoration:none;font-size:15px;font-weight:500;transition:background .2s}
.offer:hover{background:#F4CDBB}
.offer-tag{font:500 10.5px var(--f-mono);letter-spacing:.07em;text-transform:uppercase;background:var(--signal);color:#fff;padding:6px 10px;border-radius:999px}
.offer .ic{color:var(--signal-ink)}

/* NDA */
.clients ul li{font-size:clamp(16px,1.6vw,20px)}
.nda-chip{margin-left:auto;display:inline-flex;align-items:center;gap:10px;padding:9px 14px;border-radius:999px;border:1px solid var(--line-2);font:500 11.5px var(--f-mono);letter-spacing:.05em;text-transform:uppercase;text-decoration:none;color:var(--ink-2);white-space:nowrap}
.nda-chip:hover{border-color:var(--ink)}
.nda-lock{width:10px;height:8px;border-radius:2px;background:var(--ink);position:relative;margin-top:4px}
.nda-lock::before{content:"";position:absolute;left:1.5px;top:-6px;width:7px;height:7px;border:1.5px solid var(--ink);border-bottom:0;border-radius:4px 4px 0 0;box-sizing:border-box}
.nda{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:clamp(20px,4vw,56px);padding:clamp(24px,3vw,40px);border-radius:var(--r);background:var(--card);border:1px solid var(--line);margin-bottom:24px;scroll-margin-top:96px}
.nda-main{display:flex;gap:20px;align-items:flex-start}
.nda-seal{flex:none;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;border:1.5px dashed var(--signal);color:var(--signal-ink);font:500 13px var(--f-mono);letter-spacing:.12em;position:relative;transform:rotate(-8deg)}
.nda-seal::before{content:"";position:absolute;inset:6px;border-radius:50%;border:1px solid var(--signal-soft)}
.nda-t{font:600 clamp(22px,2.2vw,28px)/1.15 var(--f-display);letter-spacing:-.02em;margin:0 0 10px}
.nda-p{color:var(--ink-2);margin:0}
.nda-pts{list-style:none;margin:0;padding:0;display:grid;gap:16px;align-content:start}
.nda-pts li{padding-left:18px;border-left:2px solid var(--line-2)}
.nda-pts h3{font:600 17px/1.3 var(--f-display);margin:0 0 4px}
.nda-pts p{margin:0;color:var(--muted);font-size:15.5px}
.badge-nda{background:var(--ink);color:var(--paper)}
@media (max-width:860px){
  .nda{grid-template-columns:1fr}
  .nda-seal{width:60px;height:60px;font-size:11px}
  .nda-chip{margin-left:0}
}

/* ================= плотность: меньше пустоты между блоками ================= */
:root{--sec:clamp(52px,6.5vw,96px)}
.sec-head{margin-bottom:clamp(24px,3vw,40px)}
.sec-more{margin-top:clamp(24px,3vw,36px)}
/* соседние светлые секции не складывают отступы */
.sec:not(.night):not(.think)+.sec:not(.night):not(.think){padding-top:0}
.hero{padding-block:clamp(24px,4.5vw,56px) clamp(32px,4vw,56px)}
.hero-cta{margin-bottom:22px}
.flow{margin-top:clamp(28px,4vw,48px)}
.clients{padding-block:20px}
.stage{padding-block:clamp(18px,2.4vw,28px)}
.method-big{margin-bottom:24px}
.pain-tab{padding-block:14px}
.sit{padding-block:20px}
.cta-band{padding-block:clamp(44px,6vw,76px)}
.final{padding-block:clamp(52px,6.5vw,96px)}
.page-hero{padding-block:clamp(28px,5vw,64px) clamp(20px,3.5vw,40px)}
.sec-tight{padding-block:clamp(12px,2.5vw,28px) clamp(44px,5.5vw,72px)}
.case-blk{padding-block:24px}
.ap-stage{padding-block:clamp(20px,3vw,32px)}
.site-foot{padding-top:clamp(44px,6vw,80px)}
.foot-legal{margin-top:40px}
.nda{margin-bottom:20px}
.symptoms,.scope{margin-top:clamp(20px,3vw,32px)}
@media (max-width:860px){
  .method-side{margin-bottom:24px}
}

/* hero: заголовок компактнее */
.h1-main{font-size:clamp(40px,6vw,84px);line-height:.95}
.eyebrow{margin-bottom:16px}
.hero-h1{margin-bottom:22px}
@media (max-width:480px){.h1-main{font-size:clamp(36px,11vw,48px)}}

/* логотип-картинка */
.logo-mark{width:32px;height:32px;border-radius:0;background:none;overflow:visible;display:block}
.logo-mark::before,.logo-mark::after{content:none}

/* калькулятор юнит-экономики */
.calc-g{border:0;margin:0 0 8px;padding:0;display:grid;gap:18px}
.calc-g legend{font:500 11px var(--f-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--signal-ink);margin-bottom:14px;padding:0}
.calc-g+.calc-g{padding-top:22px;border-top:1px solid var(--line)}
.co-k{font:500 10.5px var(--f-mono)!important;letter-spacing:.09em;text-transform:uppercase;color:#7A8087!important;margin:22px 0 4px}
.co-k:first-child{margin-top:0}
.co-row.is-main strong{font-size:28px}
.cf{display:grid;gap:0;margin:4px 0 0}
.cf-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:16px;padding:10px 0;border-bottom:1px solid var(--night-line);position:relative}
.cf-row::before{content:"";position:absolute;left:-14px;top:50%;width:6px;height:6px;border-radius:50%;background:var(--night-line);transform:translateY(-50%)}
.cf-row:last-child::before{background:var(--signal)}
.cf-l{color:var(--night-muted);font-size:15px}
.cf-n{font:600 20px var(--f-display);text-align:right;font-variant-numeric:tabular-nums}
.cf-c{grid-column:1/-1;font:400 11.5px var(--f-mono);color:#7A8087}
.co-verdict{margin:18px 0 20px;padding:14px 16px;border-radius:12px;font-size:15px;line-height:1.5;background:var(--night-2);border:1px solid var(--night-line);color:var(--night-text)}
.co-verdict.is-ok{border-color:#1D7650;background:rgba(29,118,80,.14)}
.co-verdict.is-bad{border-color:var(--signal);background:rgba(227,83,29,.12)}

/* заявка: два режима */
.modes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.mode{display:flex;flex-direction:column;gap:4px;text-align:left;padding:16px 18px;border-radius:14px;border:1.5px solid var(--line);background:var(--card);cursor:pointer;transition:border-color .2s,background .2s}
.mode:hover{border-color:var(--ink-2)}
.mode[aria-pressed="true"]{border-color:var(--ink);background:var(--white);box-shadow:0 14px 30px -24px rgba(17,19,22,.5)}
.mode-t{font:600 18px/1.2 var(--f-display);letter-spacing:-.01em}
.mode-d{font:400 12px var(--f-mono);color:var(--muted)}
.mode[aria-pressed="true"] .mode-t::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--signal);margin-right:8px;vertical-align:2px}
.q-sub{font:500 11px var(--f-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);padding:0;margin-bottom:8px}
.q-sub-h{font-weight:500;font-size:15.5px;margin:6px 0 10px}
.q-sub-h .opt-l{font-weight:400;color:var(--muted)}
.qk-set{border:0;margin:0 0 4px;padding:0}
.q-tz{font:400 12px var(--f-mono);color:var(--faint);margin:0 0 18px}
.qk-submit{width:100%;justify-content:center;min-height:54px;font-size:16px}
.qk-submit[disabled]{opacity:.6;cursor:progress}
.q-fail{margin-top:16px;padding:14px 16px;border-radius:12px;background:var(--signal-soft)}
.q-fail p{margin:0 0 8px}
@media (max-width:860px){.modes{grid-template-columns:1fr 1fr;gap:8px}.mode{padding:12px 14px}.mode-t{font-size:16px}.mode-d{font-size:10.5px}}
.fq-quick{display:flex;align-items:center;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--night-line);color:var(--night-text);text-decoration:none;font-size:15px}
.fq-quick:hover{color:#FF8A5B}
.fq-quick .ic:last-child{margin-left:auto}
.drawer .btn-ghost{border-color:var(--line-2)}

/* hero-фото ч/б: мобильный кадр по лицу */
@media (max-width:860px){.hero-photo{aspect-ratio:4/5;max-width:440px}.hero-photo img{object-position:50% 20%}}
.q-help{font-size:13.5px;color:var(--muted);margin:6px 0 0;line-height:1.45}

/* переключатель языков */
.langs{display:flex;gap:2px;padding:3px;border:1px solid var(--line-2);border-radius:999px}
.langs a{font:500 11.5px/1 var(--f-mono);letter-spacing:.05em;padding:7px 9px;border-radius:999px;text-decoration:none;color:var(--muted)}
.langs a:hover{color:var(--ink)}
.langs a[aria-current="page"]{background:var(--ink);color:var(--paper)}
.head-inner>.langs{margin-left:-8px}
.drawer .langs{align-self:flex-start;margin-top:4px}
@media (max-width:1080px){.head-inner>.langs{margin-left:auto}}
@media (max-width:420px){.head-inner>.langs a{padding:6px 7px;font-size:10.5px}.logo-text small{display:none}}
.menu-btn,.langs{flex:none}
@media (max-width:420px){.head-inner{gap:12px}.logo-text b{font-size:14.5px}}

/* ---------- разделение соседних светлых секций (вместо слипания) ---------- */
:root{--sec:clamp(64px,7vw,104px)}
.sec:not(.night):not(.think)+.sec:not(.night):not(.think){padding-top:0}
.sec:not(.night):not(.think)+.sec:not(.night):not(.think)::before{
  content:"";display:block;height:1px;background:var(--line);
  margin:0 max(var(--gutter),calc((100% - var(--maxw)) / 2 + var(--gutter))) clamp(48px,5.5vw,80px)}
.sec.wrap:not(.night):not(.think)+.sec:not(.night):not(.think)::before,
.sec:not(.night):not(.think)+.sec.wrap:not(.night):not(.think)::before{margin-inline:0}
@media (max-width:860px){
  :root{--sec:64px}
  .sec:not(.night):not(.think)+.sec:not(.night):not(.think)::before{margin-bottom:48px}
}

/* подсказки «нажмите, чтобы сравнить» вместо автопереключения */
.hint-cap{display:inline-flex;align-items:center;gap:8px;font:500 11px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--signal-ink);margin:-14px 0 20px}
.hint-cap::before{content:"";width:18px;height:1px;background:currentColor}
.flow .hint-cap{color:#FF8A5B;margin:0}
.flow-ctl{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
@keyframes hintPulse{0%,100%{box-shadow:0 0 0 0 rgba(227,83,29,0)}50%{box-shadow:0 0 0 6px rgba(227,83,29,.28)}}
.seg-btn.hint,.flow-btn.hint{animation:hintPulse 1.8s ease-in-out infinite}
.seg-btn.hint{color:var(--ink)}
.flow-btn.hint{color:var(--night-text)}
@media (prefers-reduced-motion:reduce){.seg-btn.hint,.flow-btn.hint{animation:none;outline:1.5px dashed var(--signal);outline-offset:2px}}

/* компактный метод на главной: вопрос + результат, подробности — на /approach/ */
.method.is-compact .stage-d{display:none}
.method.is-compact .stage{padding-block:clamp(16px,2vw,22px)}
.method.is-compact .stage-q{margin-bottom:10px}
.method.is-compact .stage-t{font-size:clamp(21px,2vw,25px);margin-bottom:4px}

/* NDA одной строкой на главной */
.nda-strip{display:flex;align-items:center;gap:16px;padding:14px 18px;border:1px dashed var(--line-2);border-radius:var(--r);margin-bottom:20px;background:var(--card)}
.nda-strip p{margin:0;font-size:15.5px;color:var(--ink-2)}
.nda-strip .inline-link{white-space:nowrap;margin-left:auto}
.nda-seal.sm{width:44px;height:44px;font-size:9.5px}
@media (max-width:640px){.nda-strip{flex-wrap:wrap}.nda-strip .inline-link{margin-left:0}}

/* навигация видна до 940px */
@media (max-width:1180px){.logo-text small{display:none}.nav a{padding:8px 9px;font-size:14.5px}.head-inner{gap:18px}}
@media (min-width:941px) and (max-width:1080px){.nav{display:block}.menu-btn{display:none}.head-cta .btn{display:inline-flex}.drawer{display:none!important}.head-inner>.langs{margin-left:0}}
@media (min-width:941px) and (max-width:1080px){.head-cta .btn span{font-size:13.5px}.head-cta .btn{padding:0 14px}.head-cta .btn .ic{display:none}}
.faq-page .faq{max-width:860px}
.nav a{white-space:nowrap}
@media (min-width:941px) and (max-width:1180px){.logo-text b{white-space:nowrap;font-size:14.5px}.nav ul{gap:0}.head-inner{gap:12px}}
.foot-grid>*{min-width:0}
.site-foot .copy{overflow-wrap:anywhere;word-break:break-word}
/* колонки не расширяются контентом (таблицы, fieldset) */
.calc-g{min-width:0}
.case-main,.calc-form,.calc-out,.prose,.faq,.passport{min-width:0}
@media (max-width:860px){
  .sec-head.split,.pain-grid,.log-grid,.think-grid,.faq-grid,.final-inner,.why-grid,.deliver-grid,.about-hero,.contact-grid,.calc,.quiz-wrap,.case-layout{grid-template-columns:minmax(0,1fr)}
}
.prose a,.prose .copy{overflow-wrap:anywhere}
.h1,.h2,.h3{overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}
@media (max-width:480px){.h1{font-size:clamp(28px,8.4vw,36px)}}
/* «Кому подхожу» + «Что дальше» в одном блоке */
.sec-more-row{display:flex;gap:10px;flex-wrap:wrap}

/* планшет / узкое окно: меню второй строкой шапки, всегда видно */
@media (min-width:600px) and (max-width:940px){
  .head-inner{flex-wrap:wrap;row-gap:0;min-height:64px}
  .nav{display:block;order:10;flex:1 0 100%;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);border-top:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
  .nav::-webkit-scrollbar{display:none}
  .nav ul{gap:2px;padding-block:6px}
  .nav a{font-size:14.5px;padding:7px 11px}
  .menu-btn{display:none}
  .drawer{display:none!important}
  .head-cta .btn{display:inline-flex}
  .head-inner>.langs{margin-left:auto}
}

/* «Как я думаю»: заголовок компактнее */
.think .h2{font-size:clamp(26px,2.8vw,40px);line-height:1.1;max-width:26ch;margin-bottom:28px}

/* факты (опыт, платформы) — на фото, в подписи */
.hero-photo figcaption{right:14px}
.photo-facts{list-style:none;margin:10px 0 0;padding:10px 0 0;border-top:1px solid rgba(240,241,236,.18);display:flex;flex-wrap:wrap;gap:6px}
.photo-facts li{font:500 11px/1.3 var(--f-mono);color:var(--paper);border:1px solid rgba(240,241,236,.28);border-radius:999px;padding:5px 9px;white-space:nowrap}

/* первый экран: одна главная кнопка + тихая ссылка на звонок */
.hero-cta{align-items:center;gap:10px 22px}
.hero-call{display:inline-flex;align-items:center;gap:8px;color:var(--ink-2,#3a3d42);font-size:16px;text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:4px;transition:text-decoration-color .2s,color .2s}
.hero-call:hover{color:var(--ink);text-decoration-color:currentColor}
.hero-call .ic{width:16px;height:16px}
@media (max-width:600px){.hero-call{flex:1 1 100%;justify-content:center;padding:6px 0}}

/* первый экран: текст выше, ближе к верху фото */
.hero-grid{align-items:start}
.hero-text{padding-top:clamp(8px,3.5vw,56px)}
@media (max-width:860px){.hero-text{padding-top:0}}
/* полоса отраслей: компактнее, без большого пустого переноса */
.clients-inner{row-gap:14px;column-gap:clamp(16px,1.6vw,24px)}
.clients ul{column-gap:clamp(16px,1.6vw,24px)}
.clients .nda-chip{letter-spacing:.02em;padding:8px 12px}
.clients ul li{font-size:clamp(16px,1.3vw,18px)}

/* полоса отраслей: подпись | список (переносится внутри себя) | NDA — всё по одной оси */
@media (min-width:861px){
  .clients-inner{flex-wrap:nowrap;align-items:center}
  .clients-k{flex:none}
  .clients ul{flex:1 1 auto;min-width:0;row-gap:10px}
  .clients .nda-chip{flex:none;margin-left:auto}
}

/* «Выберите, что происходит»: список и карточка одной высоты, кнопка по линии текста */
@media (min-width:861px){
  .pain-grid{align-items:stretch}
  .pain-list{justify-content:stretch}
  .pain-tab{flex:1 1 auto;display:flex;align-items:center;min-height:64px}
  .pain-body{position:static;display:grid}
  .pain-panel{display:flex;flex-direction:column}
  .pain-panel .btn{margin-top:auto}
}
.pain-panel .btn{align-self:flex-start;margin-left:23.5px}
@media (max-width:860px){.pain-panel .btn{margin-left:0}}
@media (min-width:861px){
  /* все карточки в одной ячейке: высота = самая длинная, блок не прыгает при переключении */
  .pain-body>.pain-panel{grid-area:1/1}
  .pain-body>.pain-panel[hidden]{display:flex!important;visibility:hidden}
}

/* ================= самодиагностика ================= */
.pains .sec-head .lead{margin:14px 0 0}
.diag{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(20px,3vw,40px);align-items:start}
.diag-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.diag-item{width:100%;display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:16px;align-items:start;text-align:left;cursor:pointer;
  background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;color:var(--ink);font:inherit;
  transition:border-color .2s,background .2s,transform .2s var(--ease),box-shadow .2s}
.diag-item:hover{border-color:var(--ink);transform:translateY(-1px)}
.diag-item:focus-visible{outline:2px solid var(--signal);outline-offset:2px}
.diag-box{grid-row:1/3;width:26px;height:26px;border-radius:8px;border:1.5px solid var(--line-2);background:var(--paper);position:relative;transition:background .2s,border-color .2s}
.diag-box::after{content:"";position:absolute;left:8px;top:3.5px;width:7px;height:13px;border:solid var(--paper);border-width:0 2.5px 2.5px 0;transform:rotate(45deg) scale(.4);opacity:0;transition:transform .25s var(--ease),opacity .2s}
.diag-t{font:600 clamp(17px,1.5vw,19px)/1.3 var(--f-display);letter-spacing:-.01em;padding-top:2px}
.diag-fix{grid-column:2;font-size:15.5px;line-height:1.5;color:var(--ink-2);max-height:0;overflow:hidden;opacity:0;transition:max-height .35s var(--ease),opacity .25s,margin .35s var(--ease)}
.diag-fix b{font:500 11.5px var(--f-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--signal-ink);margin-right:4px}
.diag-item[aria-pressed="true"]{border-color:var(--ink);background:var(--white);box-shadow:0 6px 24px -14px rgba(17,19,22,.35)}
.diag-item[aria-pressed="true"] .diag-box{background:var(--signal);border-color:var(--signal)}
.diag-item[aria-pressed="true"] .diag-box::after{opacity:1;transform:rotate(45deg) scale(1)}
.diag-item[aria-pressed="true"] .diag-fix{max-height:160px;opacity:1;margin-top:10px}

.diag-out{position:sticky;top:96px;background:var(--night);color:var(--night-text);border-radius:var(--r);padding:clamp(22px,2.6vw,34px)}
.diag-k{font:500 12px var(--f-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--night-muted);margin:0 0 18px}
.diag-zones{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:0}
.diag-zones li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:14px;padding:13px 0;border-top:1px solid var(--night-line);transition:color .3s}
.diag-zones li:last-child{border-bottom:1px solid var(--night-line)}
.dz-l{font:600 16.5px/1.3 var(--f-display);color:var(--night-muted);transition:color .3s}
.dz-m{display:flex;gap:4px}
.dz-m i{width:22px;height:6px;border-radius:3px;background:var(--night-line);transition:background .3s}
.dz-top{grid-column:1/-1;font:500 11px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--signal);max-height:0;overflow:hidden;opacity:0;transition:max-height .3s,opacity .3s,margin .3s}
.diag-zones li[data-lvl="1"] .dz-m i:nth-child(-n+1),
.diag-zones li[data-lvl="2"] .dz-m i:nth-child(-n+2),
.diag-zones li[data-lvl="3"] .dz-m i{background:var(--on,var(--night-text))}
.diag-zones li:not([data-lvl="0"]) .dz-l{color:var(--night-text)}
.diag-zones li.is-top{--on:var(--signal)}
.diag-zones li.is-top .dz-top{max-height:20px;opacity:1;margin-top:6px}
.diag-sum{font-size:16px;line-height:1.5;margin:0 0 20px;color:var(--night-text);min-height:3em}
.diag-out .btn{width:100%;justify-content:space-between}
.diag-out .btn.is-idle{opacity:.55}
.diag-note{font-size:13.5px;color:var(--night-muted);margin:12px 0 0}
@media (max-width:860px){
  .diag{grid-template-columns:minmax(0,1fr)}
  .diag-out{position:static}
  .diag-item{padding:15px 16px;column-gap:12px}
}
@media (prefers-reduced-motion:reduce){.diag-item,.diag-fix,.dz-m i,.dz-top{transition:none}}
.diag-fix .df-row{display:block}
.diag-fix .df-row+.df-row{margin-top:8px}
.diag-item[aria-pressed="true"] .diag-fix{max-height:320px}

/* ================= страница «Подход» ================= */
.ap-hero .h1{max-width:16ch}
.ap-hero .lead{max-width:58ch}
.ap-facts{list-style:none;margin:clamp(28px,4vw,48px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink)}
.ap-facts li{padding:20px 24px 0 0;display:grid;gap:6px}
.ap-facts li+li{padding-left:24px;border-left:1px solid var(--line)}
.ap-facts strong{font:700 clamp(26px,3vw,40px)/1 var(--f-display);letter-spacing:-.03em}
.ap-facts span{color:var(--muted);font-size:15.5px;line-height:1.45;max-width:26ch}

/* сравнение */
.cmp{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--card)}
.cmp-row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1.1fr)}
.cmp-row+.cmp-row{border-top:1px solid var(--line)}
.cmp-row p{margin:0;padding:20px 24px;font-size:16.5px;line-height:1.45}
.cmp-k{font:500 12px/1.4 var(--f-mono)!important;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);align-self:center}
.cmp-them{color:var(--muted);position:relative;padding-left:48px!important}
.cmp-me{background:var(--ink);color:var(--paper);font-weight:500;position:relative;padding-left:48px!important}
.cmp-row:not(.cmp-head) .cmp-them::before,.cmp-row:not(.cmp-head) .cmp-me::before{position:absolute;left:22px;top:20px;font:700 15px/1.45 var(--f-mono)}
.cmp-row:not(.cmp-head) .cmp-them::before{content:"✕";color:var(--faint)}
.cmp-row:not(.cmp-head) .cmp-me::before{content:"✓";color:var(--signal)}
.cmp-head p{padding-block:14px!important;font:600 15px/1.3 var(--f-display)}
.cmp-head .cmp-them,.cmp-head .cmp-me{padding-left:24px!important}
.cmp-row:not(:last-child) .cmp-me{border-bottom:1px solid #2a2e33}
.cmp-row+.cmp-row .cmp-me{margin-top:-1px}

/* фазы и карточки этапов */
.ap-phase{display:grid;grid-template-columns:minmax(0,.32fr) minmax(0,1fr);gap:clamp(20px,3vw,48px);padding-block:clamp(24px,3vw,40px);border-top:1px solid var(--line)}
.ap-phase:first-of-type{border-top:0;padding-top:0}
.ap-phase-h{position:sticky;top:96px;align-self:start}
.ap-phase-i{font:500 12px var(--f-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--signal-ink);margin:0 0 10px}
.ap-phase-t{font:700 clamp(24px,2.6vw,34px)/1.15 var(--f-display);letter-spacing:-.025em;margin:0 0 10px}
.ap-phase-s{color:var(--muted);margin:0;font-size:15.5px;max-width:28ch}
.ap-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ap-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:clamp(20px,2vw,28px);display:flex;flex-direction:column;transition:border-color .2s,transform .2s var(--ease)}
.ap-card:hover{border-color:var(--ink);transform:translateY(-2px)}
.ap-card-n{font:500 13px var(--f-mono);color:var(--signal);margin:0 0 14px;letter-spacing:.05em}
.ap-card-t{font:700 clamp(22px,2vw,26px)/1.15 var(--f-display);letter-spacing:-.02em;margin:0 0 8px}
.ap-card-q{font:500 17px/1.4 var(--f-display);color:var(--ink);margin:0 0 10px}
.ap-card-d{color:var(--ink-2);font-size:15.5px;line-height:1.5;margin:0 0 18px}
.ap-card-a{margin:auto 0 0;padding-top:14px;border-top:1px dashed var(--line-2);font-weight:600;font-size:15.5px;display:grid;gap:4px}
.ap-card-a span{font:500 11px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:500}

/* что остаётся */
.ap-keep{background:var(--paper-2)}
.ap-keep-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,64px);align-items:start}
.ap-keep-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ap-keep-list li{display:flex;gap:12px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 18px;font-weight:600;font-size:16px;line-height:1.35}
.ap-tick{flex:none;width:22px;height:22px;border-radius:50%;background:var(--ink);position:relative;margin-top:-1px}
.ap-tick::after{content:"";position:absolute;left:8px;top:4.5px;width:5px;height:10px;border:solid var(--paper);border-width:0 2px 2px 0;transform:rotate(45deg)}

@media (max-width:860px){
  .ap-facts{grid-template-columns:1fr;border-top:0}
  .ap-facts li,.ap-facts li+li{padding:16px 0;border-left:0;border-top:1px solid var(--line)}
  .cmp-row{grid-template-columns:1fr}
  .cmp-head{display:none}
  .cmp-k{padding-bottom:0!important}
  .cmp-row p{padding-block:12px}
  .cmp-me{border-radius:10px;margin:0 12px 12px!important}
  .ap-phase{grid-template-columns:1fr;gap:16px}
  .ap-phase-h{position:static}
  .ap-cards{grid-template-columns:1fr}
  .ap-keep-in{grid-template-columns:1fr}
}
@media (max-width:560px){.ap-keep-list{grid-template-columns:1fr}}
/* подход: первый экран в две колонки, факты — тёмная карточка */
.ap-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(24px,5vw,80px);align-items:end}
.ap-hero .h1{max-width:14ch}
.ap-hero .lead{margin-bottom:28px}
.ap-facts{margin:0;grid-template-columns:1fr;border-top:0;background:var(--night);color:var(--night-text);border-radius:var(--r);padding:8px 28px}
.ap-facts li,.ap-facts li+li{padding:22px 0;border-left:0;border-top:1px solid var(--night-line)}
.ap-facts li:first-child{border-top:0}
.ap-facts strong{color:var(--night-text)}
.ap-facts li:first-child strong{color:var(--signal)}
.ap-facts span{color:var(--night-muted);max-width:none}
@media (max-width:860px){
  .ap-hero{grid-template-columns:1fr}
  .ap-facts{padding:4px 22px}
  .ap-facts li,.ap-facts li+li{padding:18px 0;border-top:1px solid var(--night-line)}
  .ap-facts li:first-child{border-top:0}
}

/* ================= финал: две карточки выбора ================= */
.final-head{max-width:720px;margin-bottom:clamp(28px,4vw,48px)}
.final-head .h2{color:var(--night-text);margin-bottom:12px}
.final-head .lead-sm{color:var(--night-muted);margin:0}
.choose{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.choose-card{display:flex;flex-direction:column;gap:12px;padding:clamp(24px,3vw,40px);border-radius:var(--r);text-decoration:none;
  background:var(--night-2);border:1px solid var(--night-line);color:var(--night-text);min-height:280px;
  transition:transform .3s var(--ease),border-color .25s,background .25s,box-shadow .3s}
.choose-card:hover{transform:translateY(-3px);border-color:#4a5058;box-shadow:0 20px 40px -24px rgba(0,0,0,.7)}
.choose-card:focus-visible{outline:2px solid var(--signal);outline-offset:3px}
.choose-tag{align-self:flex-start;font:500 11.5px var(--f-mono);letter-spacing:.07em;text-transform:uppercase;padding:6px 10px;border-radius:999px;border:1px solid var(--night-line);color:var(--night-muted)}
.choose-t{font:700 clamp(26px,2.8vw,36px)/1.12 var(--f-display);letter-spacing:-.03em;margin-top:6px}
.choose-d{font-size:16.5px;line-height:1.5;color:var(--night-muted);max-width:40ch}
.choose-cta{margin-top:auto;display:inline-flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:0 22px;border-radius:999px;
  border:1px solid var(--night-line);font-weight:600;font-size:16px;transition:background .25s,color .25s,border-color .25s}
.choose-cta .ic{transition:transform .3s var(--ease)}
.choose-card:hover .choose-cta .ic{transform:translateX(4px)}
.choose-card:hover .choose-cta{border-color:var(--night-text)}
.choose-card.is-main{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.choose-card.is-main .choose-tag{border-color:transparent;background:var(--signal);color:#fff}
.choose-card.is-main .choose-d{color:var(--ink-2)}
.choose-card.is-main .choose-cta{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.choose-card.is-main:hover{border-color:var(--paper)}
.final-alt{margin:22px 0 0;color:var(--night-muted);font-size:15.5px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.final-alt .inline-link{color:var(--night-text);display:inline-flex;align-items:center;gap:8px}
.final-alt .inline-link svg{width:16px;height:16px}
@media (max-width:760px){.choose{grid-template-columns:1fr}.choose-card{min-height:0}.choose-card.is-main{order:-1}}

/* разделитель секций внутри grid-секций — на всю строку, а не в первую ячейку */
.sec::before{grid-column:1/-1}

/* инфографика «путь клиента» в блоке «Что вы получаете» */
.dg-path{margin:clamp(28px,3.5vw,44px) 0 0;padding:clamp(20px,2.4vw,28px);background:var(--night);color:var(--night-text);border-radius:var(--r)}
.dg-path figcaption{display:grid;gap:6px;font:600 17px/1.35 var(--f-display);letter-spacing:-.01em;margin-bottom:22px}
.dg-path figcaption .kicker{color:var(--signal);margin:0}
.dg-path ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:relative}
.dg-path ol::before{content:"";position:absolute;left:7px;right:calc(20% - 7px);top:7px;height:2px;background:linear-gradient(90deg,var(--night-line),var(--night-muted) 70%,var(--signal))}
.dgp-n{position:relative;display:grid;gap:4px;padding-right:8px}
.dgp-dot{width:16px;height:16px;border-radius:50%;background:var(--night);border:2px solid var(--night-muted);position:relative;z-index:1;margin-bottom:10px}
.dgp-n b{font:600 15px/1.2 var(--f-display)}
.dgp-n span:last-child{font-size:13px;line-height:1.35;color:var(--night-muted)}
.dgp-n.is-end .dgp-dot{background:var(--signal);border-color:var(--signal);box-shadow:0 0 0 5px rgba(227,83,29,.22)}
.dgp-n.is-end b{color:var(--signal)}
@media (max-width:560px){
  .dg-path ol{grid-template-columns:1fr;gap:14px}
  .dg-path ol::before{left:7px;right:auto;top:8px;bottom:8px;width:2px;height:auto;background:linear-gradient(180deg,var(--night-line),var(--night-muted) 70%,var(--signal))}
  .dgp-n{grid-template-columns:16px minmax(0,1fr);column-gap:14px;align-items:center}
  .dgp-dot{grid-row:1/3;margin:0}
}
@media (max-width:560px){.dg-path ol::before{top:14px;bottom:26px}}

/* ================= «Рентген рекламы» ================= */
.xray{--ok:#3DBA7E;--warn:#E6B13A;--leak:var(--signal);--step:420ms;margin:clamp(28px,3.5vw,44px) 0 0;background:var(--night);color:var(--night-text);border-radius:var(--r);overflow:hidden;border:1px solid var(--night-line);box-shadow:0 30px 60px -40px rgba(0,0,0,.6)}
.xr-bar{display:flex;align-items:center;gap:14px;padding:12px 18px;border-bottom:1px solid var(--night-line);background:var(--night-2)}
.xr-dots{display:flex;gap:6px}
.xr-dots i{width:9px;height:9px;border-radius:50%;background:var(--night-line)}
.xr-dots i:first-child{background:var(--signal)}
.xr-title{font:500 12px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--night-muted);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xr-prog{width:88px;height:4px;border-radius:2px;background:var(--night-line);overflow:hidden;flex:none}
.xr-prog i{display:block;height:100%;width:100%;background:var(--signal);transform-origin:left;transform:scaleX(1)}
.xr-list{list-style:none;margin:0;padding:6px 0;position:relative}
.xr-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) 104px;align-items:center;gap:14px;padding:12px 18px;position:relative;transition:background .4s}
.xr-row+.xr-row{border-top:1px solid rgba(255,255,255,.05)}
.xr-z{font:600 15px/1.3 var(--f-display)}
.xr-f{font-size:14px;line-height:1.4;color:var(--night-muted);transition:opacity .4s,transform .4s var(--ease)}
.xr-s{justify-self:end;position:relative;height:26px;display:flex;align-items:center}
.xr-pill{font:600 11px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:999px;white-space:nowrap;transition:opacity .3s,transform .35s var(--ease)}
.xr-row[data-st="ok"] .xr-pill{color:var(--ok);background:rgba(61,186,126,.12)}
.xr-row[data-st="warn"] .xr-pill{color:var(--warn);background:rgba(230,177,58,.13)}
.xr-row[data-st="leak"] .xr-pill{color:#fff;background:var(--leak)}
.xr-row[data-st="leak"]{background:linear-gradient(90deg,rgba(227,83,29,.10),transparent 70%)}
.xr-pend{position:absolute;right:0;top:50%;width:48px;height:4px;margin-top:-2px;border-radius:2px;background:var(--night-line);overflow:hidden;opacity:0;transition:opacity .2s}
.xr-pend::after{content:"";position:absolute;inset:0;width:40%;background:var(--night-muted);animation:xrPend 1s linear infinite}
@keyframes xrPend{from{transform:translateX(-100%)}to{transform:translateX(250%)}}
.xr-scan{position:absolute;left:0;right:0;top:0;height:2px;background:var(--signal);box-shadow:0 0 18px 4px rgba(227,83,29,.45);opacity:0;pointer-events:none}
.xr-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px 18px;border-top:1px solid var(--night-line);background:var(--night-2)}
.xr-sum{margin:0;display:flex;gap:16px;flex-wrap:wrap;font-size:14px;color:var(--night-muted)}
.xr-sum b{font:700 18px var(--f-display);color:var(--night-text);margin-right:4px}
.xr-sum .is-leak b{color:var(--leak)}
.xr-sum .is-warn b{color:var(--warn)}
.xr-again{background:none;border:1px solid var(--night-line);color:var(--night-text);border-radius:999px;padding:8px 14px;font:500 13px var(--f-body,inherit);cursor:pointer;transition:border-color .2s,opacity .3s}
.xr-again:hover{border-color:var(--night-text)}
.xr-note{margin:0;padding:10px 18px 14px;font-size:12.5px;color:var(--night-muted);background:var(--night-2)}

/* состояния анимации (JS): idle — всё скрыто, run — сканер идёт, строки получают .is-done */
.xray.is-idle .xr-row:not(.is-done) .xr-pill,.xray.is-run .xr-row:not(.is-done) .xr-pill{opacity:0;transform:scale(.8)}
.xray.is-idle .xr-row:not(.is-done) .xr-f,.xray.is-run .xr-row:not(.is-done) .xr-f{opacity:0;transform:translateX(-6px)}
.xray.is-run .xr-row:not(.is-done) .xr-pend{opacity:1}
.xray.is-idle .xr-row:not(.is-done)[data-st="leak"],.xray.is-run .xr-row:not(.is-done)[data-st="leak"]{background:transparent}
.xray.is-idle .xr-prog i{transform:scaleX(0)}
.xray.is-run .xr-prog i{transform:scaleX(1);transition:transform calc(var(--step) * var(--n)) linear}
.xray.is-run .xr-scan{opacity:1;animation:xrScan calc(var(--step) * var(--n)) linear forwards}
@keyframes xrScan{from{top:0}to{top:100%;opacity:.2}}
.xray.is-idle .xr-sum,.xray.is-run .xr-sum,.xray.is-idle .xr-again,.xray.is-run .xr-again{opacity:.35}
.xr-row.is-done .xr-pill{animation:xrPop .45s var(--ease)}
@keyframes xrPop{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.08);opacity:1}100%{transform:scale(1)}}

@media (max-width:640px){
  .xr-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"z s" "f f";row-gap:4px;padding:11px 14px}
  .xr-z{grid-area:z}.xr-s{grid-area:s}.xr-f{grid-area:f}
  .xr-bar,.xr-foot,.xr-note{padding-inline:14px}
  .xr-prog{width:56px}
}
@media (prefers-reduced-motion:reduce){.xr-pend::after,.xr-row.is-done .xr-pill{animation:none}}

/* рентген — компактный, справа под ценой: дополняет текст, а не спорит с ним */
.deliver-side{position:sticky;top:96px;display:grid;gap:16px;align-self:start}
.deliver-side .price-card{position:static}
.deliver-side .xray{--step:360ms;margin:0;box-shadow:none}
.deliver-side .xr-bar{padding:9px 14px;gap:10px}
.deliver-side .xr-dots i{width:7px;height:7px}
.deliver-side .xr-title{font-size:10.5px}
.deliver-side .xr-prog{width:48px;height:3px}
.deliver-side .xr-list{padding:2px 0}
.deliver-side .xr-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"z s" "f f";row-gap:2px;padding:8px 14px}
.deliver-side .xr-z{grid-area:z;font-size:13.5px}
.deliver-side .xr-s{grid-area:s;height:20px}
.deliver-side .xr-f{grid-area:f;font-size:12.5px}
.deliver-side .xr-pill{font-size:9.5px;padding:3px 7px}
.deliver-side .xr-pend{width:32px}
.deliver-side .xr-foot{padding:9px 14px;gap:8px}
.deliver-side .xr-sum{gap:12px;font-size:12.5px}
.deliver-side .xr-sum b{font-size:15px}
.deliver-side .xr-again{padding:5px 10px;font-size:12px}
@media (max-width:860px){.deliver-side{position:static}}
.deliver-side{position:static;max-width:540px;margin-top:clamp(24px,3vw,36px)}

/* «Что вы получаете» — компактно: заголовок сверху, слева пункты + цена, справа рентген */
.dv-head{margin-bottom:clamp(20px,2.5vw,32px)}
.dv-head .h2{font-size:clamp(28px,3.2vw,44px);max-width:none}
.dv-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.dv-main .checks{margin:0 0 24px}
.dv-price{display:flex;align-items:center;justify-content:space-between;gap:16px 24px;flex-wrap:wrap;padding:18px 20px;border-radius:var(--r);background:var(--card);border:1px solid var(--line)}
.dv-price-t{display:grid;gap:2px;min-width:0}
.dv-price-t .kicker{margin:0;color:var(--muted)}
.dv-price-t .price-from{margin:0;font-size:24px}
.dv-price-t .price-from strong{font-size:inherit}
.dv-model{margin:0;font-size:14px;color:var(--muted);max-width:34ch}
.dv-price .btn{flex:none}
.dv-more{margin:12px 0 0;color:var(--muted)}
.dv-side .deliver-side,.dv-side .xray{max-width:none;margin:0}
.dv-side{min-width:0}
@media (max-width:860px){.dv-grid{grid-template-columns:minmax(0,1fr)}.dv-price .btn{width:100%;justify-content:center}}
.dv-side.deliver-side{max-width:none;margin:0}
@media (max-width:600px){.dv-side{display:none}}
/* цена: текстовый вариант («после разбора») — обычным размером, пояснение во всю ширину, кнопка компактнее */
.dv-price{padding:16px 18px;gap:12px 20px}
.dv-price-t{flex:1 1 260px}
.dv-price-t .price-from{font:600 17px/1.3 var(--f-display);color:var(--ink)!important;letter-spacing:-.01em}
.dv-price-t .price-from strong{font:700 24px/1.1 var(--f-display)}
.dv-model{max-width:none;font-size:13.5px;line-height:1.45}
.dv-price .btn{min-height:48px;padding:0 22px;font-size:15px}
.dv-main .checks{margin-bottom:20px}
.dv-main .checks li{margin-bottom:0}

/* главная, «Система»: 8 этапов в две колонки на широких экранах — блок вдвое ниже */
@media (min-width:1100px){
  .method.is-compact .stages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,3vw,44px)}
}
/* «Обо мне», принципы: в ряд, «Чего я не делаю» — полосой ниже */
@media (min-width:861px){
  .about-think{grid-template-columns:minmax(0,1fr)!important;gap:clamp(24px,3vw,36px)}
  .about-think .principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 28px}
  .about-think .not ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 32px}
}
@media (min-width:1100px){
  .method.is-compact .stage-a{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;box-sizing:border-box}
  .method.is-compact .stage-a span{margin:0}
}

/* «Восемь этапов»: снова одна колонка (счётчик идёт по одному этапу), результат — справа в той же строке */
@media (min-width:1100px){
  .method.is-compact .stages{display:block}
  .method.is-compact .stage-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);column-gap:28px;align-items:center}
  .method.is-compact .stage-t,.method.is-compact .stage-q{grid-column:1}
  .method.is-compact .stage-q{margin-bottom:0}
  .method.is-compact .stage-a{grid-column:2;grid-row:1/3;align-self:center}
}

/* «Обо мне»: «Чего я не делаю» внутри тёмного блока принципов */
.not-dark{margin:clamp(20px,3vw,32px) 0 0;background:transparent;border-color:var(--night-line)}
.not-dark li{color:var(--night-text)}
@media (min-width:861px){.not-dark ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 32px}}
/* кейсы в подготовке */
.cases-soon{display:flex;align-items:center;justify-content:space-between;gap:20px 40px;flex-wrap:wrap;padding:clamp(22px,3vw,34px);border:1px dashed var(--line-2);border-radius:var(--r);background:var(--card);margin-top:20px}
.cases-soon>div{max-width:62ch}
.cases-soon .kicker{margin:0 0 8px}
.cases-soon-t{font:700 clamp(22px,2.2vw,28px)/1.15 var(--f-display);letter-spacing:-.02em;margin:0 0 8px}
.cases-soon p:last-child{margin:0;color:var(--ink-2)}
/* услуги без рентгена: цена справа */
.dv-side-price .dv-price{flex-direction:column;align-items:stretch}
.dv-side-price .dv-price .btn{width:100%;justify-content:center}
.dv-side-price .dv-price-t{flex:none}

/* логотип: имя + оранжевая метка (без значка) */
.logo{gap:11px}
.logo-dot{flex:none;width:13px;height:13px;border-radius:3.5px;background:var(--signal);margin-top:-14px}
.logo-text b{letter-spacing:-.01em}
@media (max-width:600px){.logo-dot{width:11px;height:11px;margin-top:-12px}}

/* ================= статьи ================= */
.art-hero .h1{max-width:22ch;font-size:clamp(32px,4.4vw,56px)}
.art-hero .lead{max-width:62ch}
.art-meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin:18px 0 0;font:500 12.5px var(--f-mono);letter-spacing:.04em;color:var(--muted)}
.art-body{max-width:760px;padding-bottom:clamp(24px,4vw,48px)}
.art-body p{font-size:18px;line-height:1.7;color:var(--ink-2);margin:0 0 18px}
.art-body b{color:var(--ink)}
.art-h2{font:700 clamp(24px,2.6vw,32px)/1.2 var(--f-display);letter-spacing:-.02em;margin:clamp(36px,5vw,56px) 0 16px;color:var(--ink)}
.art-list{margin:0 0 20px;padding-left:22px;display:grid;gap:10px;font-size:18px;line-height:1.6;color:var(--ink-2)}
.art-list li::marker{color:var(--signal);font-weight:700}
.art-callout{border-left:3px solid var(--signal);background:var(--card);padding:16px 20px;border-radius:0;font-weight:500;color:var(--ink)!important;margin:24px 0!important}
.art-tbl{margin:8px 0 24px;overflow-x:auto}
.art-tbl table{width:100%;border-collapse:collapse;font-size:16px;min-width:420px}
.art-tbl th,.art-tbl td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--line)}
.art-tbl th{font:500 12px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.art-tbl td:first-child{color:var(--ink);font-weight:500}
.art-dl-top{margin-bottom:clamp(28px,4vw,48px)}
.art-dl-bottom{max-width:none;margin-bottom:clamp(8px,2vw,24px)}
.art-dl-index{margin-top:24px}
.dl-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(18px,3vw,36px);align-items:center;padding:clamp(20px,3vw,32px);border-radius:var(--r);background:var(--night);color:var(--night-text)}
.dl-cover{width:clamp(92px,11vw,132px);aspect-ratio:1/1.35;border-radius:10px;background:linear-gradient(150deg,#171e3c,#263aa0 55%,#4356d6);display:flex;flex-direction:column;justify-content:flex-end;padding:12px;box-shadow:0 18px 30px -18px rgba(0,0,0,.8);transform:rotate(-4deg)}
.dl-cover span{font:800 clamp(22px,2.4vw,30px)/1 var(--f-display);color:#fff}
.dl-cover small{font:500 10px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:#a9b7ff;margin-top:4px}
.dl-text .kicker{color:var(--signal);margin:0 0 8px}
.dl-t{font:700 clamp(20px,2.2vw,28px)/1.2 var(--f-display);letter-spacing:-.02em;margin:0 0 10px;color:var(--night-text)}
.dl-text p{margin:0 0 18px;color:var(--night-muted);font-size:16px;max-width:60ch}
.dl-row{display:flex;align-items:center;gap:14px 20px;flex-wrap:wrap}
.dl-card .btn-primary{background:var(--paper);color:var(--ink)}
.dl-meta{font:500 12.5px var(--f-mono);color:var(--night-muted)}
.art-card p{color:var(--ink-2)}
@media (max-width:600px){.dl-card{grid-template-columns:1fr}.dl-cover{width:96px;padding:10px}.dl-cover small{letter-spacing:.02em}.art-body p,.art-list{font-size:17px}}
.art-body{max-width:var(--maxw)}
.art-body>*{max-width:760px}

/* услуги: те же «этапы», что на главной, + ссылка «Подробнее» и сноска Google */
.svc-method .stage-t{font-size:clamp(24px,2.4vw,30px)}
.svc-method .stage-more{display:inline-flex;align-items:center;gap:8px;margin-top:12px;color:var(--night-text);font-weight:600;font-size:15px;text-decoration:none;border-bottom:1px solid var(--night-line);padding-bottom:2px;transition:border-color .2s,gap .25s var(--ease)}
.svc-method .stage-more:hover{border-color:var(--night-text);gap:12px}
.svc-method .stage-note{margin:12px 0 0;font-size:14px;color:var(--night-muted);max-width:52ch}
.svc-method .stage:last-child .stage-a span{color:var(--signal)}
@media (min-width:1100px){
  .svc-method .stage-more,.svc-method .stage-note{grid-column:1}
}
@media (min-width:1100px){
  .svc-method .stage-body{display:block}
  .svc-method .stage-q{margin-bottom:14px;max-width:58ch}
  .svc-method .stage-a{display:inline-flex;flex-direction:row;align-items:baseline;gap:10px;width:auto}
}
.svc-method .stage-more{margin-left:16px}
@media (max-width:1099px){.svc-method .stage-more{margin-left:0;display:flex;width:max-content;margin-top:12px}}
.svc-method .stage-note{margin-top:14px}
@media (min-width:1100px){
  .method.is-compact.svc-method .stage-body{display:block}
  .method.is-compact.svc-method .stage-q{margin-bottom:14px;max-width:58ch}
  .method.is-compact.svc-method .stage-a{display:inline-flex;flex-direction:row;align-items:baseline;gap:10px;width:auto}
}

/* ================= страница услуг: слева заголовок, справа карточки ================= */
.sv-layout{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(28px,5vw,80px);align-items:start;padding-top:clamp(20px,3vw,40px)}
.sv-side{position:sticky;top:110px}
.sv-h1{font:700 clamp(44px,6vw,80px)/1.08 var(--f-display);letter-spacing:-.04em;margin:0 0 14px}
.sv-sub{font:600 clamp(17px,1.5vw,20px)/1.35 var(--f-display);color:var(--ink-2);margin:0 0 18px;max-width:26ch}
.sv-lead{color:var(--muted);font-size:16px;line-height:1.55;margin:0 0 24px;max-width:36ch}
.sv-main .kicker{margin:0 0 14px}
.sv-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sv-card{display:flex;flex-direction:column;height:100%;padding:clamp(20px,2.2vw,28px);border-radius:var(--r);background:var(--card);border:1px solid var(--line);text-decoration:none;color:var(--ink);transition:border-color .2s,transform .25s var(--ease),box-shadow .25s}
.sv-card:hover{border-color:var(--ink);transform:translateY(-2px);box-shadow:0 14px 30px -22px rgba(17,19,22,.4)}
.sv-n{font:500 12px var(--f-mono);color:var(--signal);letter-spacing:.05em;margin-bottom:12px}
.sv-t{font:700 clamp(22px,2vw,27px)/1.15 var(--f-display);letter-spacing:-.02em;margin:0 0 10px}
.sv-d{margin:0 0 20px;color:var(--ink-2);font-size:15.5px;line-height:1.55}
.sv-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;padding-top:14px;border-top:1px dashed var(--line-2)}
.sv-fmt{font-size:14px;font-weight:600;color:var(--ink)}
.sv-more{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--ink)}
.sv-more .ic{transition:transform .25s var(--ease)}
.sv-card:hover .sv-more .ic{transform:translateX(3px)}
.sv-k2{margin-top:clamp(32px,4vw,48px)!important;margin-bottom:4px!important}
.sv-k2-note{margin:0 0 14px;color:var(--muted);font-size:15px}
.sv-list-extra{grid-template-columns:repeat(3,minmax(0,1fr))}
.sv-extra{background:transparent;border-style:dashed}
.sv-extra .sv-t{font-size:clamp(19px,1.6vw,22px)}
.sv-extra .sv-d{font-size:14.5px}
.sv-system{margin:clamp(24px,3vw,36px) 0 0;padding:16px 20px;border-left:3px solid var(--signal);background:var(--card);color:var(--ink-2);font-size:15.5px;line-height:1.55}
@media (max-width:1100px){.sv-list-extra{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){.sv-layout{grid-template-columns:1fr}.sv-side{position:static}}
@media (max-width:600px){.sv-list,.sv-list-extra{grid-template-columns:1fr}}

/* «Обо мне»: имя в одну строку, заголовок компактнее */
.about-h1{font-size:clamp(30px,3.6vw,52px);line-height:1.08;max-width:none}
.about-name{display:block;white-space:nowrap}
@media (max-width:420px){.about-h1{font-size:clamp(26px,7.6vw,32px)}}

/* ================= раздел статей: структура ================= */
.art-feat,.art-grid{list-style:none;margin:0;padding:0}
.art-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.art-card{display:flex;flex-direction:column;height:100%;padding:clamp(20px,2.4vw,30px);border-radius:var(--r);background:var(--card);border:1px solid var(--line);text-decoration:none;color:var(--ink);transition:border-color .2s,transform .25s var(--ease),box-shadow .25s}
.art-card:hover{border-color:var(--ink);transform:translateY(-2px);box-shadow:0 14px 30px -22px rgba(17,19,22,.4)}
.art-card-k{font:500 11.5px var(--f-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--signal-ink);margin-bottom:12px}
.art-card-t{font:700 clamp(20px,1.9vw,25px)/1.2 var(--f-display);letter-spacing:-.02em;margin:0 0 10px}
.art-card-d{margin:0 0 18px;color:var(--ink-2);font-size:15.5px;line-height:1.55}
.art-card-more{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600}
.art-card-more .ic{transition:transform .25s var(--ease)}
.art-card:hover .art-card-more .ic{transform:translateX(3px)}
.art-card.is-big{background:var(--night);color:var(--night-text);border-color:var(--night);padding:clamp(26px,3.4vw,44px)}
.art-card.is-big .art-card-k{color:var(--signal)}
.art-card.is-big .art-card-t{font-size:clamp(26px,3vw,40px);max-width:24ch}
.art-card.is-big .art-card-d{color:var(--night-muted);font-size:17px;max-width:70ch}
.art-card.is-big:hover{border-color:var(--night)}
.art-feat{margin-bottom:clamp(24px,3vw,36px)}
.art-filter{margin-bottom:16px}
.art-dl-index{margin-top:clamp(28px,3vw,40px)}
/* внутри статьи: оглавление + скачивание */
.art-top{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;align-items:stretch;margin-bottom:clamp(28px,4vw,48px)}
.art-top>.dl-card{grid-template-columns:auto minmax(0,1fr)}
.art-toc{border:1px solid var(--line);border-radius:var(--r);background:var(--card);padding:clamp(18px,2vw,26px)}
.art-toc .kicker{margin:0 0 10px}
.art-toc ol{margin:0;padding-left:22px;display:grid;gap:6px;font-size:15px;line-height:1.4}
.art-toc a{color:var(--ink-2);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s,color .2s}
.art-toc a:hover{color:var(--ink);border-color:var(--ink)}
.art-toc li::marker{color:var(--signal);font:500 12px var(--f-mono)}
.art-h2{scroll-margin-top:100px}
.art-svc{margin-top:28px}
.art-sources{margin-bottom:clamp(20px,3vw,32px)}
.art-sources>*{max-width:760px}
.art-sources .kicker{margin:0 0 8px}
.art-sources ul{margin:0 0 8px;padding-left:20px;display:grid;gap:4px;font-size:14.5px}
.art-sources a{color:var(--ink-2)}
.art-src-note{margin:0;font-size:13px;color:var(--muted)}
.art-related{padding-top:clamp(32px,4vw,56px)}
.art-related .kicker{margin:0 0 16px}
@media (max-width:980px){.art-top{grid-template-columns:1fr}}
@media (max-width:640px){.art-grid{grid-template-columns:1fr}}
.art-li-big{grid-column:1/-1}
.art-filter{margin-bottom:18px}
.art-svc .btn{white-space:normal;max-width:100%;height:auto;min-height:48px;padding-block:12px;text-align:left;line-height:1.3}

/* ================= статьи: редизайн ================= */
/* обложка статьи — крупная типографика с главной мыслью */
.acv{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:clamp(18px,2.2vw,28px);border-radius:var(--r);overflow:hidden;aspect-ratio:16/10;
  background-color:var(--night);color:var(--night-text);
  background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:28px 28px}
.acv-signal{background-color:var(--signal);color:#fff;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px)}
.acv-light{background-color:var(--paper-2);color:var(--ink);background-image:linear-gradient(rgba(17,19,22,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(17,19,22,.06) 1px,transparent 1px);box-shadow:inset 0 0 0 1px var(--line)}
.acv-tag{position:absolute;left:clamp(18px,2.2vw,28px);top:clamp(16px,2vw,24px);font:500 11px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;opacity:.75}
.acv-big{font:700 clamp(54px,6.4vw,104px)/.9 var(--f-display);letter-spacing:-.055em;white-space:nowrap}
.acv-sub{font:500 12.5px/1.3 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;opacity:.8}
.acv-dot{position:absolute;right:clamp(18px,2.2vw,26px);top:clamp(16px,2vw,24px);width:12px;height:12px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 6px rgba(227,83,29,.18)}
.acv-signal .acv-dot{background:var(--ink);box-shadow:0 0 0 6px rgba(17,19,22,.15)}

/* карточки в списке */
.art-grid{gap:18px}
.art-card{padding:0;overflow:hidden;background:var(--card);color:var(--ink);border:1px solid var(--line)}
.art-card-cv{border-radius:0;aspect-ratio:16/8;box-shadow:none}
.art-card-body{display:flex;flex-direction:column;flex:1;padding:clamp(20px,2.2vw,28px)}
.art-card-k{display:block}
.art-card-t{display:block;font:700 clamp(20px,1.8vw,24px)/1.22 var(--f-display);letter-spacing:-.02em;margin:0 0 10px;color:var(--ink)}
.art-card-d{display:block;margin:0 0 18px;color:var(--muted);font-size:15px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.art-card:hover .acv-big{transform:translateY(-3px)}
.acv-big{transition:transform .4s var(--ease)}
/* крупная карточка: текст слева, обложка справа, светлая */
.art-card.is-big{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:var(--card);color:var(--ink);border-color:var(--line);padding:0}
.art-card.is-big:hover{border-color:var(--ink)}
.art-card.is-big .art-card-cv{order:2;aspect-ratio:auto;min-height:340px}
.art-card.is-big .art-card-body{padding:clamp(26px,3.4vw,48px);justify-content:center}
.art-card.is-big .art-card-k{color:var(--signal-ink)}
.art-card.is-big .art-card-t{font-size:clamp(26px,2.8vw,38px);max-width:20ch}
.art-card.is-big .art-card-d{color:var(--ink-2);font-size:16.5px;-webkit-line-clamp:4}
.art-card.is-big .acv-big{font-size:clamp(80px,9vw,150px)}

/* блок скачивания — светлый */
.dl-card{background:var(--paper-2);color:var(--ink);border:1px solid var(--line)}
.dl-card .dl-t{color:var(--ink)}
.dl-card .dl-text p{color:var(--ink-2)}
.dl-card .kicker{color:var(--signal-ink)}
.dl-card .btn-primary{background:var(--ink);color:var(--paper)}
.dl-card .dl-meta{color:var(--muted)}

/* страница статьи */
.art-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.55fr);gap:clamp(24px,4vw,64px);align-items:end}
.art-h1{font:700 clamp(32px,4vw,54px)/1.12 var(--f-display);letter-spacing:-.03em;margin:0 0 20px;max-width:22ch;text-wrap:balance}
.art-hero .lead{max-width:60ch}
.art-hero-cv{aspect-ratio:1/1}
.art-hero-cv .acv-big{font-size:clamp(56px,6vw,96px)}
.art-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(32px,5vw,80px);align-items:start;padding-top:clamp(8px,2vw,24px)}
.art-main{min-width:0}
.art-main .art-body{max-width:none;padding-bottom:clamp(16px,3vw,32px)}
.art-main .art-body>*{max-width:720px}
.art-side{position:sticky;top:100px;display:grid;gap:14px}
.art-side .art-toc{padding:20px 22px}
.art-side .art-toc ol{font-size:14px;gap:8px}
.art-toc-m{display:none}
.dl-mini{border:1px solid var(--line);border-radius:var(--r);background:var(--paper-2);padding:20px 22px;display:grid;gap:6px;justify-items:start}
.dl-mini-cv{width:70px;aspect-ratio:1/1.35;border-radius:8px;background:linear-gradient(150deg,#171e3c,#263aa0 55%,#4356d6);display:flex;flex-direction:column;justify-content:flex-end;padding:8px;margin-bottom:8px;transform:rotate(-4deg)}
.dl-mini-cv span{font:800 17px/1 var(--f-display);color:#fff}
.dl-mini-cv small{font:500 8px var(--f-mono);letter-spacing:0;text-transform:uppercase;color:#a9b7ff;margin-top:2px}
.dl-mini-t{margin:0;font:600 16px/1.3 var(--f-display)}
.dl-mini-m{margin:0 0 8px;font:500 12px var(--f-mono);color:var(--muted)}
.art-sources{padding-top:8px}
.art-sources>*{max-width:720px}
.art-h2{padding-top:clamp(12px,2vw,20px);border-top:1px solid var(--line)}
.art-body>.art-h2:first-child{border-top:0;padding-top:0;margin-top:0}
.art-callout{border-radius:0 10px 10px 0}
@media (max-width:980px){
  .art-hero{grid-template-columns:1fr}
  .art-hero-cv{aspect-ratio:16/8;max-width:520px}
  .art-layout{grid-template-columns:1fr}
  .art-side{display:none}
  .art-toc-m{display:block;margin-bottom:28px;border:1px solid var(--line);border-radius:var(--r);background:var(--card)}
  .art-toc-m summary{cursor:pointer;list-style:none;padding:14px 18px;font:500 12px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--signal-ink)}
  .art-toc-m summary::-webkit-details-marker{display:none}
  .art-toc-m .art-toc{border:0;background:none;padding:0 18px 16px}
  .art-card.is-big{grid-template-columns:1fr}
  .art-card.is-big .art-card-cv{order:0;min-height:0;aspect-ratio:16/8}
}
@media (max-width:640px){.art-card.is-big .acv-big,.art-hero-cv .acv-big{font-size:64px}}
.art-card .acv-tag{display:none}
.art-side .art-toc{max-height:calc(100vh - 330px);overflow:auto;scrollbar-width:thin}
.art-side .art-toc a.is-active{color:var(--ink);font-weight:600;border-color:transparent}
.art-side .art-toc li:has(a.is-active)::marker{color:var(--ink)}
.art-side .art-toc{max-height:calc(100vh - 420px);min-height:180px}
/* Кейс: реальные креативы */
.creatives{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-top:22px}
.creative{margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--card)}
.creative img{display:block;width:100%;height:auto}
.creative figcaption{padding:10px 12px;font-size:13px;color:var(--ink-2)}
/* 4 кейса — сетка 2×2 вместо 3+1 */
@media (min-width:900px){.case-grid:has(> :nth-child(4):last-child){grid-template-columns:repeat(2,1fr)}}
.case-note{margin-top:18px;padding:14px 16px;border-left:3px solid var(--signal);background:var(--card);border-radius:0 10px 10px 0;font-size:15px;color:var(--ink-2)}

/* ---------- QA 03.10: читаемость и касания на телефоне/планшете ---------- */
@media (max-width:768px){
  .kicker,.foot-h,dt,th,small,.cc-meta span,.art-card-k,.calc-g legend,.co-k,.mode-d,.q-sub,.q-block,.photo-facts li,
  .seg-count,.not-h,.choose-tag,.stage-a span,.log-note,.ap-card-a span,.res,.clients-k,.nda-chip,.hint-cap,.xr-title,
  .chart figcaption{font-size:12px}
  .copy{display:inline-flex;align-items:center;min-height:40px}
  .xr-again{min-height:40px;padding:10px 16px}
}
/* подписи графика масштабируются вместе с SVG — на узком экране делаем их крупнее */
@media (max-width:600px){.chart-v{font-size:22px}.chart-x{font-size:20px}}
@media (min-width:601px) and (max-width:900px){.chart-v{font-size:18px}.chart-x{font-size:17px}}
@media (max-width:768px){.passport dt,.tbl th,.metrics small,.deliver-side .xr-title{font-size:12px}.co-k{font-size:12px!important}}
/* Кейсы на телефоне: таблица гипотез → карточки, цифры — в два столбца */
@media (max-width:640px){
  .case-blk .tbl{overflow:visible;border:0;background:none}
  .case-blk .tbl table,.case-blk .tbl tbody,.case-blk .tbl tr,.case-blk .tbl td{display:block;width:100%}
  .case-blk .tbl thead{display:none}
  .case-blk .tbl tr{border:1px solid var(--line);border-radius:12px;background:var(--card);padding:6px 16px;margin-bottom:12px}
  .case-blk .tbl td{padding:10px 0;border:0;border-bottom:1px solid var(--line)}
  .case-blk .tbl td:last-child{border-bottom:0}
  .case-blk .tbl td::before{content:attr(data-label);display:block;font:500 12px var(--f-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
  .metrics{grid-template-columns:1fr 1fr;gap:10px}
  .metrics li{padding:14px}
  .metrics strong{font-size:21px}
}
@media (max-width:640px){.case-blk .tbl table{min-width:0}}
@media (max-width:600px){.chart-v{font-size:25px}.chart-x{font-size:24px}}
@media (max-width:360px){.chart-v{font-size:31px}.chart-x{font-size:29px}}
/* QA 03.10 (2): длинная кнопка самодиагностики переносится; 2-колоночные таблицы статей помещаются на телефон без прокрутки */
.diag-out .btn{white-space:normal;text-align:left;line-height:1.3;height:auto;min-height:48px;padding-block:12px}
.art-tbl table{min-width:0}
.art-tbl table:has(th:nth-child(4)){min-width:440px}
@media (max-width:640px){.art-tbl th,.art-tbl td{padding:10px 10px;font-size:15px}}
.nda-chip{max-width:100%;white-space:normal}
@media (max-width:640px){.art-tbl th,.art-tbl td{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:anywhere}.art-tbl th{letter-spacing:.02em}}
/* chain — статичное сравнение (без переключателя) */
.chain-cmp{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:4px 0 26px}
.ccmp{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center;padding:20px 22px;border-radius:var(--r);border:1px solid var(--line);background:var(--card)}
.ccmp-mine{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.ccmp-n{margin:0;font:700 clamp(40px,4.4vw,60px)/.9 var(--f-display);letter-spacing:-.04em}
.ccmp-n span{display:block;font:500 12px var(--f-mono);letter-spacing:.06em;margin-top:6px;opacity:.6}
.ccmp-k{margin:0 0 10px;font:600 16px/1.2 var(--f-display)}
.ccmp-bar{display:grid;grid-template-columns:repeat(15,1fr);gap:3px;margin-bottom:10px}
.ccmp-bar i{display:block;height:8px;border-radius:3px;background:var(--line-2)}
.ccmp-typ .ccmp-bar i.on{background:var(--ink)}
.ccmp-mine .ccmp-bar i{background:rgba(255,255,255,.18)}
.ccmp-mine .ccmp-bar i.on{background:var(--signal)}
.ccmp-d{margin:0;font-size:14.5px;line-height:1.45;color:var(--ink-2)}
.ccmp-mine .ccmp-d{color:#C9CDD2}
.chain-legend{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:0 0 14px;font-size:14px;color:var(--ink-2)}
.chain-legend .lg{width:12px;height:12px;border-radius:4px;display:inline-block}
.chain-legend .lg-mine{margin-left:14px}
.lg-typ{background:var(--ink)}
.lg-mine{background:var(--signal)}
.chips.is-static .chip{opacity:1}
.chips.is-static .chip.is-typical{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.chips.is-static .chip.is-typical .chip-n{color:#9AA0A6}
.chips.is-static .chip.is-mine{background:color-mix(in srgb,var(--signal) 9%,var(--card));border-color:color-mix(in srgb,var(--signal) 45%,var(--line-2))}
.chips.is-static .chip.is-mine .chip-n{color:var(--signal)}
@media (max-width:900px){.chain-cmp{grid-template-columns:1fr}}
@media (max-width:480px){.ccmp{gap:14px;padding:16px}.chain-legend .lg-mine{margin-left:6px}}
.chain-legend{gap:6px 20px}.chain-legend .lg-i{display:inline-flex;align-items:center;gap:8px}.chain-legend .lg-mine{margin-left:0}
/* chain-v — второй экран: одна полоса из 15 этапов */
.cv{display:grid;gap:clamp(14px,1.6vw,20px)}
.cv-head{display:flex;align-items:baseline;gap:14px}
.cv-n{margin:0;font:700 clamp(56px,7vw,104px)/.85 var(--f-display);letter-spacing:-.05em;color:var(--signal)}
.cv-cap{margin:0;font:600 clamp(16px,1.5vw,20px)/1.2 var(--f-display);color:var(--ink)}
.cv-bars{display:grid;grid-template-columns:repeat(15,1fr);gap:clamp(4px,.6vw,8px);padding-top:30px}
.cv-bars i{position:relative;display:block;height:clamp(44px,5.4vw,76px);border-radius:8px;background:var(--signal);cursor:default;outline:none;transition:transform .2s var(--ease),opacity .25s}
.cv-bars i.typ{background:var(--ink)}
.cv-bars i:hover,.cv-bars i:focus-visible,.cv-bars i:focus{transform:translateY(-4px)}
.cv-bars i::after{content:attr(data-step);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);white-space:nowrap;padding:6px 10px;border-radius:8px;background:var(--ink);color:var(--paper);font:500 12px/1 var(--f-mono);letter-spacing:.02em;display:none;pointer-events:none;z-index:3}
.cv-bars i:nth-child(-n+3)::after{left:0;transform:none}
.cv-bars i:nth-last-child(-n+3)::after{left:auto;right:0;transform:none}
.cv-bars i:hover::after,.cv-bars i:focus::after{display:block}
.cv-legend{display:flex;flex-wrap:wrap;gap:8px 24px;margin:0;font-size:15px;color:var(--ink-2)}
.lgi{display:inline-flex;align-items:center;gap:8px;cursor:default}
.lgi i{width:14px;height:14px;border-radius:4px;background:var(--signal)}
.lgi-typ i{background:var(--ink)}
.lgi b{font:700 17px var(--f-display);color:var(--ink)}
.lgi-mine b{color:var(--signal)}
.cv:has(.lgi-typ:hover) .cv-bars i.mine,.cv:has(.lgi-mine:hover) .cv-bars i.typ{opacity:.18}
.cv-result{margin:clamp(6px,1vw,12px) 0 0;font:600 clamp(18px,1.9vw,26px)/1.35 var(--f-display);letter-spacing:-.015em;max-width:60ch}
@media (max-width:700px){.cv-bars{position:relative;padding-top:40px}.cv-bars i{position:static;height:38px;border-radius:6px}.cv-bars i:hover,.cv-bars i:focus,.cv-bars i:focus-visible{transform:none;outline:2px solid var(--ink);outline-offset:2px}.cv-bars i::after,.cv-bars i:nth-child(n)::after{top:0;bottom:auto;left:0;right:0;transform:none;width:max-content;max-width:100%;margin:0 auto;white-space:normal;text-align:center;line-height:1.25}}

/* кейсы на главной: заголовок + карточки, NDA — сноской в конце */
.cs-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:28px}
.cs-head .h2{margin:0}
.cs-all{display:inline-flex;gap:8px;align-items:center;font-weight:500;font-size:16px;color:var(--ink);text-decoration:none;white-space:nowrap}
.cs-all:hover{color:var(--signal)}
.cs-nda{display:flex;align-items:center;gap:12px;margin:22px 0 0;font-size:14.5px;color:var(--muted)}
.cs-nda .nda-seal{flex:none}
.nda-after{margin-top:clamp(40px,6vw,72px)}.nda-after .nda{margin:0}
.night+.cta-band{border-top:1px solid var(--night-line)}

/* обучение на «Обо мне» */
.edu-sec{padding-top:0}
.edu{list-style:none;margin:32px 0 0;padding:0;border-top:1px solid var(--line)}
.edu li{display:grid;grid-template-columns:140px minmax(0,1fr) minmax(0,.7fr);gap:8px 24px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--line)}
.edu-y{font:500 13px var(--f-mono);letter-spacing:.04em;color:var(--signal-ink)}
.edu-t{font:600 18px/1.3 var(--f-display);letter-spacing:-.01em}
.edu-s{color:var(--muted);font-size:15.5px}
@media (max-width:700px){.edu li{grid-template-columns:minmax(0,1fr);gap:4px}}

/* «Подход» — первый экран: заголовок + полоса из 8 этапов */
.ap-hero2 .ap-h1{max-width:none;font-size:clamp(44px,7.2vw,112px);line-height:1.1;letter-spacing:-.045em}
.ap-lead{max-width:56ch;margin-top:clamp(16px,2vw,24px)}
.ap-track{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,1.35fr) minmax(0,2.3fr);gap:clamp(8px,1vw,14px);margin-top:clamp(32px,4.5vw,56px)}
.apt-g{border-radius:var(--r);padding:clamp(16px,1.8vw,24px);background:var(--card);border:1px solid var(--line);min-width:0}
.apt-pre{background:var(--signal);border-color:var(--signal);color:#fff}
.apt-go{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.apt-h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;margin:0 0 clamp(14px,1.6vw,20px);padding-bottom:12px;border-bottom:1px solid currentColor;border-color:rgba(127,127,127,.35)}
.apt-pre .apt-h{border-color:rgba(255,255,255,.4)}
.apt-h b{font:600 13px/1.2 var(--f-mono);letter-spacing:.08em;text-transform:uppercase}
.apt-h span{font:700 clamp(17px,1.5vw,22px)/1.1 var(--f-display);letter-spacing:-.02em}
.apt-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:clamp(10px,1.2vw,18px)}
.apt-list li{display:grid;align-content:start;gap:6px;min-width:0}
.apt-n{font:500 12px var(--f-mono);opacity:.7}
.apt-t{font:700 clamp(15px,1.3vw,20px)/1.15 var(--f-display);letter-spacing:-.025em;overflow-wrap:normal;hyphens:auto;-webkit-hyphens:auto}
.apt-a{font-size:14px;line-height:1.35;opacity:.8}
.apt-grow .apt-a{color:var(--muted);opacity:1}
.ap-hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:clamp(24px,3vw,36px)}
@media (max-width:1100px){.ap-track{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.apt-pre{grid-column:1/-1}.apt-pre .apt-list{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (max-width:640px){.ap-track{grid-template-columns:minmax(0,1fr)}.apt-list,.apt-pre .apt-list{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.apt-go .apt-h,.apt-grow .apt-h{flex-direction:column;align-items:flex-start}
@media (max-width:640px){.ap-hero-cta .btn{width:100%;justify-content:center;white-space:normal;text-align:center}}

/* статьи: широкие таблицы на телефоне → карточки; длинные email и кнопки не вылезают */
@media (max-width:640px){
  .art-tbl-wide{overflow:visible;border:0;background:none}
  .art-tbl-wide table,.art-tbl-wide tbody,.art-tbl-wide tr,.art-tbl-wide td{display:block;width:100%;min-width:0!important}
  .art-tbl-wide thead{display:none}
  .art-tbl-wide tr{border:1px solid var(--line);border-radius:12px;background:var(--card);padding:4px 16px;margin-bottom:10px}
  .art-tbl-wide td{padding:9px 0;border:0;border-bottom:1px solid var(--line);font-size:15.5px}
  .art-tbl-wide td:last-child{border-bottom:0}
  .art-tbl-wide td:first-child{font:600 17px/1.3 var(--f-display);padding-top:12px}
  .art-tbl-wide td:not(:first-child)::before{content:attr(data-label);display:block;font:500 11.5px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:3px}
}
.contact-list .big{overflow-wrap:anywhere}
@media (max-width:420px){.btn{white-space:normal;max-width:100%;text-align:center;line-height:1.25;padding-block:12px}}

/* главная, первый экран: текст сверху, кнопки — по нижнему краю фото */
@media (min-width:861px){
  .hero-grid{align-items:stretch}
  .hero-text{display:flex;flex-direction:column}
  .hero-text .hero-cta{margin-top:auto;margin-bottom:0;padding-top:28px}
  .hero-photo{align-self:start}
}

/* обложки статей: длинная надпись («200→10», «24 год») — мельче, чтобы не вылезала */
.acv-big.acv-long{font-size:clamp(38px,4.4vw,72px)}
.art-card.is-big .acv-big.acv-long{font-size:clamp(56px,6.2vw,104px)}
.art-hero-cv .acv-big.acv-long{font-size:clamp(40px,4.2vw,66px)}
@media (max-width:640px){.art-card.is-big .acv-big.acv-long,.art-hero-cv .acv-big.acv-long{font-size:46px}}

/* апостроф (з’їдає): отступ, чтобы в плотных заголовках не налезал на ї/є */
.apo{letter-spacing:0}
.apo-i{margin-right:.07em}
@media (max-width:600px){.h1-line>span{line-height:1.04}}

/* окно согласия по центру: фон затемнён, страница не прокручивается до выбора */
.cookie-lock,.cookie-lock body{overflow:hidden}
.cookie-bg{position:fixed;inset:0;z-index:59;background:rgba(10,12,14,.55);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:cookieFade .3s ease both}
.cookie.cookie-modal{top:50%;bottom:auto;transform:translateY(-50%);max-width:480px;padding:28px;animation:cookieModal .4s var(--ease) both}
.cookie.cookie-modal .cookie-t{font-size:22px;margin-bottom:8px}
.cookie.cookie-modal div button{flex:1 1 0;min-width:0;padding:0 12px}
.cookie.cookie-modal{max-width:560px}
@keyframes cookieFade{from{opacity:0}to{opacity:1}}
@keyframes cookieModal{from{opacity:0;transform:translateY(calc(-50% + 16px))}to{opacity:1;transform:translateY(-50%)}}
.foot-legal .link-btn{background:none;border:0;padding:0;font:400 12px var(--f-mono);color:var(--night-muted);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
@media (max-width:480px){.cookie.cookie-modal div{flex-direction:column}.cookie.cookie-modal div button{flex:none;width:100%}}