/* ==================================================================
   VOKS — сюжетная главная «Точка» (15.10.2026, тест).
   Красная точка знака «v.» выпадает из заголовка и, как перо плоттера, чертит сайт:
   магистраль по колонке меток, от неё — ответвления к чертежам; дочерченный чертёж оживает.
   В конце точка встаёт на место в слове «voks.». Ритм и типографика — VOKS v2:
   светлый верх, тёмная середина, светлые контакты; Unbounded строчными, Onest, красный #E10A12.
   ================================================================== */
:root{
  --bg:#FAFAFA;--ink:#0D0C0C;--mute:#6B6B6B;--line:#D6D6D6;
  --dark:#0D0C0C;--on:#F4F4F4;--on-mute:#9A9A9A;--on-line:rgba(255,255,255,.16);
  --red:#E10A12;
  --disp:'Unbounded','Onest',system-ui,sans-serif;--text:'Onest','Segoe UI',system-ui,sans-serif;
  --mono:ui-monospace,'Cascadia Mono',Consolas,Menlo,monospace;
  --rx:30px;                       /* магистраль: x линии в колонке меток */
  --pl:clamp(70px,7vw,120px);      /* отступ контента от левого края */
  --gut:clamp(16px,4.2vw,60px);
  --ease:cubic-bezier(.2,.7,.2,1)
}
@media (max-width:900px){ :root{--rx:11px;--pl:28px;--gut:16px} }
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.5 var(--text);-webkit-font-smoothing:antialiased;overflow-x:clip}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3,p,ul,figure{margin:0}
ul{padding:0;list-style:none}
.nb{white-space:nowrap}
:focus-visible{outline:2px solid var(--red);outline-offset:4px}

