@font-face{font-family:'Golos Text';font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/golos-text-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/golos-text-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/golos-text-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Martian Mono';font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/martian-mono-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Martian Mono';font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/martian-mono-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Martian Mono';font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/martian-mono-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Sofia Sans Extra Condensed';font-style:normal;font-weight:400 900;font-display:swap;src:url(../fonts/sofia-sans-extra-condensed-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Sofia Sans Extra Condensed';font-style:normal;font-weight:400 900;font-display:swap;src:url(../fonts/sofia-sans-extra-condensed-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Sofia Sans Extra Condensed';font-style:normal;font-weight:400 900;font-display:swap;src:url(../fonts/sofia-sans-extra-condensed-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root{
  --paper:#fff;--paper-2:#F0F1F4;--paper-3:#E2E4EA;
  --ink:#101114;--ink-2:#4A4E57;--ink-3:#626772;--line:#D8DBE1;
  --lime:#C9F53B;--lime-2:#E9FBB0;--lime-ink:#3B5108;
  --blue:#3423E3;--blue-2:#E5E3FD;--blue-3:#B9B3FA;
  --coral:#FF4B33;--coral-2:#FF9485;--coral-ink:#C32810;
  --yellow:#FFD83D;--yellow-2:#FFEE8A;--pink:#FFC4BD;
  --f-d:'Sofia Sans Extra Condensed','Arial Narrow',sans-serif;
  --f-b:'Golos Text',system-ui,-apple-system,'Segoe UI',sans-serif;
  --f-m:'Martian Mono',ui-monospace,Menlo,monospace;
  --ease:cubic-bezier(.16,1,.3,1);
  --wrap:1320px;--gut:clamp(20px,4vw,56px);
  --nav-h:68px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 16px);scrollbar-color:var(--ink) var(--paper-2)}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1.0625rem/1.55 var(--f-b);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
::selection{background:var(--lime);color:var(--ink)}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure,pre{margin:0}
ul,ol{padding:0;list-style:none}
img,svg,canvas{display:block;max-width:100%}
a{color:inherit;text-decoration-thickness:1.5px;text-underline-offset:.2em}
a:hover{text-decoration-color:var(--blue)}
button,input,select{font:inherit;color:inherit}
input,select{caret-color:var(--blue)}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:4px}
.sec--ink :focus-visible,.sec--blue :focus-visible,.foot :focus-visible{outline-color:var(--lime)}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--ink);color:#fff;padding:10px 16px;border-radius:8px}
.skip:focus{top:12px}
.num{font-family:var(--f-m);font-variant-numeric:tabular-nums;font-feature-settings:"zero" 0;letter-spacing:-.02em}
.fig{font-family:var(--f-b);font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.015em;white-space:nowrap}
.wrap{width:min(100% - 2*var(--gut),var(--wrap));margin-inline:auto}

