/* =========================================================================
   v85.css — слой после v84.css (тот же приём :root:not(#v)).
   Ориентир — чёрно-белые сайты Awwwards (Nexbank, 21 Capital): графит без «чистого» чёрного,
   волосяные линейки, швейцарская типографика, цвет — только у товаров и как атмосфера.
   1. Кнопки: одна заливка — главное действие, остальное — жидкое стекло (приближение к Apple Liquid Glass)
   2. Заставка: счёт из планок, углы плаката, жалюзи
   3. Подсветка маркером · 4. Проявление строк · 5. Подложка под курсором
   6. Заголовок «в щели» · 7. FAQ в духе Slit Type FAQ
   ========================================================================= */

:root:not(#v){
  --e85-out:cubic-bezier(.22,1,.36,1);
  --e85-flood:cubic-bezier(.76,0,.24,1);
  /* стекло: полупрозрачная заливка + блик по верхней кромке + тонкий кант + тень снизу.
     Это приближение для веба: настоящий Liquid Glass Apple есть только на платформах Apple */
  --g85-fill:rgba(255,255,255,.06);
  --g85-fill-hover:rgba(255,255,255,.1);
  --g85-rim:inset 0 1px 0 rgba(255,255,255,.24),inset 0 -1px 0 rgba(255,255,255,.05),inset 0 0 0 1px rgba(255,255,255,.1);
  --g85-drop:0 10px 30px -14px rgba(0,0,0,.8);
  /* главное действие: сплошная заливка, при наведении краска протягивается слева */
  --cta-bg:#f4f4f6;--cta-fg:#0b0b0d;
  --cta-wipe:#dcd3ff;--cta-wipe-fg:#0b0b0d;
  --hl-c:color-mix(in srgb,var(--logo-violet,#8b5cf6) 46%,transparent);
  --rr-base:var(--logo-violet,#8b5cf6);
}
:root[data-theme="light"]:not(#v){
  --g85-fill:rgba(255,255,255,.62);
  --g85-fill-hover:rgba(255,255,255,.85);
  --g85-rim:inset 0 1px 0 rgba(255,255,255,1),inset 0 -1px 0 rgba(0,0,0,.05),inset 0 0 0 1px rgba(0,0,0,.09);
  --g85-drop:0 10px 26px -14px rgba(0,0,0,.28);
  --cta-bg:#111113;--cta-fg:#fff;
  --cta-wipe:#4a2bb8;--cta-wipe-fg:#fff;
  --hl-c:color-mix(in srgb,var(--logo-violet,#6f28cf) 26%,transparent);
}

/* 1. Кнопки ------------------------------------------------------------------ */
/* главное действие: заливка без градиента (Awwwards — плоский тон), заливка-«краска» при наведении */
:root:not(#v) :is(.btn--primary,.btn--solid,.btn--grad,.plan__buy,.pick-add,.consent-bar__yes,.card__foot .btn,.custom-amount__foot .btn):not(:disabled):not([aria-disabled="true"]):not(.is-added),
:root[data-theme="light"]:not(#v) :is(.btn--primary,.btn--solid,.btn--grad,.plan__buy,.pick-add,.consent-bar__yes,.card__foot .btn,.custom-amount__foot .btn):not(:disabled):not([aria-disabled="true"]):not(.is-added){
  color:var(--cta-fg);border-color:transparent;background-color:var(--cta-bg);
  background-image:linear-gradient(var(--cta-wipe),var(--cta-wipe));background-repeat:no-repeat;
  background-position:0 0;background-size:0% 100%;
  box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 8px 24px -12px rgba(0,0,0,.6);
  -webkit-backdrop-filter:none;backdrop-filter:none;
  transition:background-size .5s var(--e85-flood),color .3s ease,transform .5s var(--spring,var(--e85-out)),box-shadow .3s ease}
:root:not(#v) :is(.btn--primary,.btn--solid,.btn--grad,.plan__buy,.pick-add,.consent-bar__yes,.card__foot .btn,.custom-amount__foot .btn)::before{display:none}
@media (hover:hover) and (pointer:fine){
  :root:not(#v) :is(.btn--primary,.btn--solid,.btn--grad,.plan__buy,.pick-add,.consent-bar__yes,.card__foot .btn,.custom-amount__foot .btn):not(:disabled):not([aria-disabled="true"]):not(.is-added):hover,
  :root[data-theme="light"]:not(#v) :is(.btn--primary,.btn--solid,.btn--grad,.plan__buy,.pick-add,.consent-bar__yes,.card__foot .btn,.custom-amount__foot .btn):not(:disabled):not([aria-disabled="true"]):not(.is-added):hover{
    background-size:100% 100%;color:var(--cta-wipe-fg);transform:translateY(-1px)}
}
:root:not(#v) :is(.btn--primary,.btn--solid,.btn--grad,.plan__buy,.pick-add,.card__foot .btn):active{transform:scale(.98)}

/* всё остальное — жидкое стекло */
:root:not(#v) .btn:not(.btn--primary,.btn--solid,.btn--grad,.plan__buy,.pick-add,.consent-bar__yes,.is-added),
:root:not(#v) .lq-btn:not(.btn--primary,.btn--solid,.plan__buy){
  color:var(--text);background:var(--g85-fill);border-color:transparent;
  box-shadow:var(--g85-rim),var(--g85-drop);
  -webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%)}
@media (hover:hover) and (pointer:fine){
  :root:not(#v) .btn:not(.btn--primary,.btn--solid,.btn--grad,.plan__buy,.pick-add,.consent-bar__yes,.is-added):not(:disabled):hover,
  :root:not(#v) .lq-btn:not(.btn--primary,.btn--solid,.plan__buy):not(:disabled):hover{background:var(--g85-fill-hover);transform:translateY(-1px)}
}
/* сенсорные экраны: размытие внутри страницы дорого (v80) — чуть плотнее заливка вместо него */
@media (hover:none){
  :root:not(#v) main .btn:not(.btn--primary,.btn--solid,.btn--grad,.plan__buy,.pick-add,.consent-bar__yes,.is-added),
  :root:not(#v) main .lq-btn:not(.btn--primary,.btn--solid,.plan__buy){-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(255,255,255,.09)}
  :root[data-theme="light"]:not(#v) main .btn:not(.btn--primary,.btn--solid,.btn--grad,.plan__buy,.pick-add,.consent-bar__yes,.is-added),
  :root[data-theme="light"]:not(#v) main .lq-btn:not(.btn--primary,.btn--solid,.plan__buy){background:rgba(0,0,0,.05)}
}
@media (prefers-reduced-transparency:reduce){
  :root:not(#v) .btn:not(.btn--primary,.btn--solid,.btn--grad,.plan__buy,.pick-add,.consent-bar__yes,.is-added),
  :root:not(#v) .lq-btn{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--surface-2,#1a1a1d)}
}

/* 2. Заставка ---------------------------------------------------------------- */
:root:not(#v) .intro.intro--v85{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  animation:none!important;cursor:default;color:var(--text);--hud:max(20px,min(4vmin,40px))}
:root:not(#v) .intro--v85.is-leaving{animation:none!important;pointer-events:none}
:root:not(#v) .intro--v85 .intro__canvas,:root:not(#v) .intro--v85 .intro__bar,
:root:not(#v) .intro--v85 .intro__foot,:root:not(#v) .intro--v85 .intro__pips{display:none!important}
:root:not(#v) .intro__blinds{position:absolute;inset:0;z-index:0;display:flex;flex-direction:column}
:root:not(#v) .intro__blinds i{flex:1 1 0;margin-bottom:-1px;background:var(--bg);
  transition:transform .62s var(--e85-flood);transition-delay:calc(var(--n) * 40ms)}
:root:not(#v) .intro--v85.is-leaving .intro__blinds i:nth-child(odd){transform:translate3d(-101%,0,0)}
:root:not(#v) .intro--v85.is-leaving .intro__blinds i:nth-child(even){transform:translate3d(101%,0,0)}
:root:not(#v) .intro--v85 > :not(.intro__blinds){position:absolute;z-index:1;transition:opacity .3s ease,transform .5s var(--e85-flood)}
:root:not(#v) .intro--v85.is-leaving > :not(.intro__blinds){opacity:0}
:root:not(#v) .intro--v85.is-leaving .intro__center{transform:scale(.94)}

/* счёт из планок */
:root:not(#v) .intro--v85 .intro__center{inset:0;left:0;top:0;translate:none;display:grid;place-items:center}
:root:not(#v) .intro__slats{--dh:min(28vh,21vw);--g:calc(var(--dh) * .024);--h:calc((var(--dh) - 6 * var(--g)) / 7);--w:calc(var(--h) * 2)}
:root:not(#v) .sl-row{position:relative;display:flex;gap:calc(var(--w) * .55);padding:calc(var(--h) * .6);
  transform:skewX(var(--lean,0deg));transition:transform .42s var(--e85-out)}
:root:not(#v) .sl-digit{position:relative;flex:none;width:calc(3 * var(--w) + 2 * var(--g));height:var(--dh)}
:root:not(#v) .sl-slat{position:absolute;display:block;left:calc(var(--c) * (var(--w) + var(--g)));top:calc(var(--r) * (var(--h) + var(--g)));
  width:var(--w);height:var(--h);background:var(--text);
  transform:translate(calc(var(--x,0) * (100% + var(--g))),calc(var(--y,0) * (100% + var(--g)))) scaleX(var(--s,0));
  transition:transform .24s cubic-bezier(.65,0,.35,1),background-color .22s ease;will-change:transform}
:root:not(#v) .sl-slat.is-hot{background:var(--logo-violet,#8b5cf6)}
:root:not(#v) .sl-unit{position:absolute;top:calc(var(--h) * .6);left:100%;margin-left:calc(var(--w) * .1);
  font:600 max(12px,calc(var(--h) * .62))/1 var(--f-data,ui-monospace,monospace);transform:skewX(calc(var(--lean,0deg) * -1))}

/* углы плаката */
:root:not(#v) .intro--v85 .intro__top{left:var(--hud);top:calc(var(--hud) + env(safe-area-inset-top) + var(--tg-top,0px));
  display:flex;align-items:center;gap:10px;animation:none;opacity:1}
:root:not(#v) .intro--v85 .intro__logo-box{position:relative;display:grid;place-items:center;width:30px;height:30px;flex:none}
:root:not(#v) .intro--v85 .intro__logo-cv{position:absolute;left:50%;top:50%;translate:-50% -50%;pointer-events:none}
:root:not(#v) .intro--v85 .intro__logo-xl{width:30px;height:30px}
:root:not(#v) .intro--v85 .intro__brand{font:600 17px/1 var(--f-wordmark,var(--f-sans));letter-spacing:-.02em;color:var(--text)}
:root:not(#v) .intro--v85 :is(.intro__status,.intro__meta,.intro__rail){font:600 11px/1.4 var(--f-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--text)}
:root:not(#v) .intro__status{right:var(--hud);top:calc(var(--hud) + env(safe-area-inset-top) + var(--tg-top,0px) + 6px);
  display:grid;justify-items:end;gap:4px;text-align:right}
:root:not(#v) .intro__state{display:inline-flex;align-items:center;gap:8px}
:root:not(#v) .intro__dot{width:7px;height:7px;background:var(--text);animation:introBlink 1s steps(2,jump-none) infinite}
:root:not(#v) .intro--v85.is-done .intro__dot{animation:none;background:var(--logo-violet,#8b5cf6)}
:root:not(#v) .intro__count{font:500 11px/1.4 var(--f-data,ui-monospace,monospace)!important;letter-spacing:.08em!important;color:var(--text-mute)!important;transform:none!important}
:root:not(#v) .intro--v85 .intro__meta{left:var(--hud);bottom:calc(var(--hud) + env(safe-area-inset-bottom));max-width:min(46vw,440px);color:var(--text-mute)}
:root:not(#v) .intro__rail{right:var(--hud);bottom:calc(var(--hud) + env(safe-area-inset-bottom));display:grid;justify-items:end;gap:10px}
:root:not(#v) .intro__ticks{display:flex;gap:3px}
:root:not(#v) .intro__ticks i{width:14px;height:7px;background:var(--text);opacity:.18;transition:opacity .3s ease,background-color .3s ease}
:root:not(#v) .intro__ticks i.is-on{opacity:1}
:root:not(#v) .intro--v85.is-done .intro__ticks i:last-child{background:var(--logo-violet,#8b5cf6)}
:root:not(#v) .intro__skip85{border-bottom:1px solid currentColor;padding-bottom:2px;opacity:.75}
:root:not(#v) .intro__cross{top:50%;width:14px;height:14px;margin-top:-7px;opacity:.5}
:root:not(#v) .intro__cross::before,:root:not(#v) .intro__cross::after{content:"";position:absolute;background:var(--text)}
:root:not(#v) .intro__cross::before{left:6px;top:0;width:2px;height:14px}
:root:not(#v) .intro__cross::after{top:6px;left:0;width:14px;height:2px}
:root:not(#v) .intro__cross--l{left:var(--hud)}
:root:not(#v) .intro__cross--r{right:var(--hud)}
/* подписи товаров на главной — одна строка над подписью внизу слева */
:root:not(#v) .intro--v85 .intro__caption{padding:0!important;margin:0!important;left:var(--hud)!important;right:auto!important;top:auto!important;bottom:calc(var(--hud) + 34px + env(safe-area-inset-bottom));
  translate:none!important;transform:none!important;width:auto;text-align:left;display:block}
:root:not(#v) .intro--v85 .intro__label{position:absolute;left:0;bottom:0;white-space:nowrap;opacity:0;transform:translateY(6px);
  transition:opacity .25s ease,transform .35s var(--e85-out)}
:root:not(#v) .intro--v85 .intro__label.is-on{opacity:1;transform:none}
:root:not(#v) .intro--v85 .intro__label b{display:block;font:700 15px/1.2 var(--f-sans);letter-spacing:-.01em;text-transform:none;color:var(--text)}
:root:not(#v) .intro--v85 .intro__label i{display:none}
@keyframes introBlink{0%{opacity:1}100%{opacity:.15}}
@media (max-width:560px){
  :root:not(#v) .intro__cross,:root:not(#v) .intro--v85 .intro__caption{display:none}
  :root:not(#v) .intro__ticks i{width:8px}
  :root:not(#v) .intro__slats{--dh:min(26vh,19vw)}
}
@media (prefers-reduced-motion:reduce){
  :root:not(#v) .sl-slat,:root:not(#v) .intro__blinds i{transition:none}
  :root:not(#v) .intro__dot{animation:none}
}

/* 3. Подсветка маркером ------------------------------------------------------- */
:root:not(#v) mark.hl{color:inherit;background-color:transparent;background-image:linear-gradient(var(--hl-c),var(--hl-c));
  background-repeat:no-repeat;background-position:0 86%;background-size:0% 42%;padding:0 .08em;margin:0 -.08em;
  -webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-size 1.1s var(--e85-out)}
:root:not(#v) mark.hl.is-on{background-size:100% 42%}

/* 4. Проявление строк ------------------------------------------------------- */
:root:not(#v) .rr-line{position:relative;display:block;width:fit-content;max-width:100%}
:root:not(#v) .rr--center .rr-line{margin-inline:auto}
:root:not(#v) .rr-txt{position:relative;z-index:1;opacity:0}
:root:not(#v) .rr-base,:root:not(#v) .rr-over{position:absolute;left:-.08em;right:-.08em;top:-.08em;bottom:-.24em;z-index:2;transform:scaleX(0);pointer-events:none}
:root:not(#v) .rr-base{background:var(--rr-base)}
:root:not(#v) .rr-over{background:var(--text);z-index:3}
:root:not(#v) .rr.is-in .rr-txt{animation:rrTxt .01s linear forwards;animation-delay:calc(var(--i) * .16s + .44s)}
:root:not(#v) .rr.is-in .rr-base{animation:rrSweep .96s var(--e85-flood) forwards;animation-delay:calc(var(--i) * .16s)}
:root:not(#v) .rr.is-in .rr-over{animation:rrSweep .74s var(--e85-flood) forwards;animation-delay:calc(var(--i) * .16s + .1s)}
:root:not(#v) .rr.rr--safe .rr-txt{opacity:1}
@keyframes rrTxt{to{opacity:1}}
@keyframes rrSweep{
  0%{transform:scaleX(0);transform-origin:0 50%}
  42%{transform:scaleX(1);transform-origin:0 50%}
  42.01%{transform:scaleX(1);transform-origin:100% 50%}
  100%{transform:scaleX(0);transform-origin:100% 50%}}
@media (prefers-reduced-motion:reduce){:root:not(#v) .rr-txt{opacity:1}:root:not(#v) .rr-base,:root:not(#v) .rr-over{display:none}}

/* 5. Подложка под курсором -------------------------------------------------- */
:root:not(#v) [data-hoverfx] > :not(.hfx){position:relative;z-index:1}
:root:not(#v) .hfx{position:absolute;left:0;top:0;z-index:0;pointer-events:none;opacity:0;
  background:color-mix(in srgb,var(--tone,var(--text)) 6%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tone,var(--text)) 8%,transparent);
  transition:transform .42s var(--spring,var(--e85-out)),width .42s var(--spring,var(--e85-out)),height .42s var(--spring,var(--e85-out)),opacity .15s ease .2s}
:root:not(#v) .hfx.is-on{opacity:1;transition-delay:0s,0s,0s,0s}
:root:not(#v) .hfx.is-jump{transition:none}

/* 6. Заголовок «в щели» ----------------------------------------------------- */
:root:not(#v) .slit{--cut:calc(.2 * .72em + .03em);margin:0;font:800 clamp(40px,9.4vw,128px)/.86 var(--f-sans);letter-spacing:-.045em;
  text-transform:uppercase;color:var(--text);overflow:hidden;padding-top:.06em;margin-top:-.06em;text-wrap:balance}
:root:not(#v) .slit-word{display:inline-block;white-space:nowrap;overflow:hidden;vertical-align:top;padding-top:.06em}
:root:not(#v) .slit-ch{display:inline-block;transform:translateY(104%);transition:transform .82s var(--e85-out);transition-delay:min(calc(var(--i) * 26ms),420ms)}
:root:not(#v) .slit.is-in .slit-ch{transform:translateY(var(--cut))}
@media (hover:hover) and (pointer:fine){
  :root:not(#v) .slit.is-in:hover .slit-ch{transform:translateY(0);transition-duration:.42s;transition-delay:min(calc(var(--i) * 14ms),220ms)}
}
@media (max-width:560px){:root:not(#v) .slit{--cut:calc(.16 * .72em + .02em)}}
@media (prefers-reduced-motion:reduce){:root:not(#v) .slit-ch{transform:translateY(var(--cut));transition:none}}

/* 7. FAQ ------------------------------------------------------------------- */
:root:not(#v) .faq85-head{margin:clamp(8px,2vw,24px) 0 clamp(20px,3vw,36px)}
:root:not(#v) .stf-meta{display:grid;gap:8px;max-width:560px;margin:0 0 clamp(18px,2.4vw,30px) auto}
:root:not(#v) .stf-search label{display:block;font:600 13px/1.3 var(--f-sans);letter-spacing:.02em;color:var(--text-dim);margin-bottom:6px}
:root:not(#v) .stf-field{display:flex;align-items:center;border-bottom:1px solid var(--text);color:var(--text)}
:root:not(#v) .stf-field svg{flex:none;width:20px;height:20px;margin-right:10px}
:root:not(#v) .stf-field input{flex:1;min-width:0;appearance:none;border:0;background:transparent;color:var(--text);
  font:500 clamp(17px,1.5vw,20px)/1.2 var(--f-sans);padding:10px 0 12px;outline:none}
:root:not(#v) .stf-field input::placeholder{color:var(--text-mute);opacity:1}
:root:not(#v) .stf-field input::-webkit-search-cancel-button{display:none}
:root:not(#v) .stf-field:focus-within{box-shadow:0 1px 0 var(--text)}
:root:not(#v) .stf-clear{appearance:none;border:0;background:none;color:var(--text);font:600 14px/1 var(--f-sans);
  text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:10px 0 10px 12px}
:root:not(#v) .stf-count{min-height:1.4em;font:500 14px/1.4 var(--f-sans);font-variant-numeric:tabular-nums;color:var(--text-dim)}

:root:not(#v) .faq.stf{display:block;gap:0;max-width:none;border-bottom:1px solid var(--text);--gut:clamp(16px,3vw,40px)}
:root:not(#v) .faq.stf .faq__item{position:relative;margin:0;padding:0;border:0;border-top:1px solid var(--text);border-radius:0;
  background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;overflow:visible}
:root:not(#v) .faq.stf .faq__item::before,:root:not(#v) .faq.stf .faq__item::after{display:none}
:root:not(#v) .faq.stf .faq__item[hidden]{display:none}
:root:not(#v) .stf-fill{position:absolute;z-index:0;top:-1px;bottom:0;left:calc(var(--gut) * -1);right:calc(var(--gut) * -1);
  background:var(--text);clip-path:inset(0 100% 0 0);pointer-events:none}
:root:not(#v) .faq__item[data-state="open"] .stf-fill{clip-path:inset(0 0 0 0);transition:clip-path .4s var(--e85-flood)}
:root:not(#v) .faq__item[data-state="closing"] .stf-fill{clip-path:inset(0 0 0 100%);transition:clip-path .28s var(--e85-flood)}
:root:not(#v) .faq.stf .faq__item summary{position:relative;z-index:1;display:block;padding:0;cursor:pointer;color:var(--text);list-style:none;
  font:700 clamp(19px,2vw,30px)/1.14 var(--f-sans);letter-spacing:-.025em}
:root:not(#v) .faq.stf .faq__item summary::after{display:none}
:root:not(#v) .faq.stf .faq__item summary:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--text)}
:root:not(#v) .faq.stf .faq__item[data-state="open"] summary:focus-visible{box-shadow:inset 0 0 0 2px var(--bg)}
:root:not(#v) .stf-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;min-height:64px;
  padding:clamp(16px,1.8vw,24px) 0;text-wrap:balance}
:root:not(#v) .stf-row--inv{position:absolute;inset:0 calc(var(--gut) * -1);padding-inline:var(--gut);color:var(--bg);clip-path:inset(0 100% 0 0);pointer-events:none}
:root:not(#v) .faq__item[data-state="open"] .stf-row--inv{clip-path:inset(0 0 0 0);transition:clip-path .4s var(--e85-flood)}
:root:not(#v) .faq__item[data-state="closing"] .stf-row--inv{clip-path:inset(0 0 0 100%);transition:clip-path .28s var(--e85-flood)}
:root:not(#v) .stf-label{display:block;transition:transform .24s var(--e85-out)}
:root:not(#v) .stf-snip{display:block;margin-top:8px;font:500 clamp(15px,1.1vw,16px)/1.4 var(--f-sans);letter-spacing:0;opacity:.85}
:root:not(#v) .stf-snip:empty{display:none}
:root:not(#v) .stf-cell{position:relative;display:grid;place-items:center;width:clamp(44px,3.6vw,52px);height:clamp(44px,3.6vw,52px)}
:root:not(#v) .stf-cell::before{content:"";position:absolute;inset:0;background:var(--text);clip-path:inset(0 100% 0 0);transition:clip-path .22s var(--e85-out)}
:root:not(#v) .stf-row--inv .stf-cell::before{display:none}
:root:not(#v) .stf-plus{position:relative;width:clamp(20px,2vw,28px);height:clamp(20px,2vw,28px);overflow:visible;
  transition:transform .28s var(--e85-out),color .16s ease}
:root:not(#v) .faq__item[data-state="open"] .stf-plus{transform:rotate(135deg);transition-duration:.4s}
@media (hover:hover) and (pointer:fine){
  :root:not(#v) .faq.stf summary:hover .stf-label{transform:translateX(.3em)}
  :root:not(#v) .faq__item[data-state="closed"] summary:hover .stf-cell::before{clip-path:inset(0 0 0 0)}
  :root:not(#v) .faq__item[data-state="closed"] summary:hover .stf-plus{color:var(--bg)}
}
:root:not(#v) .stf-mark{background:var(--text);color:var(--bg);border-radius:0;padding:0}
:root:not(#v) .stf-row--inv .stf-mark{background:var(--bg);color:var(--text)}
/* ответ напечатан цветом бумаги: его открывает заливка */
:root:not(#v) .faq.stf .faq__item p{position:relative;z-index:1;margin:0;padding:0 0 10px;max-width:58ch;color:var(--bg);
  font:500 clamp(16px,1.35vw,19px)/1.5 var(--f-sans)}
:root:not(#v) .stf-tools{position:relative;z-index:1;padding:0 0 clamp(20px,2.4vw,32px)}
:root:not(#v) .stf-copy{appearance:none;border:0;background:none;padding:8px 0;color:var(--bg);font:600 14px/1 var(--f-sans);
  text-decoration:underline;text-underline-offset:3px;cursor:pointer}
:root:not(#v) .stf-copy:focus-visible{outline:2px solid var(--bg);outline-offset:3px}
@media (min-width:860px){
  :root:not(#v) .faq.stf .faq__item p,:root:not(#v) .stf-tools{margin-left:calc(44% + 0px);max-width:56ch}
}
:root:not(#v) .stf-empty{padding:clamp(26px,4vw,52px) 0;border-top:1px solid var(--text)}
:root:not(#v) .stf-empty p{margin:0 0 14px;font:700 clamp(19px,2vw,30px)/1.15 var(--f-sans);letter-spacing:-.025em}
:root:not(#v) .stf-empty__act{display:flex;flex-wrap:wrap;gap:18px}
:root:not(#v) .stf-reset{appearance:none;border:0;background:none;padding:6px 0;color:var(--text);font:600 15px/1 var(--f-sans);
  text-decoration:underline;text-underline-offset:3px;cursor:pointer}
@media (prefers-reduced-motion:reduce){
  :root:not(#v) .stf-fill,:root:not(#v) .stf-row--inv,:root:not(#v) .stf-plus,:root:not(#v) .stf-label,:root:not(#v) .stf-cell::before{transition:none!important}
}
:root:not(#v) .intro--v85 .intro__ch{filter:none!important;opacity:1!important;translate:none!important;transform:none!important;transition:none!important;animation:none!important}

/* 8. Стеклянный заголовок: гротеск интерфейса вместо Montserrat 900 — плотнее, строже (как у швейцарских плакатов) */
:root:not(#v) .ghr__title{font-family:var(--f-sans);font-weight:800;letter-spacing:-.06em;line-height:.86}
/* первый экран — 4 элемента максимум: заголовок, пояснение, одна кнопка. Факты «вход через Telegram…» живут в блоке доверия ниже */
:root:not(#v) [data-page="home"] .ghr__facts{display:none}
/* в заголовке страницы одна гарнитура на все слова (латиница FAQ не выбивается из кириллицы) */
:root:not(#v) .ghr__title *{font-family:inherit;font-weight:inherit}
/* ссылки в согласии — цвет текста с подчёркиванием, как везде (без лавандового) */
:root:not(#v) .consent__text a{color:var(--text);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--tone,var(--text)) 40%,transparent);text-underline-offset:3px}
:root:not(#v) .consent__text a:hover{text-decoration-color:currentColor}
/* аудит v85: фокус с клавиатуры у текстовых кнопок FAQ, без движения при reduced-motion */
:root:not(#v) :is(.stf-clear,.stf-reset):focus-visible{outline:2px solid var(--text);outline-offset:3px}
@media (prefers-reduced-motion:reduce){
  :root:not(#v) .hfx,:root:not(#v) mark.hl{transition:none}
  :root:not(#v) mark.hl{background-size:100% 42%}
}
/* заголовок спрятан до разреза на строки (иначе мелькал целиком до анимации); страховка — через 3 с виден, даже если скрипт не загрузился */
@media (prefers-reduced-motion:no-preference){
  :root:not(#v) [data-reveal]:not(.rr--split){visibility:hidden;animation:rrFailsafe 0s 3s forwards}
}
@keyframes rrFailsafe{to{visibility:visible}}

/* 9. Телефон и Mini App: туннель — лента карточек со скролл-привязкой */
:root:not(#v) .tunnel--rail .tunnel__stage{padding:clamp(48px,12vw,72px) 0 8px;align-items:stretch}
:root:not(#v) .tunnel--rail .tunnel__head{padding:0 16px}
:root:not(#v) .tunnel--rail .tunnel__space{display:flex!important;grid-template-columns:none;gap:12px;max-width:none;margin-top:24px;
  overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:16px;padding:4px 16px 16px;
  -webkit-overflow-scrolling:touch;scrollbar-width:none}
:root:not(#v) .tunnel--rail .tunnel__space::-webkit-scrollbar{display:none}
:root:not(#v) .tunnel--rail .tcard{flex:0 0 min(62vw,240px);scroll-snap-align:start}

/* =========================================================================
   10. Единая система (v85.1): жидкое стекло Apple + пилюли.
   Шкала скруглений: --r-xs 8 (подсказки, бейджи) · --r-s 14 (поля ввода, внутренние плитки, иконки)
   · --r-m 24 (карточки и панели — одинаково на ПК и телефоне) · --r-l 32 (окна, крупные сцены) · --r-pill (все кнопки,
   переключатели, чипы). Линии — только полупрозрачные (--line / --line-strong), сплошной белой линии нет.
   Белая заливка — только у главной кнопки блока, QR и мелких индикаторов.
   ========================================================================= */
:root:not(#v){--r-xs:8px;--r-s:14px;--r-m:24px;--r-l:32px;--r-pill:999px}

:root:not(#v) :is(.card,.tile,.chart,.notice,.summary,.custom-amount,.form-block,.showcase-banner,.faq-cta,.trust__item,.cart-item,.empty,
  .pay-card,.plan__card,.quick,.donut,.xmini,.rv-card,.rv-sum,.rv-form,.acc-card,.acc-stat,.wl-card,.wl-panel,.wl-sec,.wl-empty,.wl-bonus,.sc,
  .doc-card,.legal__card,.consent-bar,.consent-pop,.menu__product,.paywin__block,.tcard,.toast,.star-ladder,.sup-way,.pay-pending,.cs__screen,
  .why-grid .card){border-radius:var(--r-m)}
:root:not(#v) :is(.modal,.paywin,.botcard,.gc,.cs__card){border-radius:var(--r-l)}
@media (max-width:619px){:root:not(#v) .modal{border-radius:var(--r-l) var(--r-l) 0 0}}
:root:not(#v) :is(.input,.select,.wl-field,.xmini__field,.crypto-search input,.sc__form,.msr__item,.crypto-opt,.paywin__v,.rv-text,.rv-order,
  .subp,.acc-act,.crypto-list,.xch__num,.apivol,.guar,.paywin__order,.apidoc__code,.xch__addr .input,.xch__facts > div,.msearch input){border-radius:var(--r-s)}
:root:not(#v) :is(.card__icon,.sup-way__ic,.doc-card__ic,.msr__ic,.consent-bar__ic,.guar__ic,.wl-hist__ic,.subp__mark){border-radius:var(--r-s)}
:root:not(#v) :is(.chart-tip,.lc__tip,.pulse__badge,.apidoc__verb,.wl-card__chip,.consent__box,.paywin__net,[data-tip]::after){border-radius:var(--r-xs)}
:root:not(#v) :is(.sc__send,.wl-pay dd button,.deck__btn,.charts-tools__group,.charts-tools button,.crypto-more,.nav-lang button){border-radius:var(--r-pill)}
:root:not(#v) .wl-btn--solid{background:var(--cta-bg);color:var(--cta-fg)}
/* пузыри «моих» сообщений в чате — стекло светлее фона, не белая заливка */
:root:not(#v) .sc__row--me .sc__msg{background:color-mix(in srgb,var(--tone,var(--text)) 14%,transparent);color:var(--text);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
:root[data-theme="light"]:not(#v) .sc__row--me .sc__msg{background:color-mix(in srgb,var(--tone,var(--text)) 8%,transparent)}
/* шторка заголовка: графит вместо белого */
:root:not(#v) .rr-over{background:color-mix(in srgb,var(--text) 22%,var(--bg))}
/* планки заставки — со скруглением шкалы (крупные «пиксели» мягче) */
:root:not(#v) .sl-slat{border-radius:4px}
:root:not(#v) .intro__ticks i,:root:not(#v) .intro__dot{border-radius:2px}

/* FAQ в той же системе: строки под полупрозрачной линией, открытый вопрос — стеклянная панель --r-m,
   заливка выезжает слева тонированным стеклом (а не белым), текст остаётся цветом текста */
:root:not(#v) .stf-field{border-bottom-color:var(--line-strong)}
:root:not(#v) .stf-field:focus-within{box-shadow:0 1px 0 var(--text)}
:root:not(#v) .faq.stf{border-bottom:1px solid var(--line)}
:root:not(#v) .faq.stf .faq__item{border-top:1px solid var(--line)}
:root:not(#v) .stf-empty{border-top:1px solid var(--line)}
:root:not(#v) .stf-fill{left:calc(var(--gut) * -.5);right:calc(var(--gut) * -.5);top:6px;bottom:6px;border-radius:var(--r-m);
  background:color-mix(in srgb,var(--tone,var(--text)) 7%,transparent);box-shadow:var(--g85-rim)}
:root:not(#v) .stf-row--inv{display:none}
:root:not(#v) .faq.stf .faq__item p,:root:not(#v) .stf-copy{color:var(--text-dim)}
:root:not(#v) .stf-copy:focus-visible{outline-color:var(--text)}
:root:not(#v) .faq.stf .faq__item[data-state="open"] summary:focus-visible{box-shadow:inset 0 0 0 2px var(--text)}
:root:not(#v) .faq.stf .faq__item summary:focus-visible{border-radius:var(--r-m)}
:root:not(#v) .stf-cell{border-radius:var(--r-pill)}
:root:not(#v) .stf-cell::before{border-radius:var(--r-pill);background:color-mix(in srgb,var(--tone,var(--text)) 10%,transparent)}
:root:not(#v) .faq__item[data-state="closed"] summary:hover .stf-plus{color:var(--text)}
:root:not(#v) .faq.stf .faq__item p,:root:not(#v) .stf-tools{padding-left:0}
:root:not(#v) .stf-mark{background:color-mix(in srgb,var(--tone,var(--text)) 18%,transparent);color:var(--text);border-radius:4px}
@media (max-width:859px){
  :root:not(#v) .stf-fill{left:-10px;right:-10px}
}

/* окно согласия на телефоне — компактная полоса, а не четверть экрана */
@media (max-width:620px){
  :root:not(#v) .consent-bar{padding:12px 14px;gap:10px}
  :root:not(#v) .consent-bar__ic{display:none}
  :root:not(#v) .consent-bar__txt,:root:not(#v) .consent-bar__txt *{font-size:13px;line-height:1.4}
  :root:not(#v) .consent-bar b,:root:not(#v) .consent-bar strong{display:none}
  :root:not(#v) .consent-bar .btn{min-height:40px}
}
/* заголовок «в щели»: буквы поднимаются снизу и встают целиком (срезанные буквы выглядели как ошибка вёрстки) */
:root:not(#v) .slit{--cut:0px}
:root:not(#v) .slit-word{padding-bottom:.12em;margin-bottom:-.12em}