/* ---------------------------------------------------------------- шапка: как на боевом, тон по разделу под ней */
.th{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;gap:clamp(14px,3vw,44px);height:72px;padding:0 var(--gut) 0 var(--pl);
  color:var(--ink);background:rgba(250,250,250,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:color .3s,background .3s}
.th.is-dark{color:var(--on);background:rgba(13,12,12,.88)}
.th__plate{display:inline-block;background:var(--red);color:#fff;font:750 19px/1 var(--text);letter-spacing:-.02em;padding:9px 12px 10px}
.th__line{flex:1;max-width:420px;height:1px;background:currentColor;opacity:.3}
.th__nav{display:flex;gap:22px;font-size:15px}
.th__nav a{opacity:.7;transition:opacity .2s}
.th__nav a:hover{opacity:1}
.th__cta{margin-left:auto;font-weight:600;font-size:15px}
/* ссылка VOKS: слово с красной линией, линия перерисовывается слева направо */
.ul{display:inline-block;padding-bottom:5px;background:linear-gradient(var(--red),var(--red)) 0 100%/100% 2px no-repeat}
@media (hover:hover) and (pointer:fine){ .ul:hover{animation:ulr .7s var(--ease)} }
@keyframes ulr{0%{background-size:100% 2px;background-position:100% 100%}45%{background-size:0 2px;background-position:100% 100%}46%{background-position:0 100%}100%{background-size:100% 2px;background-position:0 100%}}

/* ---------------------------------------------------------------- чертёж: линия, пунктир-разметка, узлы, точка
   Линия белая с наложением «разница»: на светлом она чёрная, на тёмном белая — одна линия на всю страницу.
   У контейнера нет z-index, чтобы наложение смешивалось с фоном разделов, а не с пустотой. */
.tk-draw{position:absolute;left:0;top:0;width:100%;height:0;pointer-events:none}
.tk-svg{position:absolute;left:0;top:0;z-index:1;overflow:visible;mix-blend-mode:difference}
.tk-svg--ink{mix-blend-mode:normal}            /* красные чернила — без наложения, иначе красный станет бирюзовым */
.tk-line{fill:none;stroke:#fff;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
.tk-ink{fill:none;stroke:var(--red);stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}
.tk-guide{fill:none;stroke:#fff;stroke-width:1;stroke-dasharray:1 7;stroke-linecap:round;opacity:.28}
.tk-nodes circle{fill:var(--bg);stroke:#fff;stroke-width:1.6;transition:fill .3s}
.tk-nodes circle.on{fill:#fff}
.tk-dot{position:absolute;left:0;top:0;z-index:3;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;will-change:transform;
  background:radial-gradient(circle at 33% 28%,rgba(255,255,255,.95) 0 5%,rgba(255,255,255,0) 24%),
    radial-gradient(circle at 50% 56%,#ff3036 0%,#e10a12 44%,#a5040b 76%,#640005 100%);
  box-shadow:0 8px 18px -6px rgba(225,10,18,.6),inset -2px -3px 6px rgba(0,0,0,.28)}
.no-js .tk-draw{display:none}

/* ---------------------------------------------------------------- разделы */
.tc{position:relative;padding:clamp(110px,15vh,180px) var(--gut) clamp(90px,12vh,150px) var(--pl)}
.tc>*{position:relative;z-index:2}
.tc.dark{background:var(--dark);color:var(--on)}
.tc__lbl{display:flex;align-items:baseline;gap:10px;font:600 14px/1.3 var(--text);letter-spacing:-.01em}
.tc__lbl b{font-weight:600;color:var(--red)}
.tc__lbl span{color:var(--mute)}
.dark .tc__lbl span{color:var(--on-mute)}
.tc__h{margin-top:22px;max-width:15em;font:500 clamp(38px,5.6vw,96px)/1 var(--disp);letter-spacing:-.055em;text-wrap:balance}
.tc__h em{font-style:normal;color:var(--red)}
.tc__row{display:grid;grid-template-columns:minmax(0,34rem) minmax(0,1fr);gap:24px clamp(24px,5vw,80px);align-items:start;margin-top:clamp(26px,4vh,44px)}
.tc__t{color:color-mix(in srgb,currentColor 78%,transparent);max-width:34rem}
.tc__chips{display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start}
.tc__chips li{padding:8px 13px;border:1px solid var(--line);font-size:13.5px}
.dark .tc__chips li{border-color:var(--on-line)}
.tc__stage{display:flex;margin-top:clamp(56px,9vh,96px)}
.tc__stage--r{justify-content:flex-end}
.tc__stage--c{justify-content:center}
@media (max-width:900px){ .tc__row{grid-template-columns:minmax(0,1fr)} .tc__h{font-size:clamp(32px,9vw,48px)} }

/* подписи-размеры, как на чертеже: моноширинный капс, тонкая выноска */
.dim{display:flex;align-items:center;gap:10px;margin-top:14px;font:500 11px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.dark .dim{color:var(--on-mute)}
.dim::before{content:"";width:28px;height:1px;background:currentColor}
.dim b{font-weight:600;color:var(--ink)}
.dark .dim b{color:var(--on)}

/* ---------------------------------------------------------------- рамка-чертёж: пока линия обходит её — каркас, дочертила — живое */
.fr{position:relative;flex:none}
.fr__box{position:relative;overflow:hidden}
.fr__wire,.fr__real{position:absolute;inset:0;transition:opacity .7s var(--ease),transform .7s var(--ease)}
.fr__wire{background-image:linear-gradient(rgba(127,127,127,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(127,127,127,.14) 1px,transparent 1px);
  background-size:24px 24px;opacity:calc(.25 + var(--p,0) * .75)}
.fr__real{opacity:0;transform:scale(.985)}
.fr.is-on .fr__wire{opacity:0}
.fr.is-on .fr__real{opacity:1;transform:none}
.no-js .fr__wire{display:none}.no-js .fr__real{opacity:1;transform:none}
/* каркас: серые блоки с моноширинными метками — «здесь будет шапка», «здесь каталог» */
.wb{position:absolute;border:1px dashed rgba(127,127,127,.55);font:500 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:rgba(127,127,127,.9);
  display:flex;align-items:flex-start;justify-content:flex-start;padding:7px}
.wb--fill{background:rgba(127,127,127,.1)}

/* 01 сайты — окно браузера */
.fr--browser{width:min(980px,100%)}
.fr--browser .fr__box{aspect-ratio:16/10.6;background:#fff;color:#111}
.br__bar{position:absolute;left:0;right:0;top:0;height:6.4%;min-height:26px;display:flex;align-items:center;gap:7px;padding:0 14px;background:#ececec;border-bottom:1px solid #ddd;
  font:500 12px/1 var(--mono);color:#666;z-index:2}
.br__bar i{width:9px;height:9px;border-radius:50%;background:#cfcfcf}
.br__bar span{margin-left:14px;padding:4px 10px;background:#fff;border-radius:4px;min-width:40%}
.br__shot{position:absolute;left:0;right:0;bottom:0;top:6.4%;overflow:hidden}
.br__shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:0;transition:opacity .9s var(--ease)}
.br__shot img.on{opacity:1}

/* 02 ассистент — окно чата */
.fr--chat{width:min(620px,100%)}
.fr--chat .fr__box{min-height:340px;background:#17161a;color:var(--on)}
.ch{display:flex;flex-direction:column;gap:12px;padding:26px 26px 30px}
.ch__h{display:flex;justify-content:space-between;font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--on-mute);padding-bottom:14px;border-bottom:1px solid var(--on-line)}
.ch__h b{color:#6ee7a0;font-weight:500}
.msg{max-width:84%;padding:12px 16px;font-size:15.5px;line-height:1.4;opacity:0;transform:translateY(10px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.msg--u{align-self:flex-end;background:var(--red);color:#fff;border-radius:16px 16px 4px 16px}
.msg--a{align-self:flex-start;background:#26252b;border-radius:16px 16px 16px 4px}
.msg--a ul{margin-top:8px;display:grid;gap:6px}
.msg--a li{padding:7px 10px;background:#323138;border-radius:8px;font-size:14px}
.msg--a li::before{content:"→ ";color:var(--red)}
.msg small{display:block;margin-top:8px;font:500 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--on-mute)}
.typing{align-self:flex-start;display:flex;gap:5px;padding:14px 16px;background:#26252b;border-radius:16px;opacity:0;transition:opacity .3s}
.typing i{width:6px;height:6px;border-radius:50%;background:var(--on-mute);animation:tkty 1s ease-in-out infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes tkty{50%{transform:translateY(-4px);opacity:.5}}
.is-on .msg{opacity:1;transform:none}
.is-on .msg.m1{transition-delay:.15s}
.is-on .typing{opacity:1;transition-delay:.7s;animation:tkoff .01s 1.85s forwards}
@keyframes tkoff{to{opacity:0;height:0;padding:0;margin:-12px 0 0}}
.is-on .msg.m2{transition-delay:1.9s}
.is-on .msg.m3{transition-delay:2.7s}

/* 03 боты — телефон */
.ph-wrap{display:flex;align-items:flex-end;gap:clamp(20px,4vw,56px)}
.fr--phone{width:300px}
.fr--phone .fr__box{height:600px;border-radius:34px;background:#141317;color:var(--on)}
.fr--phone .ch{padding:54px 16px 20px;height:100%}
.ph__top{position:absolute;left:50%;top:14px;width:84px;height:22px;margin-left:-42px;border-radius:12px;background:#000}
.ph__bot{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--on-line);font-size:14px;font-weight:600}
.ph__bot img{width:34px;height:34px;border-radius:50%}
.ph__bot small{display:block;font:400 12px/1.2 var(--text);color:var(--on-mute)}
.fr--phone .msg{font-size:14px}
.ph__pay{display:inline-block;margin-top:10px;padding:8px 14px;border-radius:999px;background:var(--red);color:#fff;font-weight:600;font-size:13px}
.msg--ok{align-self:stretch;max-width:none;background:rgba(110,231,160,.12);color:#9ff0bf;border-radius:12px;font:500 12.5px/1.4 var(--mono)}
.ph__nets{display:flex;flex-direction:column;gap:10px;padding-bottom:30px}
.ph__nets li{font:500 clamp(22px,2.4vw,34px)/1.1 var(--disp);letter-spacing:-.05em;opacity:.25;transition:opacity .5s}
.is-on~.ph__nets li,.ph-wrap.is-on .ph__nets li{opacity:1}
.ph__nets li:nth-child(2){transition-delay:.3s}.ph__nets li:nth-child(3){transition-delay:.6s}

/* 04 кассы — чек: печатается по строке, низ — зубцами (зубцы чертит сама линия) */
.fr--receipt{width:min(400px,100%)}
.fr--receipt .fr__box{padding:26px 24px 34px;background:#f2f0eb;color:#141414;font:500 13.5px/1.55 var(--mono);
  -webkit-mask:linear-gradient(#000,#000) top/100% calc(100% - 14px) no-repeat,conic-gradient(from 135deg at 50% 0,#000 90deg,#0000 0) bottom/14px 14px repeat-x;
          mask:linear-gradient(#000,#000) top/100% calc(100% - 14px) no-repeat,conic-gradient(from 135deg at 50% 0,#000 90deg,#0000 0) bottom/14px 14px repeat-x}
.rc{list-style:none}
.rc li{opacity:0;transform:translateY(-6px);transition:opacity .35s,transform .35s}
.rc .sep{border-top:1px dashed #999;margin:10px 0;height:0}
.rc .big{font-size:16px;font-weight:700;letter-spacing:.04em}
.rc .ok{color:#0a7a3a;font-weight:700}
.rc .red{color:var(--red);font-weight:700}
.is-on .rc li{opacity:1;transform:none}
.is-on .rc li:nth-child(2){transition-delay:.25s}.is-on .rc li:nth-child(3){transition-delay:.5s}.is-on .rc li:nth-child(4){transition-delay:.75s}
.is-on .rc li:nth-child(5){transition-delay:1.15s}.is-on .rc li:nth-child(6){transition-delay:1.55s}.is-on .rc li:nth-child(7){transition-delay:1.95s}
.is-on .rc li:nth-child(8){transition-delay:2.35s}.is-on .rc li:nth-child(9){transition-delay:2.75s}.is-on .rc li:nth-child(10){transition-delay:3.1s}
.rc-wrap{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(24px,5vw,90px);align-items:center}
.flow{display:flex;flex-direction:column;gap:14px;font:500 clamp(20px,2vw,28px)/1.1 var(--disp);letter-spacing:-.05em}
.flow li{display:flex;align-items:center;gap:14px;color:var(--on-mute)}
.flow li::before{content:"";width:10px;height:10px;border:1.6px solid currentColor;border-radius:50%}
.flow li,.flow li::before{transition:color .4s,background .4s,border-color .4s}
.is-on~.flow li{color:var(--on)}
.is-on~.flow li::before{background:var(--red);border-color:var(--red)}
.is-on~.flow li:nth-child(2),.is-on~.flow li:nth-child(2)::before{transition-delay:.5s}
.is-on~.flow li:nth-child(3),.is-on~.flow li:nth-child(3)::before{transition-delay:1s}
.is-on~.flow li:nth-child(4),.is-on~.flow li:nth-child(4)::before{transition-delay:1.5s}
.is-on~.flow li:nth-child(5),.is-on~.flow li:nth-child(5)::before{transition-delay:2s}
@media (max-width:900px){ .rc-wrap{grid-template-columns:minmax(0,1fr)} }

/* 05 инфраструктура — стойка */
.fr--rack{width:min(760px,100%)}
.fr--rack .fr__box{display:grid;gap:10px;padding:16px;background:#141317;color:var(--on)}
.ru{display:grid;grid-template-columns:14px 110px minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 18px;background:#1d1c21;font:500 13px/1.2 var(--mono)}
.ru i{width:10px;height:10px;border-radius:50%;background:#3a3940;transition:background .3s,box-shadow .3s}
.ru b{font-weight:600}
.ru span{color:var(--on-mute)}
.ru em{font-style:normal;color:var(--on-mute)}
.ru__bar{height:4px;background:#2c2b31;position:relative;overflow:hidden}
.ru__bar::after{content:"";position:absolute;inset:0;background:#6ee7a0;transform:scaleX(0);transform-origin:0 50%;transition:transform 1.6s var(--ease) .9s}
.is-on .ru i{background:#6ee7a0;box-shadow:0 0 10px rgba(110,231,160,.7)}
.is-on .ru:nth-child(2) i{transition-delay:.3s}.is-on .ru:nth-child(3) i{transition-delay:2.5s}
.is-on .ru__bar::after{transform:none}
.is-on .ru em{color:#9ff0bf;transition:color .3s 2.5s}

/* 06 портфолио — шесть рамок, каждая — своя работа */
.wk{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(44px,5vw,64px) clamp(20px,2.4vw,36px);margin-top:clamp(56px,9vh,96px)}
.wk .fr{width:auto}
.wk .fr__box{aspect-ratio:16/10;background:#fff}
.wk img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}
.wk__t{display:block;margin-top:16px;font:500 clamp(20px,1.8vw,26px)/1.1 var(--disp);letter-spacing:-.05em}
.wk__s{display:block;margin-top:6px;font-size:14px;color:var(--mute)}
.wk a:hover .wk__t{color:var(--red)}
@media (max-width:1100px){ .wk{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:640px){ .wk{grid-template-columns:minmax(0,1fr)} }

/* 07 цифры — столбиком, каждую подчёркивает сама линия, счёт идёт, когда дочерчено */
.nm{margin-top:clamp(40px,7vh,80px);display:grid;gap:clamp(18px,3vh,30px)}
.nm li{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:24px}
.nm .fr{width:max-content}
.nm b{display:block;font:500 clamp(56px,8vw,128px)/.9 var(--disp);letter-spacing:-.06em;font-variant-numeric:proportional-nums;padding-bottom:12px;opacity:.3;transition:opacity .4s}
.nm .is-on b{opacity:1}
.nm span{max-width:16rem;padding-bottom:22px;color:var(--on-mute)}
@media (max-width:640px){ .nm li{grid-template-columns:minmax(0,1fr);gap:4px} .nm span{padding-bottom:6px} }

/* 08 клиенты */
.fr--logos{width:100%}
.fr--logos .fr__box{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:clamp(20px,3vw,40px);gap:clamp(22px,3vw,40px) clamp(16px,2vw,30px);align-items:center}
.fr--logos img{width:100%;height:40px;object-fit:contain;filter:grayscale(1);opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s,filter .3s;pointer-events:none;user-select:none}
.fr--logos.is-on img{opacity:.75;transform:none}
@media (max-width:900px){ .fr--logos .fr__box{grid-template-columns:repeat(3,minmax(0,1fr))} .fr--logos img:nth-child(n+13){display:none} }

/* 09 контакты: большое «voks» — сюда точка возвращается и встаёт на место */
.tc--end{padding-bottom:0}
.vk{margin-top:clamp(40px,7vh,80px);font:600 clamp(80px,25vw,420px)/.8 var(--disp);letter-spacing:-.07em;white-space:nowrap}
.stop{display:inline-block;width:.24em;height:.24em;vertical-align:baseline}
.end__note{margin-top:22px;font:500 11px/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);opacity:0;transition:opacity .6s}
.end__note.on{opacity:1}
.ct{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:16px clamp(24px,5vw,72px);margin-top:clamp(40px,6vh,70px);font:500 clamp(18px,1.8vw,26px)/1.2 var(--disp);letter-spacing:-.04em}
.ct small{display:block;margin-bottom:8px;font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
@media (max-width:900px){ .ct{grid-template-columns:minmax(0,1fr)} }
.ft{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 30px;margin-top:clamp(70px,10vh,120px);padding:28px 0 34px;border-top:1px solid var(--line);font-size:13px;color:var(--mute)}

/* ---------------------------------------------------------------- первый экран */
.tc--hero{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-top:110px}
.h1{margin-top:26px;font:500 clamp(48px,8.4vw,150px)/.95 var(--disp);letter-spacing:-.06em}
.hero__ft{display:grid;grid-template-columns:minmax(0,34rem) auto;justify-content:space-between;align-items:end;gap:28px;margin-top:clamp(36px,6vh,64px)}
.hero__lead{color:#2b2b2b}
.hero__go{font:500 clamp(22px,2.5vw,38px)/1.15 var(--disp);letter-spacing:-.035em}
.hero__note{margin-top:28px;font:500 11px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.hero__note b{color:var(--red);font-weight:600}
@media (max-width:900px){ .hero__ft{grid-template-columns:minmax(0,1fr)} }

/* переключатель «тест» — одна строка внизу: что это за страница */
.tk-tag{position:fixed;right:12px;bottom:12px;z-index:60;padding:8px 12px;background:#16151a;color:#fff;font:500 12px/1 var(--mono);letter-spacing:.08em}
.tk-tag a{color:#ff6b70}

/* телефон: шапка — знак и кнопка; телефон с ботом и подписи — столбиком; стойка — в две строки */
@media (max-width:900px){
  .th{height:60px}
  .th__nav,.th__line{display:none}
  .h1{font-size:clamp(34px,9.6vw,48px)}
  .ph-wrap{flex-direction:column;align-items:flex-start}
  .ph__nets{flex-direction:row;flex-wrap:wrap;gap:6px 16px;padding-bottom:0}
  .fr--phone{width:min(300px,100%)}
  .fr--phone .fr__box{height:560px}
  .ru{grid-template-columns:12px minmax(0,auto) minmax(0,1fr);gap:8px 12px;padding:14px}
  .ru em{grid-column:2/-1}
  .ru span:not(.ru__bar){display:none}
}
@media (prefers-reduced-motion:reduce){
  .fr__wire{display:none}.fr__real{opacity:1;transform:none}
  .msg,.rc li,.typing,.fr--logos img{transition:none!important;opacity:1;transform:none}
  .typing{display:none}.typing i{animation:none}
  .ru__bar::after{transition:none}
}

/* ---------------------------------------------------------------- знак «v.» объёмом (vxk.js) — варианты 15.10 */
.tc>.vxk,.vxk{position:absolute;z-index:2;display:block;pointer-events:none}
.vxk--hero{right:0;top:0;width:58%;height:100%}
.v1 .h1,.v2 .h1{font-size:clamp(42px,6.2vw,108px);max-width:9.5em}
.vxk-end{position:relative;height:clamp(300px,50vh,500px);margin-top:clamp(10px,3vh,40px)}
.vxk-end .vxk{inset:0;width:100%;height:100%}
.vxk-end .end__note{position:absolute;left:0;bottom:14px;margin:0}
.vxk--mate{position:fixed;right:8px;bottom:44px;width:150px;height:150px;z-index:55}
@media (max-width:900px){
  .vxk--hero{left:0;top:56px;width:100%;height:42svh}
  .v1 .tc--hero,.v2 .tc--hero{justify-content:flex-start;padding-top:calc(42svh + 70px)}
  .vxk--mate{width:96px;height:96px;bottom:40px;right:4px}
}
.v1 .hero__ft,.v2 .hero__ft{grid-template-columns:minmax(0,34rem);justify-content:start}   /* справа — знак: ссылка под текстом */

/* «Точка» в десяти стилях (15.10): стиль может рисовать свою линию и свою точку */
.tk-noline .tk-svg{display:none}
.tk-nodot .tk-dot{display:none}
.tk-tag b{color:#ff6b70;font-weight:600}