h1,h2,.h-display{font-family:var(--f-d);font-weight:800;line-height:.9;letter-spacing:0;text-wrap:balance}
h1{font-size:clamp(3.4rem,7.4vw,7.25rem)}
h2{font-size:clamp(2.7rem,5.2vw,5rem)}
h3{font-family:var(--f-d);font-weight:800;font-size:clamp(1.9rem,2.6vw,2.5rem);line-height:.98;text-wrap:balance}
.lead{font-size:clamp(1.0625rem,1.35vw,1.3125rem);line-height:1.5;max-width:62ch;text-wrap:pretty}
.fine{font-size:.8125rem;line-height:1.5;color:var(--ink-3);max-width:70ch}
.sec--ink .fine{color:rgba(255,255,255,.68)}
.sec--blue .fine{color:rgba(255,255,255,.8)}
.more{margin-top:clamp(32px,4vw,56px)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:14px 26px;border:0;border-radius:12px;background:var(--ink);color:#fff;font:600 1rem/1.2 var(--f-b);text-decoration:none;cursor:pointer;transition:background .25s var(--ease),color .25s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease)}
.btn:hover{background:var(--blue)}
.btn:active{transform:scale(.97)}
.btn--ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.btn--ghost:hover{background:var(--ink);color:#fff}
.btn--sm{min-height:42px;padding:9px 18px;font-size:.9375rem;border-radius:10px}
.btn--wide{width:100%}
.btn[disabled]{opacity:.6;cursor:progress}
.sec--ink .btn,.sec--blue .btn{background:var(--lime);color:var(--ink)}
.sec--ink .btn:hover,.sec--blue .btn:hover{background:#fff}
.link-arrow{display:inline-flex;align-items:center;gap:10px;font-weight:600;text-decoration:none;padding-bottom:3px;background:linear-gradient(currentColor,currentColor) 0 100%/100% 2px no-repeat;transition:background-size .3s var(--ease)}
.link-arrow::after{content:"";width:18px;height:12px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12'%3E%3Cpath d='M0 6h15M11 1l5 5-5 5' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12'%3E%3Cpath d='M0 6h15M11 1l5 5-5 5' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .3s var(--ease)}
.link-arrow:hover::after{transform:translateX(5px)}
.link-arrow:hover{color:var(--blue)}
.link-arrow--inv:hover{color:var(--lime)}

/* stamps, statuses, scores */
.stamp{--rot:-4deg;display:inline-block;font:800 1.1rem/1 var(--f-d);font-style:normal;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;padding:.3em .55em .24em;border:.13em solid currentColor;border-radius:.38em;color:var(--blue);transform:rotate(var(--rot));transform-origin:50% 60%}
.stamp--blue{color:var(--blue)}
.stamp--ink{color:var(--ink)}
.stamp--coral{color:var(--coral-ink)}
.stamp--green{background:var(--lime);color:var(--ink);border-color:var(--ink)}
.stamp--xl{font-size:clamp(1.5rem,2.2vw,2.1rem)}
.sec--ink .stamp--coral{color:var(--coral)}
html.js [data-stamp]:not(.is-in){opacity:0}
.is-in.stamp,.is-in[data-stamp]{animation:thunk .5s var(--ease) both}
@keyframes thunk{0%{opacity:0;transform:rotate(calc(var(--rot,0deg) - 7deg)) scale(1.9)}50%{opacity:1;transform:rotate(var(--rot,0deg)) scale(.93)}100%{opacity:1;transform:rotate(var(--rot,0deg)) scale(1)}}
.status{display:inline-block;font:600 .8125rem/1.25 var(--f-b);font-style:normal;padding:.36em .62em;border-radius:5px;color:var(--ink);background:var(--paper-3)}
.status--lime{background:var(--lime)}.status--yellow{background:var(--yellow-2)}.status--coral{background:var(--coral-2)}.status--pink{background:var(--pink)}
.scorechip{display:inline-grid;place-items:center;min-width:2.9em;padding:.42em .5em;border-radius:5px;background:var(--lime);color:var(--ink);font-size:.8125rem;font-weight:600;line-height:1}
.ramp{position:relative;height:8px;border-radius:99px;background:linear-gradient(90deg,var(--coral),var(--yellow) 52%,var(--lime))}
.ramp i{position:absolute;top:-5px;left:0;width:4px;height:18px;margin-left:-2px;border-radius:2px;background:var(--ink);box-shadow:0 0 0 2px #fff;transition:left .6s var(--ease)}
.ramp--full i{display:none}
.ticks{display:grid;gap:12px}
.ticks li{position:relative;padding-left:32px}
.ticks li::before{content:"";position:absolute;left:0;top:.28em;width:20px;height:20px;border-radius:5px;background:var(--ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3.2L15 7' fill='none' stroke='%23C9F53B' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.ticks--no li::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6 6l8 8M14 6l-8 8' fill='none' stroke='%23FF9485' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E")}
.ticks--inv li::before{background-color:rgba(255,255,255,.14)}

/* nav */
.nav{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.9);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:border-color .3s}
.nav.is-stuck{border-color:var(--line)}
.nav__in{display:flex;align-items:center;gap:28px;height:var(--nav-h);width:min(100% - 2*var(--gut),1440px);margin-inline:auto}
.logo{display:inline-flex;align-items:center;gap:9px;text-decoration:none;margin-right:auto}
.logo__name{font:800 1.75rem/1 var(--f-d);letter-spacing:.01em}
.logo__sub{font:500 .75rem/1 var(--f-m);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);padding-top:6px}
.nav__links{display:flex;gap:clamp(16px,2vw,30px)}
.nav__links a{font-weight:500;font-size:.9375rem;text-decoration:none;padding:6px 0;background:linear-gradient(var(--lime),var(--lime)) 0 100%/0 4px no-repeat;transition:background-size .35s var(--ease)}
.nav__links a:hover,.nav__links a[aria-current]{background-size:100% 4px}
.nav__burger{display:none;width:44px;height:44px;place-items:center;border:0;border-radius:10px;background:var(--paper-2);cursor:pointer}
.menu{padding:8px var(--gut) 24px;display:grid;gap:10px;border-top:1px solid var(--line);background:#fff}
.menu nav{display:grid;margin-bottom:8px}
.menu nav a{font:800 2rem/1 var(--f-d);text-decoration:none;padding:13px 0;border-bottom:1px solid var(--line)}
@media (max-width:1020px){.nav__links{display:none}.nav__burger{display:grid}}
@media (max-width:520px){.nav__cta{display:none}}

/* sections */
.sec{padding-block:clamp(76px,9.5vw,148px)}
.sec--ink,.sec--blue,.sec--grey,.sec--lime{margin-inline:clamp(8px,1.1vw,16px);border-radius:clamp(22px,2.6vw,40px)}
.sec--ink{background:var(--ink);color:#fff}
.sec--blue{background:var(--blue);color:#fff}
.sec--grey{background:var(--paper-2)}
.sec--lime{background:var(--lime)}
.sec--ink .lead,.sec--blue .lead{color:rgba(255,255,255,.86)}
.split{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(24px,5vw,88px);align-items:end}
.split--head{margin-bottom:clamp(44px,6vw,88px)}
.split--head .lead{padding-bottom:.4em}
@media (max-width:860px){.split{grid-template-columns:1fr;gap:20px}}

/* hero */
.hero{--track-x:clamp(14px,2.2vw,36px);--track-top:18px;--track-bottom:30px;--track-r:clamp(36px,5vw,72px);--band:30px;position:relative;min-height:max(660px,min(calc(100svh - var(--nav-h)),940px));display:grid}
.hero__canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hero__stations{position:absolute;inset:0;pointer-events:none}
.station{position:absolute;left:0;top:0;transform:translate(-50%,-50%);background:#fff;border:2px solid var(--ink);border-radius:10px;padding:7px 15px 8px;text-align:center;white-space:nowrap;transition:background .5s var(--ease),transform .5s var(--ease);opacity:0}
.station.is-placed{opacity:1}
.station b{display:block;font:800 1.625rem/1 var(--f-d);letter-spacing:.06em;text-transform:uppercase}
.station span{display:block;font-size:.75rem;line-height:1.2;color:var(--ink-2);margin-top:1px}
.station.is-hit{background:var(--lime);transform:translate(-50%,-50%) scale(1.1);transition-duration:.12s}
.hero__in{position:relative;display:grid;grid-template-columns:minmax(0,1fr) clamp(320px,30vw,450px);gap:clamp(28px,3.4vw,64px);align-items:center;padding:calc(var(--track-top) + 98px) calc(var(--track-x) + clamp(84px,7.4vw,132px)) calc(var(--track-bottom) + 100px)}
.hero__copy h1{font-size:clamp(3.2rem,min(6.1vw,11.4vh),6.75rem)}
.hero__copy .lead{margin-top:clamp(20px,2.2vw,32px);max-width:33em}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(24px,2.6vw,38px)}
.hero__note{margin-top:22px;font-size:.9375rem;color:var(--ink-2);max-width:36em}
.hero__note a{color:var(--ink);font-weight:600}
.hero__scene{display:grid;justify-items:center}
.slip{width:min(100%,450px);background:#fff;border:2px solid var(--ink);border-radius:16px;transform:rotate(1.6deg);box-shadow:0 30px 60px -34px rgba(16,17,20,.45),0 6px 14px -8px rgba(16,17,20,.18);transition:transform .7s var(--ease),opacity .4s}
.slip.is-swap{transform:rotate(1.6deg) translateY(-14px);opacity:0}
.slip__head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:14px 18px 12px;border-bottom:2px dashed var(--ink);font:800 1.2rem/1 var(--f-d);letter-spacing:.05em;text-transform:uppercase}
.slip__head .num{font-size:.75rem;font-weight:500;letter-spacing:0;white-space:nowrap}
.slip__rows li{display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:54px;padding:7px 16px 7px 18px;border-bottom:1px dashed var(--line);transition:opacity .4s,background-color .5s var(--ease)}
.slip__rows li.is-now{background:var(--lime-2)}
.slip__st{font:800 1.05rem/1 var(--f-d);letter-spacing:.05em;text-transform:uppercase}
.slip__what{font-size:.8125rem;line-height:1.25;color:var(--ink-2)}
.slip__rows .stamp{font-size:.95rem}
.slip__rows li:nth-child(odd) .stamp{--rot:3deg}
.slip__foot{padding:10px 18px 12px;font-size:.75rem;color:var(--ink-3)}
html.js .slip__rows li:not(.is-done){opacity:.34}
html.js .slip__rows li:not(.is-done) > :last-child{opacity:0}
.slip__rows li.is-done > :last-child{animation:thunk .45s var(--ease) both}
.slip__rows li.is-done > .status,.slip__rows li.is-done > .scorechip{--rot:0deg}
.slip__rows li.is-skip{opacity:.34}
.slip__rows li.is-skip .slip__what{text-decoration:line-through}
@media (max-width:899px){
  .hero{min-height:0;display:block}
  .hero__in{grid-template-columns:1fr;gap:34px;padding:clamp(28px,6vw,48px) var(--gut) 34px}
  .hero__copy h1{max-width:none}
  .hero__scene{padding:66px 38px 68px}
  .station span{display:none}
  .slip{transform:rotate(1deg)}
  .slip__rows li{grid-template-columns:54px minmax(0,1fr) auto;min-height:44px;padding:6px 12px;gap:8px}
  .slip__what{font-size:.75rem}
  .slip__head{padding:11px 12px 10px;font-size:1.05rem}
  .slip__foot{padding:8px 12px 10px}
  .station{padding:5px 9px 5px}
  .station b{font-size:1.125rem}
}
@media (max-height:780px) and (min-width:900px){.hero__note{display:none}}
@media (max-width:420px){.hero__scene{padding:64px 34px 66px}.slip__rows .stamp{font-size:.8rem}.slip__st{font-size:.95rem}}

/* problem */
.spiral{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(28px,5vw,88px);align-items:start}
.spiral__steps{counter-reset:s}
.spiral__steps li{counter-increment:s;display:grid;grid-template-columns:40px 1fr;column-gap:8px;padding:20px 0;border-top:1px solid rgba(255,255,255,.2);transition:color .4s}
.spiral__steps li:last-child{border-bottom:1px solid rgba(255,255,255,.2)}
.spiral__steps li::before{content:counter(s);grid-row:span 2;font:500 .875rem/2.3 var(--f-m);color:rgba(255,255,255,.5);transition:color .4s}
.spiral__steps b{font:800 clamp(1.7rem,2.5vw,2.3rem)/1 var(--f-d);letter-spacing:.01em}
.spiral__steps span{color:rgba(255,255,255,.7);font-size:1rem}
.spiral__steps li.is-on b,.spiral__steps li.is-on::before{color:var(--coral)}
.spiral__grid{display:grid;grid-template-columns:repeat(10,1fr);gap:6px}
.spiral__grid i{aspect-ratio:1.42;border-radius:4px;background:var(--lime);transition:background .5s var(--ease),transform .5s var(--ease)}
.spiral__grid i.bad{background:var(--coral)}
.spiral__grid i.pop{transform:scale(.72)}
.spiral__viz figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-top:18px;font-size:.9375rem;color:rgba(255,255,255,.8)}
.spiral__count b{font-size:1.5rem;color:var(--coral);margin-left:8px}
.spiral__viz .fine{margin-top:8px}
.delay{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(28px,5vw,88px);align-items:center;margin-top:clamp(64px,8vw,120px);padding-top:clamp(40px,5vw,64px);border-top:1px solid rgba(255,255,255,.2)}
.delay__copy p{margin-top:16px;color:rgba(255,255,255,.8);max-width:52ch}
.delay__axis{display:flex;justify-content:space-between;margin:0 0 10px 132px;font:500 .75rem/1 var(--f-m);color:rgba(255,255,255,.55)}
.delay__row{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:center;margin-top:12px}
.delay__name{font-size:.875rem;color:rgba(255,255,255,.85)}
.delay__track{position:relative;height:46px;border-radius:8px;background:rgba(255,255,255,.07)}
.delay__bar{position:absolute;left:0;top:0;bottom:0;border-radius:8px;transform-origin:0 50%}
.delay__bar--late{width:calc(100% - 96px);background:rgba(255,255,255,.2)}
.delay__bar--now{width:5%;background:var(--lime)}
.delay__flag{position:absolute;top:50%;translate:0 -50%}
.delay__flag--late{right:8px}
.delay__flag--now{left:calc(5% + 10px)}
html.js .delay__viz:not(.in) .delay__bar{transform:scaleX(0)}
html.js .delay__viz:not(.in) .delay__flag{opacity:0}
.delay__viz.in .delay__bar--late{transition:transform 3s linear .5s}
.delay__viz.in .delay__bar--now{transition:transform .4s var(--ease) .1s}
.delay__viz.in .delay__flag--now{animation:thunk .45s var(--ease) .5s both}
.delay__viz.in .delay__flag--late{animation:thunk .45s var(--ease) 3.5s both}
@media (max-width:860px){.spiral,.delay{grid-template-columns:1fr}.delay__axis{margin-left:92px}.delay__row{grid-template-columns:80px 1fr}}

/* mechanism */
.steps{border-bottom:2px solid var(--ink)}
.step{display:grid;grid-template-columns:44px minmax(0,1.05fr) minmax(0,1fr);gap:20px clamp(20px,3.4vw,64px);align-items:center;padding:clamp(28px,3.6vw,48px) 0;border-top:2px solid var(--ink)}
.step__n{font-size:1rem;font-weight:500;align-self:start;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--ink);color:#fff}
.step > *{min-width:0}
.step__copy p{margin-top:12px;color:var(--ink-2);max-width:50ch}
.code{background:var(--ink);color:#DADDE4;border-radius:14px;padding:20px 22px;font:500 .78rem/1.75 var(--f-m);overflow-x:auto;white-space:pre}
.code code{font:inherit}
.code b{color:var(--lime);font-weight:500}
.step__viz{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.step__viz--crm .status:nth-child(2){--rot:0deg}
.step__arrow,.step__scale{flex-basis:100%;font-size:.8125rem;color:var(--ink-3)}
.step__scale{display:flex;justify-content:space-between}
.step__viz--scores .ramp{flex-basis:100%;margin-top:6px}
.step__viz--scores .scorechip{font-size:.9375rem;min-width:3.1em;padding:.6em .5em}
.goal{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-basis:100%;padding:14px 18px;border:2px solid var(--ink);border-radius:12px;font-size:.9375rem}
.goal--off{border-style:dashed;border-color:var(--ink-3);color:var(--ink-3)}
@media (max-width:860px){.step{grid-template-columns:44px minmax(0,1fr)}.step > :nth-child(3){grid-column:2}}

/* your visit */
.yours__panel{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,.95fr);background:#fff;color:var(--ink);border-radius:22px}
.yours__panel > *{padding:clamp(20px,2.4vw,32px)}
.yours__panel > * + *{border-left:2px dashed var(--ink)}
.yours__panel > * + *::before,.yours__panel > * + *::after{content:"";position:absolute;width:26px;height:26px;border-radius:50%;background:var(--blue);translate:calc(-50% - 1px) 0}
.yours__panel > *{position:relative}
.yours__panel > * + *::before{top:-13px;left:0}
.yours__panel > * + *::after{bottom:-13px;left:0}
.yours__trail{display:grid;grid-template-rows:1fr auto;gap:12px;min-height:300px}
.yours__trail canvas{width:100%;height:100%;min-height:220px;border-radius:12px;background:var(--paper-2) radial-gradient(circle,var(--paper-3) 1.2px,transparent 1.4px) 0 0/18px 18px}
.yours__trail-label{font-size:.8125rem;color:var(--ink-3)}
.yours__signals{display:grid;align-content:center}
.yours__signals div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:13px 0;border-bottom:1px dashed var(--line)}
.yours__signals div:last-child{border-bottom:0}
.yours__signals dt{font-size:.9375rem;color:var(--ink-2)}
.yours__signals dd{font-size:1rem;font-weight:600}
.yours__score{display:grid;align-content:center;gap:10px}
.yours__score > span:first-child{font:800 1.3rem/1 var(--f-d);letter-spacing:.05em;text-transform:uppercase}
.yours__score > b{font-size:clamp(4rem,7vw,6.2rem);font-weight:600;line-height:.95;letter-spacing:-.06em}
.goals{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.goals li{padding:6px 9px;border:1.5px dashed var(--ink-3);border-radius:6px;font-size:.75rem;color:var(--ink-3);transition:background .3s,color .3s,border-color .3s}
.goals li.is-on{background:var(--lime);border:1.5px solid var(--ink);color:var(--ink);animation:thunk .45s var(--ease) both}
.yours__goals-note{font-size:.75rem;color:var(--ink-3)}
.yours__fine{margin-top:22px}
@media (max-width:960px){
  .yours__panel{grid-template-columns:1fr 1fr}
  .yours__trail{grid-column:1/-1;min-height:220px}
  .yours__panel > .yours__signals{border-left:0;border-top:2px dashed var(--ink)}
  .yours__panel > .yours__signals::before,.yours__panel > .yours__signals::after{display:none}
  .yours__panel > .yours__score{border-top:2px dashed var(--ink)}
  .yours__panel > .yours__score::after{display:none}
  .yours__panel > .yours__score::before{top:auto;margin-top:calc(-1 * clamp(20px,2.4vw,32px) - 14px)}
}
@media (max-width:620px){
  .yours__panel{grid-template-columns:1fr}
  .yours__panel > .yours__score{border-left:0}
  .yours__panel > .yours__score::before{display:none}
}

/* sandbox */
.sbx{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:clamp(24px,4vw,64px);align-items:start}
.sbx__grid{display:grid;grid-template-columns:repeat(30,1fr);gap:3px}
.sbx__grid i{aspect-ratio:1.45;border-radius:2.5px;background:var(--paper-3);transition:opacity .35s var(--ease),transform .35s var(--ease)}
.sbx__grid i.c0{background:var(--coral)}.sbx__grid i.c1{background:#FF9A5C}.sbx__grid i.c2{background:var(--yellow)}.sbx__grid i.c3{background:#E3F26A}.sbx__grid i.c4{background:var(--lime)}
.sbx__grid i.c4,.sbx__grid i.c3{box-shadow:inset 0 0 0 1px rgba(16,17,20,.25)}
.sbx__grid i.off{opacity:.2;box-shadow:none;transform:scale(.78)}
.sbx__label{display:flex;justify-content:space-between;align-items:baseline;font:800 1.5rem/1 var(--f-d);letter-spacing:.05em;text-transform:uppercase}
.sbx__label b{font-size:2.6rem;font-weight:600;letter-spacing:-.05em}
.range{-webkit-appearance:none;appearance:none;width:100%;height:36px;margin:14px 0 0;background:transparent;cursor:pointer}
.range::-webkit-slider-runnable-track{height:8px;border-radius:99px;background:linear-gradient(90deg,var(--coral),var(--yellow) 52%,var(--lime))}
.range::-moz-range-track{height:8px;border-radius:99px;background:linear-gradient(90deg,var(--coral),var(--yellow) 52%,var(--lime))}
.range::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;margin-top:-11px;border-radius:50%;background:var(--ink);border:6px solid #fff;box-shadow:0 0 0 2px var(--ink),0 6px 14px -4px rgba(16,17,20,.5);transition:transform .2s var(--ease)}
.range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--ink);border:6px solid #fff;box-shadow:0 0 0 2px var(--ink),0 6px 14px -4px rgba(16,17,20,.5)}
.range:active::-webkit-slider-thumb{transform:scale(1.12)}
.sbx__ticks{display:flex;justify-content:space-between;font-size:.75rem;color:var(--ink-3);padding:2px 9px 0 11px;width:calc(100% * 40 / 45 + 4px)}
.sbx__out{margin-top:26px;border-top:2px solid var(--ink)}
.sbx__out div{display:grid;gap:2px;padding:14px 0;border-bottom:1px dashed var(--ink-3)}
.sbx__out dt{font-size:.875rem;color:var(--ink-2)}
.sbx__out dd{display:flex;align-items:baseline;gap:12px}
.sbx__out dd b{font-size:2rem;font-weight:600;letter-spacing:-.05em}
.sbx__out dd span{font-size:.8125rem;color:var(--ink-3)}
.sbx .fine{margin-top:18px}
@media (max-width:860px){.sbx{grid-template-columns:1fr}.sbx__grid{grid-template-columns:repeat(24,1fr)}}

/* cases */
.case{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:0;border:2px solid var(--ink);border-radius:24px;background:#fff}
.case + .case{margin-top:clamp(18px,2.2vw,28px)}
.case__head{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:clamp(22px,3vw,44px)}
.case__no{position:absolute;top:clamp(18px,2.4vw,30px);right:clamp(18px,2.4vw,30px);font-size:.75rem;color:var(--ink-3)}
.case__body{padding:clamp(22px,3vw,44px);border-left:2px dashed var(--ink)}
.case__body::before,.case__body::after{content:"";position:absolute;left:calc(100% * 5 / 12);width:28px;height:28px;margin-left:-14px;border-radius:50%;background:#fff;border:2px solid var(--ink)}
.case__body::before{top:-16px;clip-path:inset(50% 0 0 0)}
.case__body::after{bottom:-16px;clip-path:inset(0 0 50% 0)}
.case__head .link-arrow{margin-top:auto}
.case__head h3{font-size:clamp(2.3rem,3.8vw,3.7rem);line-height:.92;padding-right:3.2rem}
.case__tag{margin-top:14px;font-size:.875rem;color:var(--ink-2)}
.case__head .stamp{margin:26px 0 30px}
.case:nth-of-type(even) .case__head .stamp{--rot:3deg}
.bars{display:grid;gap:10px}
.bars__row{display:grid;grid-template-columns:minmax(96px,150px) minmax(0,1fr) minmax(86px,auto);gap:14px;align-items:center;font-size:.9375rem}
.bars__row b{font-size:1.125rem;text-align:right}
.bars__track{height:38px;border-radius:7px;background:var(--paper-2)}
.bars__bar{display:block;height:100%;border-radius:7px;background:var(--lime);box-shadow:inset 0 0 0 1.5px var(--ink);transform-origin:0 50%;transition:transform 1.2s var(--ease)}
.bars__bar--off{background:var(--paper-3);box-shadow:none}
html.js [data-reveal]:not(.in) .bars__bar{transform:scaleX(0)}
.w-100{width:100%}.w-645{width:64.5%}.w-451{width:45.1%}.w-927{width:92.7%}.w-499{width:49.9%}
.bars__cap{font-size:.8125rem;color:var(--ink-3);margin-top:4px;max-width:60ch}
.case__facts{margin-top:26px}
.case__facts li{display:grid;grid-template-columns:minmax(120px,max-content) 1fr;gap:18px;align-items:baseline;padding:12px 0;border-top:1px dashed var(--ink-3);color:var(--ink-2);font-size:.9375rem}
.case__facts b{font-size:1.375rem;color:var(--ink);white-space:nowrap}
.video{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-top:clamp(18px,2.2vw,28px);padding:clamp(24px,3vw,40px);border-radius:20px;background:var(--paper-2)}
.video p{margin-top:8px;color:var(--ink-2);max-width:56ch}
@media (max-width:860px){.case{grid-template-columns:1fr}.case__body{border-left:0;border-top:2px dashed var(--ink)}.case__body::before,.case__body::after{display:none}.case__facts li{grid-template-columns:1fr;gap:2px}}

/* antifraud */
.fraud__in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,6vw,104px);align-items:center}
.fraud__copy .lead{margin-top:24px}
.fraud__copy .ticks{margin-top:30px}
.fraud__note{margin-top:28px;padding-top:22px;border-top:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.8);max-width:58ch}
.tg{justify-self:center;width:min(100%,430px)}
.tg__head{display:flex;gap:12px;align-items:center;padding:0 6px 14px}
.tg__ava{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--lime);color:var(--ink);font:800 1.5rem/1 var(--f-d)}
.tg__head b{display:block;font-size:1rem}
.tg__head div span{font-size:.8125rem;color:rgba(255,255,255,.6)}
.tg__msg{background:#1F2530;border-radius:6px 20px 20px 20px;padding:16px 16px 14px;font-size:.9375rem;line-height:1.45}
.tg__title{font-weight:700}
.tg__list{margin:12px 0 14px;display:grid;gap:8px}
.tg__list li{display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:center;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.06);transition:opacity .4s}
.tg__list li span:first-child{font-weight:600}
.tg__list li span:nth-child(2){grid-column:1;font-size:.75rem;color:rgba(255,255,255,.62)}
.risk{grid-row:1/3;grid-column:2;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--coral);color:var(--ink);font-size:.875rem;font-weight:600}
.tg__list li.is-clear{opacity:.35}
.tg__list li.is-clear span:first-child{text-decoration:line-through}
.tg__btns{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.tg__btns > *{display:grid;place-items:center;min-height:40px;border:0;border-radius:8px;background:rgba(255,255,255,.1);color:#fff;font:600 .875rem/1 var(--f-b)}
.tg__ok{cursor:pointer;transition:background .25s,color .25s}
.tg__ok:hover{background:rgba(255,255,255,.2)}
.tg__ok.is-done{background:var(--lime);color:var(--ink)}
.tg figcaption{margin-top:12px;padding-left:6px}
@media (max-width:900px){.fraud__in{grid-template-columns:1fr}}

/* compare */
.compare h2{margin-bottom:clamp(36px,5vw,64px)}
.cmp__row{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr) minmax(0,1.2fr);gap:clamp(14px,3vw,48px);padding:20px 0;border-top:1.5px solid var(--ink);align-items:baseline}
.cmp__row--head{border-top:0;padding:0 0 12px;font:800 1.4rem/1 var(--f-d);letter-spacing:.05em;text-transform:uppercase}
.cmp__row--head span:nth-child(2){color:var(--ink-3)}
.cmp__row > :first-child{font:800 clamp(1.4rem,2vw,1.8rem)/1.02 var(--f-d)}
.cmp__row:not(.cmp__row--head) > :nth-child(2){color:var(--ink-3)}
.cmp__row:not(.cmp__row--head) > :nth-child(3){font-weight:600;position:relative;padding-left:26px}
.cmp__row:not(.cmp__row--head) > :nth-child(3)::before{content:"";position:absolute;left:0;top:.42em;width:14px;height:14px;border-radius:4px;background:var(--lime);box-shadow:inset 0 0 0 1.5px var(--ink)}
@media (max-width:760px){.cmp__row{grid-template-columns:1fr;gap:8px}.cmp__row--head{display:none}.cmp__row:not(.cmp__row--head) > :nth-child(2)::before{content:"Без SolvAI: ";font-weight:600;color:var(--ink-2)}}

/* fit */
.fit h2{margin-bottom:clamp(40px,5vw,72px);max-width:14em}
.fit__cols{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(28px,5vw,88px)}
.fit__col .stamp{margin-bottom:26px}
.fit__col:last-child .stamp{--rot:3deg}
.fit .more{margin-top:clamp(36px,4vw,56px)}
.limits{margin-top:clamp(56px,7vw,104px);padding-top:clamp(36px,4vw,56px);border-top:2px solid var(--ink)}
.limits__grid{display:grid;grid-template-columns:1fr 1fr;gap:28px clamp(28px,5vw,88px);margin-top:28px}
.limits__grid p{color:var(--ink-2);max-width:56ch}
.limits__grid b{color:var(--ink)}
@media (max-width:760px){.fit__cols,.limits__grid{grid-template-columns:1fr}}

/* setup */
.needs{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,48px)}
.needs li{padding-top:22px;border-top:2px solid var(--ink)}
.needs__n{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--lime);box-shadow:inset 0 0 0 1.5px var(--ink);font-size:1rem;font-weight:500;margin-bottom:22px}
.needs p{margin-top:10px;color:var(--ink-2)}
.widget{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(28px,5vw,88px);align-items:center;margin-top:clamp(48px,6vw,88px);padding:clamp(28px,3.4vw,52px);border-radius:24px;background:var(--paper-2)}
.widget__big{display:grid;gap:12px}
.widget__big b{font-size:clamp(3.6rem,7.4vw,6.4rem);font-weight:700;line-height:.95;letter-spacing:-.04em}
.widget__big span{color:var(--ink-2);max-width:36ch}
@media (max-width:760px){.needs,.widget{grid-template-columns:1fr}}

/* contact */
.contact{margin-bottom:clamp(8px,1.1vw,16px)}
.contact__in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,6vw,104px);align-items:start}
.contact__copy .lead{margin-top:24px;color:#2A3606}
.contact__copy .ticks{margin-top:28px;color:#2A3606}
.contact__stamp{margin-top:38px;--rot:-5deg}
.contact__form{background:#fff;border-radius:22px;padding:clamp(22px,2.8vw,38px);box-shadow:0 30px 60px -40px rgba(42,54,6,.7)}
.form{display:grid;gap:16px}
.seg{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}
.seg legend{padding:0;margin-bottom:8px;font-size:.875rem;font-weight:600}
.seg label{cursor:pointer}
.seg input{position:absolute;opacity:0;pointer-events:none}
.seg span{display:block;padding:10px 14px;border-radius:9px;box-shadow:inset 0 0 0 1.5px var(--ink);font-size:.9375rem;font-weight:500;transition:background .2s,color .2s}
.seg input:checked + span{background:var(--ink);color:#fff}
.seg input:focus-visible + span{outline:3px solid var(--blue);outline-offset:3px}
.field label{display:block;margin-bottom:6px;font-size:.875rem;font-weight:600}
.field__opt{font-weight:400;color:var(--ink-3)}
.field input,.field select{width:100%;min-height:54px;padding:12px 14px;border:1.5px solid var(--ink);border-radius:10px;background:#fff;font-size:1rem}
.field select{appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 10'%3E%3Cpath d='M1 1l7 7 7-7' fill='none' stroke='%23101114' stroke-width='2'/%3E%3C/svg%3E") right 16px center/14px no-repeat;padding-right:44px}
.field input::placeholder{color:var(--ink-3)}
.field input:focus-visible,.field select:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:10px}
.field input[aria-invalid="true"]{border-color:var(--coral-ink);background:#FFF4F2}
.field__err{font-size:.8125rem;color:var(--coral-ink);margin-top:5px}
.field__err:empty{display:none}
.field--hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.check{display:grid;grid-template-columns:24px 1fr;gap:12px;font-size:.875rem;line-height:1.45;color:var(--ink-2);cursor:pointer}
.check input{appearance:none;width:24px;height:24px;margin:0;border:1.5px solid var(--ink);border-radius:6px;background:#fff center/16px no-repeat;cursor:pointer}
.check input:checked{background-color:var(--ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 10.5l4 4L16 6' fill='none' stroke='%23C9F53B' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.form__err{padding:12px 14px;border-radius:10px;background:#FFF4F2;color:var(--coral-ink);font-size:.9375rem}
.done{display:grid;gap:12px;justify-items:start;padding:12px 0}
.done .stamp{--rot:-5deg;margin-bottom:10px}
.done:focus{outline:0}
@media (max-width:860px){.contact__in{grid-template-columns:1fr}}

/* footer */
.foot{background:var(--ink);color:#fff;margin:0 clamp(8px,1.1vw,16px) clamp(8px,1.1vw,16px);border-radius:clamp(22px,2.6vw,40px);padding:clamp(44px,5vw,72px) 0 clamp(28px,3vw,40px)}
.foot__in{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px clamp(24px,4vw,64px)}
.foot__brand p{margin-top:16px;color:rgba(255,255,255,.7);max-width:34ch;font-size:.9375rem}
.foot .logo__sub{color:rgba(255,255,255,.6)}
.foot__nav{display:grid;gap:10px;align-content:start}
.foot__nav a{text-decoration:none;color:rgba(255,255,255,.86);font-size:.9375rem}
.foot__nav a:hover{color:var(--lime)}
.foot__fine{grid-column:1/-1;padding-top:24px;border-top:1px solid rgba(255,255,255,.18);font-size:.8125rem;color:rgba(255,255,255,.6);max-width:none}
@media (max-width:700px){.foot__in{grid-template-columns:1fr 1fr}.foot__brand{grid-column:1/-1}}

/* visit ticket */
.visit{position:fixed;right:16px;bottom:16px;z-index:50;width:232px;font-size:.8125rem}
.visit__body{background:#fff;border:2px solid var(--ink);border-radius:16px;box-shadow:0 24px 48px -22px rgba(16,17,20,.5),0 4px 10px -6px rgba(16,17,20,.25);transform-origin:100% 100%;animation:visit-in .6s var(--ease) both}
@keyframes visit-in{from{opacity:0;transform:translateY(16px) rotate(2deg) scale(.96)}}
.visit__head{display:flex;align-items:center;gap:8px;padding:9px 8px 8px 14px;border-bottom:2px dashed var(--ink);font:800 1.05rem/1 var(--f-d);letter-spacing:.05em;text-transform:uppercase}
.visit__head .num{margin-left:auto;font-size:.75rem;font-weight:500;letter-spacing:0;color:var(--ink-2)}
.visit__close{display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:7px;background:var(--paper-2);cursor:pointer}
.visit__close:hover{background:var(--paper-3)}
.visit__score{display:flex;align-items:center;gap:12px;padding:10px 14px 8px}
.visit__score b{font-size:2.6rem;font-weight:600;line-height:1;letter-spacing:-.06em;min-width:1.5em}
.visit__score span{font-size:.75rem;line-height:1.3;color:var(--ink-2)}
.visit .ramp{margin:0 14px}
.visit__stamps{display:flex;flex-wrap:wrap;gap:8px 6px;padding:14px 14px 0;min-height:0}
.visit__stamps:empty{display:none}
.visit__stamps .stamp{font-size:.8rem}
.visit__stamps .stamp:nth-child(even){--rot:3deg}
.visit__log{padding:12px 14px 0;line-height:1.35;color:var(--ink)}
.visit__fine{padding:6px 14px 12px;font-size:.75rem;line-height:1.35;color:var(--ink-3)}
.visit__pill{display:none;align-items:center;gap:10px;margin-left:auto;padding:8px 8px 8px 14px;border:0;border-radius:99px;background:var(--ink);color:#fff;font:800 1rem/1 var(--f-d);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;box-shadow:0 14px 30px -12px rgba(16,17,20,.6)}
.visit__pill b{display:grid;place-items:center;min-width:34px;height:34px;padding:0 6px;border-radius:99px;background:var(--lime);color:var(--ink);font-size:.8125rem;font-weight:600}
.visit{transition:opacity .4s var(--ease),transform .4s var(--ease)}
.visit.is-away{opacity:0;pointer-events:none;transform:translateY(14px)}
.visit.is-min{width:auto}
.visit.is-min .visit__body{display:none}
.visit.is-min .visit__pill{display:flex}
@media (max-width:620px){.visit{right:10px;bottom:10px}}

/* inner pages */
.page-hero{padding:clamp(40px,6vw,96px) 0 clamp(48px,6vw,96px)}
.page-hero__in{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(24px,5vw,88px);align-items:end}
.page-hero h1{font-size:clamp(3.2rem,6.6vw,6.5rem)}
.page-hero .lead{margin-top:24px}
.page-hero__aside{display:grid;gap:14px;justify-items:start;padding-bottom:8px}
.crumb{display:inline-flex;margin-bottom:26px;font-size:.875rem;color:var(--ink-2);text-decoration:none}
.crumb:hover{color:var(--blue)}
.toc{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}
.toc a{padding:9px 14px;border-radius:9px;box-shadow:inset 0 0 0 1.5px var(--ink);font-size:.9375rem;font-weight:500;text-decoration:none;transition:background .2s,color .2s}
.toc a:hover{background:var(--ink);color:#fff}
.sec > .wrap > h2{margin-bottom:clamp(28px,4vw,56px);max-width:15em}
.sec > .wrap > h2 + .lead{margin-top:calc(-1 * clamp(8px,2vw,28px));margin-bottom:clamp(32px,4vw,56px)}
.prose{display:grid;gap:18px;max-width:68ch;color:var(--ink-2)}
.prose b,.prose strong{color:var(--ink)}
.sec--ink .prose,.sec--blue .prose{color:rgba(255,255,255,.82)}
.sec--ink .prose b,.sec--blue .prose b{color:#fff}
.rows{border-bottom:2px solid currentColor}
.rows > li,.rows > div{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:12px clamp(24px,5vw,88px);padding:clamp(22px,2.6vw,34px) 0;border-top:2px solid currentColor;align-items:start}
.rows h3,.rows h2{font-size:clamp(1.7rem,2.3vw,2.2rem);line-height:.98}
.rows p{color:var(--ink-2);max-width:60ch}
.rows p + p{margin-top:10px}
.sec--ink .rows p,.sec--blue .rows p{color:rgba(255,255,255,.8)}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:clamp(24px,4vw,64px)}
.cols > * > h3{margin-bottom:12px}
.cols > * > p{color:var(--ink-2)}
.sec--ink .cols > * > p,.sec--blue .cols > * > p{color:rgba(255,255,255,.84)}
.tbl-wrap{overflow-x:auto;margin-inline:calc(-1 * var(--gut));padding-inline:var(--gut)}
.tbl{width:100%;border-collapse:collapse;font-size:.9375rem;font-variant-numeric:tabular-nums}
.tbl th,.tbl td{padding:14px 16px 14px 12px;text-align:left;vertical-align:top;border-top:1px dashed var(--ink-3)}
.tbl thead th{border-top:0;border-bottom:2px solid currentColor;font:800 1.2rem/1 var(--f-d);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}
.tbl tbody th{font-weight:600;min-width:12em}
.tbl td.r,.tbl th.r{text-align:right;padding-right:12px;padding-left:16px;white-space:nowrap}
.tbl td.r{font-weight:500}
.tbl tr.is-hl td,.tbl tr.is-hl th{background:var(--lime-2)}
.tbl tfoot td,.tbl tfoot th{border-top:2px solid currentColor;font-weight:700}
.flow{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px 0;counter-reset:f}
.flow li{position:relative;flex:1 1 150px;padding:16px 26px 16px 16px;border:2px solid var(--ink);border-radius:12px;margin-right:22px;background:#fff;color:var(--ink);font-size:.9375rem;line-height:1.35}
.flow li b{display:block;font:800 1.3rem/1 var(--f-d);letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px}
.flow li::after{content:"";position:absolute;right:-21px;top:50%;width:18px;height:12px;translate:0 -50%;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12'%3E%3Cpath d='M0 6h15M11 1l5 5-5 5' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12'%3E%3Cpath d='M0 6h15M11 1l5 5-5 5' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat}
.sec--ink .flow li::after,.sec--blue .flow li::after{background:#fff}
.flow li:last-child{margin-right:0}
.flow li:last-child::after{display:none}
.flow li.is-key{background:var(--lime)}
.note{padding:clamp(20px,2.4vw,30px);border-radius:16px;background:var(--paper-2);color:var(--ink-2);max-width:76ch}
.note b{color:var(--ink)}
.sec--grey .note{background:#fff}
.sec--ink .note,.sec--blue .note{background:rgba(255,255,255,.1);color:rgba(255,255,255,.86)}
.sec--ink .note b,.sec--blue .note b{color:#fff}
.faq{border-bottom:2px solid var(--ink)}
.faq details{border-top:2px solid var(--ink)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;cursor:pointer;list-style:none;font:800 clamp(1.6rem,2.2vw,2.1rem)/1.02 var(--f-d)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:36px;height:36px;border-radius:50%;background:var(--paper-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3v10M3 8h10' fill='none' stroke='%23101114' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/16px no-repeat;transition:transform .35s var(--ease),background-color .25s}
.faq details[open] summary::after{transform:rotate(45deg);background-color:var(--lime)}
.faq details > :not(summary){padding:0 60px 24px 0;color:var(--ink-2);max-width:72ch}
.shot{display:grid;gap:12px}
.shot a{display:block;border-radius:14px;overflow:hidden;box-shadow:0 0 0 2px var(--ink);background:#fff;cursor:zoom-in}
.shot img{width:100%;height:auto}
.shot figcaption{font-size:.875rem;color:var(--ink-2);max-width:76ch}
.shot figcaption b{color:var(--ink)}
.bignum{font-family:var(--f-m);font-size:clamp(2.6rem,5vw,4.4rem);font-weight:600;line-height:1;letter-spacing:-.06em}
.kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:0 clamp(20px,3vw,48px);border-top:2px solid currentColor}
.kv > div{padding:20px 0;border-bottom:1px dashed var(--ink-3)}
.kv dt{font-size:.875rem;color:var(--ink-2)}
.sec--ink .kv dt,.sec--blue .kv dt{color:rgba(255,255,255,.7)}
.kv dd{margin-top:6px;font-family:var(--f-m);font-size:clamp(1.5rem,2.4vw,2.1rem);font-weight:600;letter-spacing:-.05em;line-height:1.1}
.kv dd small{display:block;margin-top:6px;font:400 .8125rem/1.4 var(--f-b);letter-spacing:0;color:var(--ink-2)}
.sec--ink .kv dd small,.sec--blue .kv dd small{color:rgba(255,255,255,.7)}
.lightbox{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:clamp(12px,3vw,40px);background:rgba(16,17,20,.88);cursor:zoom-out;overflow:auto}
.lightbox img{max-width:none;width:min(1800px,180vw);border-radius:10px;background:#fff}
@media (max-width:860px){.page-hero__in,.rows > li,.rows > div{grid-template-columns:1fr}}
.message{display:grid;min-height:100vh;place-items:center;background:var(--paper-2)}
.message-page{display:grid;gap:16px;justify-items:start;max-width:560px;padding:40px;margin:20px;border-radius:22px;background:#fff}
.message-page h1{font-size:3.4rem}
.message-page .actions{display:flex;flex-wrap:wrap;gap:10px}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important;transition-delay:0s!important}
}
@media (max-width:620px){
  .bars__row{grid-template-columns:1fr auto;gap:6px 12px}
  .bars__track{grid-column:1/-1;grid-row:2;height:30px}
  .bars{gap:16px}
}
@media (max-width:620px){
  .flow{flex-direction:column;gap:0}
  .flow li{flex:none;margin:0 0 30px}
  .flow li:last-child{margin-bottom:0}
  .flow li::after{right:auto;left:22px;top:auto;bottom:-24px;translate:0 0;rotate:90deg}
}
@media (max-width:620px){.code{white-space:pre-wrap;overflow-wrap:anywhere;padding:16px 16px}}
@media (min-width:900px) and (max-width:1340px){.hero__cta .btn{padding-inline:19px}}
@media (min-width:900px) and (max-height:780px){
  .hero__in{padding-top:calc(var(--track-top) + 84px);padding-bottom:calc(var(--track-bottom) + 86px)}
  .hero__copy .lead{margin-top:16px}
  .hero__cta{margin-top:20px}
}
.case__tag{margin-bottom:26px}
.case__head .stamp{margin:auto 0}
.case__head .link-arrow{margin-top:30px}


/* ===== how: «Как работает» ===== */

/* цепочка в шапке страницы */
.chain{justify-items:stretch;justify-self:end;gap:0;width:min(100%,372px);padding:4px 18px;background:#fff;border:2px solid var(--ink);border-radius:16px;transform:rotate(1.4deg);box-shadow:0 30px 60px -34px rgba(16,17,20,.45),0 6px 14px -8px rgba(16,17,20,.18)}
.chain li{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:60px;padding:10px 0;border-top:1px dashed var(--line)}
.chain li:first-child{border-top:0}
.chain__k{font:800 1.2rem/1 var(--f-d);letter-spacing:.05em;text-transform:uppercase}
.chain__v{font-size:.875rem;color:var(--ink-2);text-align:right}
.chain__v.num{font-size:1rem;font-weight:600;color:var(--ink)}
.chain__goal{display:flex;align-items:center;gap:12px;font-size:.8125rem;font-weight:600}
.chain .stamp{font-size:.95rem;--rot:3deg}
.chain .scorechip{font-size:.9375rem;padding:.5em .55em}
@media (max-width:860px){.chain{justify-self:start;transform:rotate(.8deg)}}

/* сигналы: строки со сценками */
.sig-head,.sig{display:grid;grid-template-columns:minmax(180px,244px) minmax(0,1fr) minmax(0,1fr);gap:16px clamp(24px,4vw,72px)}
.sig-head{padding-bottom:14px;font:800 1.25rem/1 var(--f-d);letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.sigs{border-bottom:1px solid rgba(255,255,255,.22)}
.sig{align-items:center;padding:clamp(20px,2.4vw,30px) 0;border-top:1px solid rgba(255,255,255,.22)}
.sig > *{min-width:0}
.sig__scene{aspect-ratio:220/120;border-radius:14px;background:rgba(255,255,255,.06);overflow:hidden}
.sig__scene svg{width:100%;height:100%}
.sig__what p{margin-top:10px;font-size:.9375rem;color:rgba(255,255,255,.72);max-width:44ch}
.sig__means{font-size:clamp(1.0625rem,1.3vw,1.25rem);line-height:1.4;max-width:34ch}
.s-n,.s-l,.s-c{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.s-n{stroke:rgba(255,255,255,.36)}
.s-l{stroke:var(--lime)}
.s-c{stroke:var(--coral)}
.f-n{fill:rgba(255,255,255,.26)}
.f-l{fill:var(--lime)}
.f-c{fill:var(--coral)}
.s-t{font:500 9.5px var(--f-b);fill:rgba(255,255,255,.66)}
.s-t--mono{font-family:var(--f-m);font-size:8.5px;fill:var(--coral-2)}

/* мышь: человек ведёт курсор с остановками */
.sg-draw{stroke-width:2.5;stroke-dasharray:1;stroke-dashoffset:0}
.sg-cursor{stroke:var(--ink);stroke-width:2;offset-path:path("M16 98C34 44 66 26 94 56s30 44 58 24c10-7 18-6 24 2");offset-distance:100%;offset-rotate:0deg}
@supports not (offset-path:path("M0 0")){.sg-cursor{display:none}}
.sig.in .sg-draw{animation:sg-draw 5.6s linear infinite}
.sig.in .sg-cursor{animation:sg-cursor 5.6s linear infinite}
@keyframes sg-draw{0%{stroke-dashoffset:1}26%{stroke-dashoffset:.58}38%{stroke-dashoffset:.56}60%{stroke-dashoffset:.2}68%{stroke-dashoffset:.25}82%,100%{stroke-dashoffset:0}}
@keyframes sg-cursor{0%{offset-distance:0%}26%{offset-distance:42%}38%{offset-distance:44%}60%{offset-distance:80%}68%{offset-distance:75%}82%,100%{offset-distance:100%}}

/* чтение: внимание задерживается на строке */
.sg-read{opacity:.26;transform:translateY(40px)}
.sg-thumb{transform:translateY(34px)}
.sig.in .sg-read{animation:sg-read 6.4s var(--ease) infinite}
.sig.in .sg-thumb{animation:sg-thumb 6.4s var(--ease) infinite}
@keyframes sg-read{0%,10%{transform:translateY(0)}18%,26%{transform:translateY(20px)}34%,62%{transform:translateY(40px)}70%,78%{transform:translateY(60px)}86%,100%{transform:translateY(80px)}}
@keyframes sg-thumb{0%,10%{transform:translateY(0)}18%,26%{transform:translateY(17px)}34%,62%{transform:translateY(34px)}70%,78%{transform:translateY(51px)}86%,100%{transform:translateY(68px)}}

/* форма: набрал, подумал, исправил, дозаполнил */
.sg-type{transform-box:fill-box;transform-origin:0 50%}
.sg-caret{transform:translateX(124px)}
.sig.in .sg-type{animation:sg-type 5.2s var(--ease) infinite}
.sig.in .sg-caret{animation:sg-caret 5.2s var(--ease) infinite}
@keyframes sg-type{0%{transform:scaleX(0)}22%,40%{transform:scaleX(.5)}50%,58%{transform:scaleX(.3)}86%,100%{transform:scaleX(1)}}
@keyframes sg-caret{0%{transform:translateX(0)}22%,40%{transform:translateX(62px)}50%,58%{transform:translateX(38px)}86%,100%{transform:translateX(124px)}}

/* контакты: клик по телефону */
.sg-ring{opacity:.22;transform-box:fill-box;transform-origin:50% 50%}
.sig.in .sg-ring{animation:sg-ring 2.8s var(--ease) infinite}
@keyframes sg-ring{0%{opacity:.55;transform:scale(1)}55%,100%{opacity:0;transform:scale(1.75)}}

/* фрустрация: серия кликов в одну точку */
.sg-dead{stroke-dasharray:5 6}
.sg-rage{opacity:.4;transform-box:fill-box;transform-origin:50% 50%;transform:scale(1.5)}
.sg-rage--2{opacity:.24;transform:scale(2.2)}
.sg-rage--3{opacity:.12;transform:scale(2.9)}
.sig.in .sg-rage{animation:sg-rage 2.3s var(--ease) infinite}
.sig.in .sg-rage--2{animation-delay:.2s}
.sig.in .sg-rage--3{animation-delay:.4s}
@keyframes sg-rage{0%{opacity:1;transform:scale(.6)}32%,100%{opacity:0;transform:scale(3)}}

/* корзина: шаги покупки */
.sg-hole{fill:var(--ink);stroke:rgba(255,255,255,.36);stroke-width:2}
.sg-step{stroke-width:3;stroke-dasharray:1;stroke-dashoffset:.33}
.sig.in .sg-step{animation:sg-step 5s linear infinite}
.sig.in .sg-node--2{animation:sg-node2 5s linear infinite}
.sig.in .sg-node--3{animation:sg-node3 5s linear infinite}
@keyframes sg-step{0%,8%{stroke-dashoffset:1}56%,100%{stroke-dashoffset:.33}}
@keyframes sg-node2{0%,26%{opacity:0}30%,100%{opacity:1}}
@keyframes sg-node3{0%,52%{opacity:0}56%,100%{opacity:1}}

/* бот: ровная прямая с постоянной скоростью */
.sg-dash{stroke-dasharray:2 7}
.sg-bot{transform:translate(174px,49px)}
.sig.in .sg-bot{animation:sg-bot 2.2s linear infinite}
@keyframes sg-bot{0%{transform:translate(18px,49px)}72%,100%{transform:translate(174px,49px)}}

@media (prefers-reduced-motion:reduce){.sig__scene *{animation:none!important}}
@media (max-width:860px){
  .sig-head{display:none}
  .sig{grid-template-columns:1fr;gap:14px}
  .sig__scene{width:min(100%,300px)}
  .sig__means{max-width:none}
}

/* шкала оценки с примерами визитов */
.scale{margin-bottom:clamp(44px,6vw,84px)}
.scale .ramp{height:12px}
.scale__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 clamp(14px,2.4vw,40px)}
.scale__list li{position:relative;display:grid;justify-items:center;align-content:start;gap:12px;padding-top:32px;text-align:center}
.scale__list li::before{content:"";position:absolute;top:0;left:50%;width:2px;height:24px;margin-left:-1px;background:var(--ink)}
.scale__list .scorechip{min-width:3.2em;padding:.6em .5em;font-size:1.0625rem}
.scale__list p{font-size:.9375rem;color:var(--ink-2);max-width:26ch}
.scale figcaption{margin-top:24px}
html.js .scale:not(.in) .scale__list li{opacity:0;transform:translateY(-10px)}
.scale.in .scale__list li{transition:opacity .5s var(--ease),transform .5s var(--ease)}
.scale.in .scale__list li:nth-child(2){transition-delay:.12s}
.scale.in .scale__list li:nth-child(3){transition-delay:.24s}
.scale.in .scale__list li:nth-child(4){transition-delay:.36s}
.score__cols{margin-bottom:clamp(32px,4vw,56px)}
@media (max-width:700px){
  .scale__list{grid-template-columns:1fr}
  .scale__list li{grid-template-columns:auto minmax(0,1fr);justify-items:start;align-items:center;gap:14px;padding-top:14px;text-align:left}
  .scale__list li::before{display:none}
  .scale__list p{max-width:none}
}

/* лестница целей */
.ladder{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:clamp(24px,4vw,64px);align-items:start;margin-bottom:clamp(44px,6vw,84px)}
.ladder > *{min-width:0}
.ladder__head,.ladder__step{display:grid;grid-template-columns:minmax(92px,124px) minmax(0,1fr) minmax(70px,auto);gap:14px;align-items:center}
.ladder__head{padding:0 16px 12px;font:800 1.2rem/1 var(--f-d);letter-spacing:.05em;text-transform:uppercase}
.ladder__head span:last-child{text-align:right}
.ladder__steps{display:grid;gap:6px}
.ladder__step{width:100%;min-height:56px;padding:12px 16px;border:0;border-radius:12px;background:#fff;color:var(--ink);text-align:left;cursor:pointer;box-shadow:inset 0 0 0 1.5px transparent;transition:background .25s var(--ease),color .25s var(--ease),box-shadow .2s}
.ladder__step:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}
.ladder__step[aria-pressed="true"]{background:var(--ink);color:#fff}
.ladder__step .num{font-size:.875rem;font-weight:500}
.ladder__step .fig{text-align:right}
.ladder__bar{height:22px;border-radius:6px;background:var(--paper-2)}
.ladder__step[aria-pressed="true"] .ladder__bar{background:rgba(255,255,255,.14)}
.ladder__bar i{display:block;height:100%;border-radius:6px;background:var(--lime);box-shadow:inset 0 0 0 1.5px var(--ink)}
.lw-100{width:100%}.lw-76{width:76%}.lw-54{width:54%}.lw-33{width:33%}.lw-18{width:18%}
.ladder__main .fine{margin-top:16px}
.ladder__info{display:grid;gap:12px;justify-items:start;padding:clamp(22px,2.6vw,34px);border-radius:20px;background:#fff}
.ladder__info .stamp{margin-bottom:10px}
.ladder__info h3{font-size:clamp(2.6rem,3.8vw,3.6rem)}
.ladder__info p{color:var(--ink-2)}
.ladder__info .ladder__hint{font-size:.8125rem;color:var(--ink-3)}
@media (max-width:860px){.ladder{grid-template-columns:1fr}}
@media (max-width:480px){
  .ladder__head,.ladder__step{grid-template-columns:84px minmax(0,1fr) minmax(62px,auto);gap:10px}
  .ladder__head,.ladder__step{padding-inline:12px}
  .ladder__step .num{font-size:.75rem}
}

/* своя модель: два «нормальных» визита разной длины */
.pair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,88px);margin-bottom:clamp(36px,5vw,64px)}
.pair__item{padding-top:22px;border-top:2px solid var(--ink)}
.pair__track{height:38px;margin:22px 0 16px;border-radius:7px;background:var(--paper-2)}
.pair__bar{display:block;width:100%;height:100%;border-radius:7px;background:var(--lime);box-shadow:inset 0 0 0 1.5px var(--ink);transform-origin:0 50%;transition:transform 1.3s var(--ease)}
.pair__bar--short{width:max(3.4%,12px)}
html.js .pair:not(.in) .pair__bar{transform:scaleX(0)}
.pair p{color:var(--ink-2);max-width:44ch}
.pair p .fig{font-size:1.25rem;color:var(--ink)}
.own__ticks{max-width:74ch}
@media (max-width:700px){.pair{grid-template-columns:1fr}}

/* самообучение: ритм в двое суток */
.cadence{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 clamp(12px,2vw,32px);padding-top:34px;margin-bottom:16px}
.cadence::before{content:"";position:absolute;left:0;right:0;top:8px;height:2px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.6) 0 4px,transparent 4px 12px);transform-origin:0 50%}
.cadence li{position:relative;display:grid;gap:4px;align-content:start}
.cadence li::before{content:"";position:absolute;left:0;top:-34px;width:18px;height:18px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px var(--blue)}
.cadence__day{font-size:.8125rem;color:rgba(255,255,255,.72)}
.cadence b{font-size:clamp(1.7rem,2.8vw,2.4rem);font-weight:600;line-height:1.1;letter-spacing:-.05em}
.cadence li > span:last-child{font-size:.9375rem;color:rgba(255,255,255,.88)}
.learning .cadence + .fine{margin-bottom:clamp(40px,5vw,72px)}
html.js .cadence:not(.in)::before{transform:scaleX(0)}
html.js .cadence:not(.in) li{opacity:0}
.cadence.in::before{transition:transform 1.6s var(--ease)}
.cadence.in li{transition:opacity .5s var(--ease) .15s}
.cadence.in li:nth-child(2){transition-delay:.5s}
.cadence.in li:nth-child(3){transition-delay:.85s}
.cadence.in li:nth-child(4){transition-delay:1.2s}
@media (max-width:700px){
  .cadence{grid-template-columns:1fr;gap:22px;padding:0 0 0 36px}
  .cadence::before{left:8px;right:auto;top:6px;bottom:6px;width:2px;height:auto;background:repeating-linear-gradient(rgba(255,255,255,.6) 0 4px,transparent 4px 12px);transform-origin:50% 0}
  .cadence li::before{left:-36px;top:4px}
  html.js .cadence:not(.in)::before{transform:scaleY(0)}
}

/* контроль: макет «версии модели» */
.control__in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(28px,5vw,88px);align-items:start}
.control__in > *{min-width:0}
.vers__panel{border:2px solid var(--ink);border-radius:18px;background:#fff;overflow:hidden}
.vers__head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:14px 18px 12px;border-bottom:2px dashed var(--ink);font:800 1.3rem/1 var(--f-d);letter-spacing:.05em;text-transform:uppercase}
.vers__head span{font:400 .75rem/1.2 var(--f-b);letter-spacing:0;text-transform:none;color:var(--ink-3)}
.vers__list li{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:8px 14px;align-items:center;padding:14px 18px;border-bottom:1px dashed var(--line);transition:background .4s var(--ease)}
.vers__list li.is-active{background:var(--lime-2)}
.vers__v{font-size:1rem;font-weight:600}
.vers__meta{font-size:.8125rem;line-height:1.35;color:var(--ink-2)}
.vers__list .status.is-in{animation:thunk .45s var(--ease) both}
.vers__act{grid-column:2/-1;display:flex;flex-wrap:wrap;gap:8px}
.vers__btn{min-height:40px;padding:9px 14px;border:0;border-radius:9px;background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink);font:600 .875rem/1 var(--f-b);cursor:pointer;transition:background .2s,color .2s}
.vers__btn:hover{background:var(--ink);color:#fff}
.vers__btn--go{background:var(--ink);color:#fff}
.vers__btn--go:hover{background:var(--blue)}
.vers__cmp{display:grid;gap:14px;padding:16px 18px 18px;border-bottom:1px dashed var(--line);background:var(--paper-2)}
.vers__cmp-title{font-size:.8125rem;font-weight:600}
.vers__cmp-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:end;font-size:.875rem}
.hist{display:grid;grid-template-columns:repeat(10,1fr);align-items:end;gap:3px;height:52px}
.hist i{display:block;border-radius:2px 2px 0 0;background:#C3C7D0}
.hist i:nth-child(n+9){background:var(--lime);box-shadow:inset 0 0 0 1px rgba(16,17,20,.4)}
.hh-2{height:20%}.hh-3{height:30%}.hh-4{height:40%}.hh-5{height:50%}.hh-6{height:60%}.hh-7{height:70%}.hh-8{height:80%}.hh-9{height:90%}.hh-10{height:100%}
.vers__log{padding:13px 18px 14px;font-size:.8125rem;line-height:1.4;color:var(--ink-2)}
.vers figcaption{margin-top:12px}
.control__copy .note{margin-top:28px}
@media (max-width:860px){.control__in{grid-template-columns:1fr}}
@media (max-width:480px){
  .vers__list li{grid-template-columns:40px minmax(0,1fr)}
  .vers__list li > .status{grid-column:2;justify-self:start}
  .vers__cmp-row{grid-template-columns:40px minmax(0,1fr)}
  .vers__cmp-row .fig{grid-column:2}
}

/* старт обучения */
.ready .kv dd{font-family:var(--f-d);font-weight:800;font-size:clamp(2.2rem,3.4vw,3rem);line-height:1;letter-spacing:.01em}
.ready .kv dd small{margin-top:8px}
.ready__note{margin-top:clamp(28px,3.4vw,44px)}
.ready__links{display:flex;flex-wrap:wrap;gap:16px clamp(20px,3vw,44px)}


/* ===== start: «Внедрение» ===== */

/* шапка: строка кода */
.start-code{justify-items:stretch;min-width:0}
.start-code .code{font-size:.75rem}

/* три вещи и «не понадобится» */
.notneed{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px clamp(28px,5vw,88px);align-items:center;margin-top:clamp(44px,6vw,84px);padding:clamp(24px,3vw,44px);border-radius:24px;background:var(--paper-2)}
.notneed .stamp{--rot:-5deg;justify-self:start}
@media (max-width:760px){.notneed{grid-template-columns:1fr}}

/* маршрут запуска */
.route{display:grid}
.route li{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px clamp(18px,3vw,48px);align-items:start;padding-bottom:clamp(30px,3.6vw,48px)}
.route li:last-child{padding-bottom:0}
.route li::before{content:"";position:absolute;left:19px;top:48px;bottom:8px;width:2px;background:repeating-linear-gradient(rgba(255,255,255,.5) 0 4px,transparent 4px 12px);transform-origin:50% 0}
.route li:last-child::before{display:none}
.route__n{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--lime);color:var(--ink);font-size:1rem;font-weight:500}
.route h3{padding-top:4px}
.route p{margin-top:10px;color:rgba(255,255,255,.8);max-width:60ch}
.route .stamp{margin-top:6px;color:#fff}
.route .stamp--green{color:var(--ink)}
.route li:nth-child(even) .stamp{--rot:3deg}
html.js .route:not(.in) li::before{transform:scaleY(0)}
.route.in li::before{transition:transform .9s var(--ease)}
.route.in li:nth-child(2)::before{transition-delay:.25s}
.route.in li:nth-child(3)::before{transition-delay:.5s}
.route.in li:nth-child(4)::before{transition-delay:.75s}
.start-stages__next{display:flex;flex-wrap:wrap;align-items:center;gap:18px clamp(20px,3vw,40px);margin-top:clamp(40px,5vw,64px)}
@media (max-width:700px){
  .route li{grid-template-columns:40px minmax(0,1fr)}
  .route .stamp{grid-column:2;justify-self:start;margin-top:8px}
}

/* виджет: вес и порядок загрузки */
.wg{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(28px,5vw,88px);align-items:start}
.wg > *{min-width:0}
.wg__big{display:grid;gap:12px}
.wg__big b{font-size:clamp(3.6rem,7.4vw,6.4rem);font-weight:700;line-height:.95;letter-spacing:-.04em}
.wg__big span{color:var(--ink-2);max-width:36ch}
.wg__rows > li{grid-template-columns:1fr;gap:8px;padding:clamp(18px,2vw,24px) 0}
.loadline{display:grid;gap:10px;margin-top:clamp(28px,3.4vw,44px)}
.loadline__row{display:grid;grid-template-columns:minmax(112px,160px) minmax(0,1fr);gap:14px;align-items:center;font-size:.875rem;color:var(--ink-2)}
.loadline__track{position:relative;height:30px;border-radius:7px;background:var(--paper-2)}
.loadline__bar{position:absolute;top:0;bottom:0;border-radius:7px;transform-origin:0 50%}
.loadline__bar--page{left:0;width:36%;background:var(--ink)}
.loadline__bar--widget{left:39%;width:9%;background:var(--lime);box-shadow:inset 0 0 0 1.5px var(--ink)}
.loadline__track--dots{display:flex;align-items:center;justify-content:space-between;padding:0 4% 0 54%}
.loadline__track--dots i{width:12px;height:12px;border-radius:50%;background:var(--lime);box-shadow:inset 0 0 0 1.5px var(--ink)}
.loadline figcaption{margin-top:6px}
html.js .loadline:not(.in) .loadline__bar{transform:scaleX(0)}
html.js .loadline:not(.in) .loadline__track--dots i{opacity:0;transform:scale(.4)}
.loadline.in .loadline__bar--page{transition:transform .7s var(--ease)}
.loadline.in .loadline__bar--widget{transition:transform .4s var(--ease) .75s}
.loadline.in .loadline__track--dots i{transition:opacity .3s 1.2s,transform .45s var(--ease) 1.2s}
.loadline.in .loadline__track--dots i:nth-child(2){transition-delay:1.45s}
.loadline.in .loadline__track--dots i:nth-child(3){transition-delay:1.7s}
.loadline.in .loadline__track--dots i:nth-child(4){transition-delay:1.95s}
.loadline.in .loadline__track--dots i:nth-child(5){transition-delay:2.2s}
@media (max-width:860px){.wg{grid-template-columns:1fr}}
@media (max-width:480px){.loadline__row{grid-template-columns:1fr;gap:6px}}

/* данные */
.start-data__note{margin-top:clamp(28px,3.4vw,44px)}

/* вопросы */
.start-faq > .wrap > h2{margin-bottom:clamp(24px,3vw,40px)}
@media (max-width:620px){.start-faq .faq details > :not(summary){padding-right:0}}
.start-code .code{white-space:pre-wrap;overflow-wrap:anywhere}


/* ===== Страница «CRM → Метрика» (SolvAI Leads) ===== */

/* талон сделки в первом экране */
.ld-deal{position:relative;width:min(100%,340px);background:#fff;border:2px solid var(--ink);border-radius:16px;transform:rotate(1.4deg);box-shadow:0 30px 60px -34px rgba(16,17,20,.45),0 6px 14px -8px rgba(16,17,20,.18)}
.ld-deal__head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:13px 16px 11px;border-bottom:2px dashed var(--ink);font:800 1.2rem/1 var(--f-d);letter-spacing:.05em;text-transform:uppercase}
.ld-deal__head .num{font-size:.75rem;font-weight:500;letter-spacing:0;white-space:nowrap}
.ld-deal__rows > div{display:grid;gap:6px;padding:11px 16px 12px;border-bottom:1px dashed var(--line)}
.ld-deal dt{font-size:.75rem;color:var(--ink-3)}
.ld-deal dd{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.9375rem}
.ld-deal dd.num{font-size:.8125rem;font-weight:500}
.ld-deal__stamp{position:absolute;right:-12px;bottom:40px;--rot:-7deg}
.ld-deal figcaption{padding:10px 16px 12px}
@media (max-width:860px){.ld-deal{transform:rotate(1deg)}.ld-deal__stamp{right:6px}}

/* цепочка: дорожка, станции и талон сделки. По умолчанию вертикальная */
.ld-chain{position:relative;padding-left:66px}
.ld-chain__band{position:absolute;left:8px;top:0;bottom:0;width:30px;border-radius:99px;background:#fff radial-gradient(circle,#A9AFBA 1.2px,transparent 1.7px) center/30px 14px}
.ld-chain__ticket{display:none;position:absolute;left:0;top:0;z-index:2;width:46px;height:30px;margin:-15px 0 0 -23px;place-items:center;border:2px solid var(--ink);border-radius:6px;background:#fff;box-shadow:0 10px 18px -8px rgba(16,17,20,.55);transition:transform .9s var(--ease),background-color .4s,opacity .3s}
html.js .ld-chain__ticket{display:grid}
.ld-chain__ticket svg{opacity:0;transition:opacity .3s}
.ld-chain__ticket[data-state="lead"]{background:var(--yellow-2)}
.ld-chain__ticket[data-state="ok"]{background:var(--lime)}
.ld-chain__ticket[data-state="ok"] svg{opacity:1}
.ld-chain__ticket.is-jump{transition:none;opacity:0}
.ld-chain__steps > li{display:grid;grid-template-columns:136px minmax(0,1fr) auto;gap:8px 22px;align-items:center;padding:18px 0;border-top:1px dashed var(--ink-3)}
.ld-chain__steps > li:first-child{border-top:0;padding-top:6px}
.ld-chain__steps > li:last-child{padding-bottom:6px}
.ld-chain__st{justify-self:start;font:800 1.25rem/1 var(--f-d);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;padding:6px 11px 7px;border:2px solid var(--ink);border-radius:9px;background:#fff;transition:background-color .45s var(--ease),transform .45s var(--ease)}
.ld-chain__steps p{font-size:.9375rem;line-height:1.45;color:var(--ink-2);max-width:62ch}
.ld-chain__steps p b{color:var(--ink)}
.ld-chain__mark{justify-self:end;display:inline-flex;align-items:center;min-height:32px}
.ld-chain__mark .stamp{font-size:.95rem}
.ld-chain__steps > li:nth-child(even) .stamp{--rot:3deg}
.ld-chip{display:inline-block;padding:.45em .65em;border:1.5px solid var(--ink);border-radius:6px;background:#fff;font-size:.75rem;font-weight:500;line-height:1;white-space:nowrap}
.ld-chip--lime{background:var(--lime)}
.ld-chain__steps > li.is-now .ld-chain__st{background:var(--lime);transform:scale(1.06)}
html.js .ld-chain.is-live li:not(.is-done) .ld-chain__mark{opacity:0}
.ld-chain.is-live li.is-done .ld-chain__mark{animation:thunk .45s var(--ease) both}
.ld-chain__fine{margin-top:24px}
@media (min-width:1280px){
  .ld-chain{padding:38px 0 0}
  .ld-chain__band{left:0;right:0;top:38px;bottom:auto;width:auto;height:30px;background-size:14px 30px}
  .ld-chain__steps{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:14px}
  .ld-chain__steps > li,.ld-chain__steps > li:first-child,.ld-chain__steps > li:last-child{grid-template-columns:minmax(0,1fr);align-content:start;justify-items:start;gap:12px;padding:0;border-top:0}
  .ld-chain__st{margin:-4px 0 10px}
  .ld-chain__steps p{font-size:.8125rem;line-height:1.42}
  .ld-chain__mark{justify-self:start}
}
@media (max-width:620px){
  .ld-chain{padding-left:52px}
  .ld-chain__band{left:0}
  .ld-chain__steps > li{grid-template-columns:minmax(0,1fr) auto;gap:10px 12px}
  .ld-chain__steps p{grid-column:1/-1;grid-row:2}
}

/* макеты интерфейса: правила и журнал */
.ld-built{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(20px,3vw,40px);align-items:start;margin-top:clamp(40px,5vw,72px)}
.ld-built > *{min-width:0}
.ld-win{background:#fff;border:2px solid var(--ink);border-radius:18px;overflow:hidden}
.ld-win__bar{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 14px;padding:14px 18px 12px;border-bottom:2px dashed var(--ink)}
.ld-win__bar b{font:800 1.25rem/1 var(--f-d);letter-spacing:.05em;text-transform:uppercase}
.ld-win__bar span{font-size:.8125rem;color:var(--ink-2)}
.ld-win figcaption{padding:11px 18px 13px}
.ld-rules > li{display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,1.15fr);gap:8px 16px;align-items:center;padding:16px 18px;border-bottom:1px dashed var(--line)}
.ld-rules__side{display:grid;gap:6px;justify-items:start;min-width:0}
.ld-rules small,.ld-rules__src small{font-size:.75rem;color:var(--ink-3)}
.ld-rules__side b{font-size:.875rem;font-weight:600;overflow-wrap:anywhere}
.ld-rules > li.ld-rules__src{grid-template-columns:minmax(0,1fr);gap:4px;font-size:.875rem}
.ld-log > li{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:8px 12px;align-items:center;padding:13px 18px;border-bottom:1px dashed var(--line);font-size:.875rem;line-height:1.38}
.ld-log > li > .num{font-size:.75rem;color:var(--ink-3)}
.ld-log span .num{font-size:.75rem;font-weight:500}
.ld-log .status{justify-self:end;white-space:nowrap}
.ld-log__btn{grid-column:2/-1;justify-self:start;min-height:38px;padding:8px 14px;border:0;border-radius:9px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--ink);font:600 .8125rem/1 var(--f-b);cursor:pointer;transition:background .2s,color .2s}
.ld-log__btn:hover{background:var(--ink);color:#fff}
.ld-log__btn[disabled]{opacity:.6;cursor:progress}
@media (max-width:900px){.ld-built{grid-template-columns:1fr}}
@media (max-width:480px){
  .ld-rules > li{grid-template-columns:minmax(0,1fr)}
  .ld-rules > li > svg{transform:rotate(90deg)}
  .ld-log > li{grid-template-columns:44px minmax(0,1fr)}
  .ld-log .status{grid-column:2;justify-self:start}
  .ld-log__btn{grid-column:2}
}

/* факт и прогноз */
.ld-two{min-width:620px}
.ld-two thead th{color:#fff}
.ld-two tbody th{color:rgba(255,255,255,.7);font-weight:500;min-width:9.5em}
.ld-two td{color:rgba(255,255,255,.92)}
.ld-claim{margin-top:clamp(36px,5vw,64px);max-width:24em;font:800 clamp(1.9rem,3.2vw,2.9rem)/1 var(--f-d);text-wrap:balance}

/* условия запуска */
.ld-setup{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,88px);align-items:start}
.ld-setup .note p + p{margin-top:12px}
.ld-links{display:flex;flex-wrap:wrap;gap:18px clamp(24px,4vw,56px);margin-top:clamp(32px,4vw,56px)}
@media (max-width:860px){.ld-setup{grid-template-columns:1fr}}
/* плашки станций поверх дорожки */
.ld-chain__st{position:relative;z-index:1}


/* ===== Страница «Антифрод» ===== */

/* талон площадки в первом экране */
.af-card{position:relative;width:min(100%,340px);background:#fff;border:2px solid var(--ink);border-radius:16px;transform:rotate(-1.4deg);box-shadow:0 30px 60px -34px rgba(16,17,20,.45),0 6px 14px -8px rgba(16,17,20,.18)}
.af-card__head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px 9px 16px;border-bottom:2px dashed var(--ink);font:800 1.2rem/1 var(--f-d);letter-spacing:.05em;text-transform:uppercase}
.af-card__name{padding:14px 16px 0;font-size:1.0625rem;font-weight:700;overflow-wrap:anywhere}
.af-card__flags{display:flex;flex-wrap:wrap;gap:6px;padding:12px 16px 62px}
.af-card__stamp{position:absolute;right:-10px;bottom:44px;--rot:-6deg;background:#fff}
.af-card figcaption{padding:10px 16px 12px;border-top:1px dashed var(--line)}
@media (max-width:860px){.af-card{transform:rotate(-1deg)}.af-card__stamp{right:8px}}

/* уровни разбора и признаки слива */
.af-signs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(24px,5vw,88px);margin-top:clamp(32px,4vw,56px);border-top:2px solid var(--ink)}
.af-signs li{position:relative;padding:15px 0 15px 28px;border-bottom:1px dashed var(--ink-3)}
.af-signs li::before{content:"";position:absolute;left:0;top:1.3em;width:14px;height:14px;border-radius:4px;background:var(--coral);box-shadow:inset 0 0 0 1.5px var(--ink)}
@media (max-width:760px){.af-signs{grid-template-columns:1fr}}

/* таблица площадок */
.af-tool{margin-top:clamp(40px,5vw,72px);padding:clamp(16px,2vw,28px);background:#fff;border:2px solid var(--ink);border-radius:20px}
.af-tool .tbl-wrap{margin-inline:0;padding-inline:0}
.af-tool__bar{display:none;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;padding-bottom:18px;margin-bottom:4px;border-bottom:2px dashed var(--ink)}
html.js .af-tool__bar{display:flex}
.af-chips,.af-chat__qs{flex-wrap:wrap;gap:6px}
.af-chips{display:flex}
.af-chips button,.af-chat__qs button{min-height:40px;padding:8px 14px;border:0;border-radius:9px;background:transparent;box-shadow:inset 0 0 0 1.5px var(--ink);color:var(--ink);font:500 .9375rem/1.15 var(--f-b);text-align:left;cursor:pointer;transition:background .2s,color .2s}
.af-chips button:hover,.af-chat__qs button:hover{background:var(--paper-2)}
.af-chips button.is-on,.af-chat__qs button.is-on{background:var(--ink);color:#fff}
.af-thr{display:grid;grid-template-columns:auto minmax(150px,230px);align-items:center;gap:4px 16px}
.af-thr label{display:flex;align-items:baseline;gap:10px;font:800 1.25rem/1 var(--f-d);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}
.af-thr label b{font-size:1.5rem;font-weight:600;letter-spacing:-.05em}
.af-thr .range{margin:0}
.af-tbl{min-width:780px}
.af-tbl thead th{font-size:1.1rem;padding-top:16px}
.af-tbl tbody th{min-width:11em;overflow-wrap:anywhere}
.af-tbl td{color:var(--ink-2)}
.af-tbl td.r{font-family:var(--f-b);font-size:.9375rem;letter-spacing:0;color:var(--ink)}
.af-tbl th button{all:unset;display:inline-flex;align-items:center;gap:7px;cursor:pointer}
.af-tbl th button:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:4px}
.af-tbl th button::after{content:"";width:0;height:0;border-inline:4px solid transparent;border-top:5px solid currentColor;opacity:.25;transition:transform .25s var(--ease),opacity .25s}
.af-tbl th[aria-sort="descending"] button::after{opacity:1}
.af-tbl th[aria-sort="ascending"] button::after{opacity:1;transform:rotate(180deg)}
.af-hot{display:inline-block;margin:-.15em -.45em;padding:.15em .45em;border-radius:5px;background:var(--coral-2)}
.af-risk{display:inline-grid;place-items:center;min-width:44px;height:30px;padding:0 8px;border-radius:99px;background:var(--paper-2);color:var(--ink);font-size:.8125rem;font-weight:600;transition:background-color .3s var(--ease)}
.af-tbl tr.is-over .af-risk{background:var(--coral)}
.af-total{margin-top:18px;padding-top:16px;border-top:2px solid var(--ink)}
.af-total .fig{font-size:1.25rem}
.af-tool .fine{margin-top:10px;max-width:92ch}
.af-caveat{display:grid;gap:16px;justify-items:start;margin-top:clamp(28px,3.4vw,44px);max-width:none}
.af-caveat p{max-width:78ch}
@media (max-width:700px){.af-thr{grid-template-columns:minmax(0,1fr);width:100%}}

/* алерты */
.af-alerts{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,6vw,104px);align-items:start}
.af-alerts > *{min-width:0}
.af-alerts .lead{margin-top:24px}
.af-cad{margin-top:clamp(28px,3.6vw,48px)}
.af-cad > li{grid-template-columns:minmax(0,1fr);gap:8px}
.af-thread .tg__msg + .tg__msg{margin-top:10px}
.af-al{display:grid;gap:8px;margin:12px 0 2px}
.af-al > li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;align-items:center;padding:10px 12px 12px;border-radius:10px;background:rgba(255,255,255,.06)}
.af-al__name{font-weight:600;overflow-wrap:anywhere;transition:opacity .4s}
.af-al__meta{grid-column:1;font-size:.75rem;color:rgba(255,255,255,.66);transition:opacity .4s}
.af-al .risk{grid-row:1/3;grid-column:2;transition:opacity .4s}
.af-al__acts{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}
.af-al__acts > *{display:grid;place-items:center;min-height:38px;padding:4px 8px;border:0;border-radius:8px;background:rgba(255,255,255,.1);color:#fff;font:600 .8125rem/1.15 var(--f-b);text-align:center}
.af-al__acts button{cursor:pointer;transition:background .25s,color .25s}
.af-al__acts button:hover{background:rgba(255,255,255,.22)}
.af-al > li.is-clear .af-al__name{text-decoration:line-through}
.af-al > li.is-clear .af-al__name,.af-al > li.is-clear .af-al__meta,.af-al > li.is-clear .risk{opacity:.38}
.af-al > li.is-clear button{background:var(--lime);color:var(--ink);cursor:default}
.af-al__done{margin-top:12px;font-size:.875rem;color:var(--lime)}
.af-sum{display:grid;gap:0;margin-top:8px}
.af-sum > div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:8px 0;border-top:1px dashed rgba(255,255,255,.2)}
.af-sum > div:first-child{border-top:0}
.af-sum dt{font-size:.875rem;color:rgba(255,255,255,.72)}
.af-sum dd{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
@media (max-width:900px){.af-alerts{grid-template-columns:1fr}}

/* оценка ботности */
.af-bots{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(28px,5vw,88px);align-items:start}
.af-bots > *{min-width:0}
html:not(.js) .af-hist{display:none}
.af-hist__bars{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:4px;align-items:end;height:clamp(150px,20vw,240px);border-bottom:2px solid var(--ink)}
.af-hist__bars i{display:block;min-height:3px;border-radius:4px 4px 0 0;background:var(--paper-3);box-shadow:inset 0 0 0 1px rgba(16,17,20,.22);transform-origin:50% 100%;transition:opacity .3s var(--ease),transform .3s var(--ease)}
.af-hist__bars i.off{opacity:.2;transform:scaleY(.9)}
.af-hist__axis{display:flex;justify-content:space-between;gap:16px;margin-top:8px;font-size:.8125rem;color:var(--ink-3)}
.af-hist__ranges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 32px;margin-top:24px}
.af-hist__ranges label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font:800 1.25rem/1 var(--f-d);letter-spacing:.05em;text-transform:uppercase}
.af-hist__ranges label b{font-size:1.6rem;font-weight:600;letter-spacing:-.05em}
.af-hist__ranges .range{margin-top:6px}
.af-hist .fine{margin-top:14px}
.af-bots__intro{color:var(--ink-2);margin-bottom:18px;max-width:46ch}
.af-goals{border-top:2px solid var(--ink)}
.af-goals > div{display:grid;gap:2px;padding:14px 0;border-bottom:1px dashed var(--ink-3)}
.af-goals dt{font-size:.9375rem;font-weight:600}
.af-goals dd{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
.af-goals dd b{font-size:2.3rem;line-height:1.1}
.af-goals dd span{font-size:.8125rem;color:var(--ink-3)}
.af-bots .note{margin-top:22px}
@media (max-width:860px){.af-bots{grid-template-columns:1fr}}
@media (max-width:480px){.af-hist__ranges{grid-template-columns:1fr}.af-hist__bars{gap:2px}}

/* капча: два условия и результат */
.af-gate{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:clamp(12px,1.6vw,22px);align-items:stretch}
.af-gate__c{position:relative;display:grid;align-content:center;gap:8px;padding:clamp(20px,2.2vw,30px);border:2px solid var(--ink);border-radius:16px;background:#fff}
.af-gate__c b{font:800 clamp(1.6rem,2.3vw,2.1rem)/1 var(--f-d);text-wrap:balance}
.af-gate__c span{font-size:.9375rem;color:var(--ink-2)}
.af-gate__r{background:var(--lime);padding-bottom:clamp(48px,5vw,60px)}
.af-gate__r span{color:#2A3606}
.af-gate__r .stamp{position:absolute;right:14px;bottom:14px;--rot:-5deg;background:#fff}
.af-gate__j{align-self:center;justify-self:center;font:800 1.7rem/1 var(--f-d);letter-spacing:.05em;text-transform:uppercase}
.af-captcha{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px clamp(20px,3vw,48px);margin-top:clamp(28px,3.6vw,48px)}
@media (max-width:860px){
  .af-gate{grid-template-columns:minmax(0,1fr)}
  .af-gate__j svg{transform:rotate(90deg)}
  .af-captcha{grid-template-columns:minmax(0,1fr)}
}

/* AI-аналитик */
.af-ai{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(32px,6vw,104px);align-items:start}
.af-ai > *{min-width:0}
.af-ai .lead{margin-top:24px}
.af-ai__sees{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.af-ai__sees li{padding:7px 12px;border-radius:8px;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.6);font-size:.875rem;font-weight:500}
.af-ai__note{margin-top:22px;color:rgba(255,255,255,.86);max-width:48ch}
.af-chat{padding:clamp(18px,2.2vw,30px);border-radius:22px;background:#fff;color:var(--ink)}
.af-chat :focus-visible{outline-color:var(--blue)}
.af-chat__qs{display:none;padding-bottom:18px;margin-bottom:18px;border-bottom:2px dashed var(--ink)}
html.js .af-chat__qs{display:flex}
.af-chat__log{display:grid;gap:12px}
.af-chat__me{justify-self:end;max-width:88%;padding:11px 16px;border-radius:16px 16px 4px 16px;background:var(--ink);color:#fff;font-weight:500}
.af-chat__ai{justify-self:start;max-width:96%;padding:15px 18px 16px;border-radius:16px 16px 16px 4px;background:var(--paper-2);font-size:.9375rem;line-height:1.5}
.af-chat__ai ol{display:grid;gap:9px;margin-top:12px;counter-reset:af}
.af-chat__ai ol li{counter-increment:af;display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;overflow-wrap:anywhere}
.af-chat__ai ol li::before{content:counter(af);display:grid;place-items:center;width:22px;height:22px;margin-top:.12em;border-radius:50%;background:var(--ink);color:#fff;font:500 .75rem/1 var(--f-m)}
.af-chat__ai ol + p{margin-top:12px}
.af-chat__ai.is-new{animation:af-pop .45s var(--ease) both}
@keyframes af-pop{from{opacity:0;transform:translateY(8px)}}
.af-chat .fine{margin-top:14px;color:var(--ink-3)}
@media (max-width:900px){.af-ai{grid-template-columns:1fr}}

/* честно об ограничении */
.af-honest{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(28px,5vw,88px);align-items:start}
.af-next{display:grid;gap:30px;justify-items:start}
.af-next ul{display:grid;gap:20px;justify-items:start}
.af-next .stamp{--rot:-5deg}
@media (max-width:860px){.af-honest{grid-template-columns:1fr}}

/* cases page */
.casex__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 48px;margin-bottom:clamp(32px,4vw,56px)}
.casex__head > div{flex:1 1 560px;min-width:0}
.casex__head h2{max-width:14em}
.casex__meta{margin-top:20px;color:var(--ink-2);max-width:66ch}
.casex__head .stamp{flex:none;margin-bottom:12px}
.casex .kv dd.fig{font-family:var(--f-b);letter-spacing:-.03em}
.casex__body{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,88px);align-items:start;margin-top:clamp(40px,5vw,72px)}
.casex__body--flip{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);margin-top:28px}
.casex__body > *{min-width:0}
.casex__body .prose h3{color:var(--ink)}
.casex__sub{margin-top:clamp(48px,6vw,88px)}
.casex .tbl-wrap{margin-inline:0;padding-inline:0}
.casex .shot{margin-top:clamp(40px,5vw,72px)}
.shots{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.4vw,32px);margin-top:clamp(20px,2.4vw,32px)}
.shots .shot{margin-top:0}
.shots--3{grid-template-columns:repeat(3,1fr);margin-top:clamp(40px,5vw,72px);align-items:start}
.shot a{transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.shot a:hover{transform:translateY(-4px);box-shadow:0 0 0 2px var(--ink),0 24px 40px -24px rgba(16,17,20,.45)}
.casex .note{margin-top:clamp(28px,3vw,40px)}
.statusbar__bar{display:flex;height:54px;border-radius:10px;overflow:hidden;box-shadow:inset 0 0 0 2px var(--ink);transform-origin:0 50%;transition:clip-path 1.2s var(--ease)}
.statusbar__bar i{display:block;box-shadow:inset -2px 0 0 var(--ink)}
.statusbar__bar i:last-child{box-shadow:none}
html.js .statusbar__bar:not(.in){clip-path:inset(0 100% 0 0 round 10px)}
.statusbar__bar.in{clip-path:inset(0 0 0 0 round 10px)}
.sb-10{flex:10}.sb-6{flex:6}.sb-7{flex:7}.sb-2{flex:2}.sb-1{flex:1}
.statusbar__legend{display:grid;gap:0;margin-top:18px}
.statusbar__legend li{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:9px 0;border-bottom:1px dashed var(--ink-3)}
.statusbar__legend b{font-size:1.125rem}
.statusbar .fine{margin-top:12px}
.casex-next__cta{display:grid;gap:22px;justify-items:start;padding-bottom:8px}
@media (max-width:980px){.shots--3{grid-template-columns:1fr 1fr}}
@media (max-width:860px){.casex__body,.casex__body--flip{grid-template-columns:1fr}.shots,.shots--3{grid-template-columns:1fr}}