/* Сайт v5: система Infinity Cloud (графит, Unbounded + Manrope) с фиолетовым акцентом Connect.
   Всё под .v5, чтобы не задевать старые страницы на public_site.css. */
:root{--v5-bg:#0D1014;--v5-chassis:#161A20;--v5-up:#1E232B;--v5-well:#12161C;--v5-seam:#262C35;--v5-fg:#EDEFEA;--v5-muted:#A9AEB6;--v5-dim:#8A9099;--v5-acc:#7C3AED;--v5-acc-2:#8B5CF6;--v5-acc-t:#B79CFF;--v5-acc-bg:#221A3A}
body:has(.v5){background:var(--v5-bg)!important;color:var(--v5-fg)}
body:has(.v5) .page-shell{padding:0;margin:0;opacity:1;transform:none}
.v5{font-family:Manrope,system-ui,sans-serif;color:var(--v5-fg);-webkit-font-smoothing:antialiased}
.v5 *{box-sizing:border-box}
.v5 [hidden]{display:none!important}
.v5 a{color:inherit;text-decoration:none}
.v5 h1,.v5 h2,.v5 h3,.v5 p{margin:0}
.v5 .u{font-family:Unbounded,sans-serif;font-weight:700;letter-spacing:-.03em}
.v5 .v{color:var(--v5-acc-t)}
.v5-muted{color:var(--v5-muted)}
.v5-small{font-size:13px;color:var(--v5-dim)}
.v5-note{font-size:14px;color:var(--v5-dim)}
.v5-wrap{max-width:1200px;margin:0 auto;padding:0 16px 32px;display:flex;flex-direction:column;gap:80px}
.v5-row{display:flex;flex-wrap:wrap;gap:12px}
.v5-col{display:flex;flex-direction:column;gap:14px}
.v5-between{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.v5-card{background:var(--v5-chassis);border:1px solid var(--v5-seam);border-radius:28px}
.v5-h3{font-size:28px;font-weight:600}

.v5-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border:0;border-radius:999px;font:700 16px Manrope,sans-serif;cursor:pointer;transition:background .15s,transform .15s}
.v5-btn:active{transform:scale(.98)}
.v5-btn--lg{min-height:56px;padding:0 28px;font-size:17px}
.v5-btn--acc{background:var(--v5-acc);color:#fff!important}.v5-btn--acc:hover{background:var(--v5-acc-2)}
.v5-btn--ghost{background:var(--v5-chassis);border:1px solid var(--v5-seam);color:var(--v5-fg)}.v5-btn--ghost:hover{background:var(--v5-up)}
.v5-btn--dark{background:var(--v5-bg);color:#fff!important}
.v5-pill{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;font-size:14px;font-weight:600;color:#C9CDD3}
.v5-pill--acc{align-self:center;background:var(--v5-acc-bg);color:var(--v5-acc-t)}
.v5-dot{color:#34D399}.v5-dot--warn{color:#F5A524}
.v5-eyebrow{font-family:ui-monospace,monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--v5-dim)}

/* Шапка-таблетка */
.v5-top{position:sticky;top:12px;z-index:50;max-width:1232px;margin:12px auto 0;padding:0 16px}
.v5-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 8px 8px 16px;background:rgba(22,26,32,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--v5-seam);border-radius:24px}
.v5-logo{display:flex;align-items:center;gap:10px;font-size:20px;color:#EDEFEA}
.v5-logo__acc{color:var(--v5-acc-2)}
.v5-header nav{display:flex;gap:26px;font-size:15px;font-weight:500;color:#C9CDD3}
.v5-header nav a:hover{color:#fff}
.v5-header__act{display:flex;gap:8px}
.v5-header .v5-btn{min-height:44px;padding:0 20px;font-size:15px;border-radius:18px}

/* Первый экран */
.v5-hero{display:flex;flex-wrap:wrap;gap:48px;align-items:center;padding-top:56px}
.v5-hero__text{flex:1 1 520px;min-width:0;display:flex;flex-direction:column;gap:26px}
.v5 h1{font-size:clamp(34px,5vw,64px);line-height:1.03;text-wrap:balance}
.v5-lead{font-size:19px;line-height:1.55;color:var(--v5-muted);max-width:560px}
.v5-hero__card{flex:1 1 360px;min-width:0;border-color:#2E2648;border-radius:32px;padding:26px;display:flex;flex-direction:column;gap:18px}
.v5-hero__price{border-top:1px dashed #2A303A;padding-top:18px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.v5-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.v5-stats div{background:var(--v5-well);border-radius:18px;padding:14px}
.v5-stats small{display:block;font-size:13px;color:var(--v5-dim)}.v5-stats b{font-size:20px}

/* Преимущества */
.v5-feats{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.v5-feat{padding:28px;display:flex;flex-direction:column;gap:14px}
.v5-feat i{width:52px;height:52px;border-radius:16px;background:var(--v5-acc-bg);color:var(--v5-acc-t);display:flex;align-items:center;justify-content:center}
.v5-feat h3{font-size:22px;font-weight:600}
.v5-feat p{color:var(--v5-muted);line-height:1.55}

/* Тарифы */
.v5-plans{display:flex;flex-direction:column;gap:26px;scroll-margin-top:90px}
.v5-sec-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}
.v5 h2{font-size:clamp(28px,4.4vw,52px);text-wrap:balance}
.v5-seg{align-self:center;display:flex;gap:4px;padding:6px;background:var(--v5-chassis);border:1px solid var(--v5-seam);border-radius:22px}
.v5-seg button{min-height:44px;padding:0 20px;border:0;border-radius:16px;cursor:pointer;font:600 15px Manrope,sans-serif;background:transparent;color:var(--v5-muted)}
.v5-seg button[aria-pressed=true]{background:var(--v5-seam);color:#fff}
.v5-rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 8px}
.v5-rail::-webkit-scrollbar{display:none}
.v5-plan{flex:1 0 210px;scroll-snap-align:center;border-radius:32px;padding:26px;display:flex;flex-direction:column;gap:18px;min-height:340px}
.v5-plan.is-hot{border-color:#5B3FA8;box-shadow:0 20px 60px rgba(124,58,237,.18)}
.v5-plan__name{font-size:21px;font-weight:600}
.v5-plan__price{font-size:44px;font-variant-numeric:tabular-nums}
.v5-plan ul{list-style:none;margin:0;padding:16px 0 0;border-top:1px solid var(--v5-seam);display:flex;flex-direction:column;gap:10px;color:#C9CDD3;font-size:15px}
.v5-plan .v5-btn{margin-top:auto}
.v5-plan:not(.is-hot) .v5-btn{background:var(--v5-up)}
.v5-badge{padding:6px 12px;border-radius:999px;background:var(--v5-acc-t);color:#160B2E;font-size:13px;font-weight:700}
.v5-daily{align-self:center;width:100%;max-width:520px;border-color:var(--v5-acc);border-radius:32px;padding:30px;display:flex;flex-direction:column;gap:14px}
.v5-dots{display:none;justify-content:center;gap:6px}
.v5-dots span{width:6px;height:6px;border-radius:50%;background:var(--v5-seam);transition:width .2s,background .2s}
.v5-dots span.on{width:18px;border-radius:3px;background:var(--v5-acc-t)}

/* Шаги, инструкции, CTA, подвал */
.v5-steps{padding:40px 28px;border-radius:32px;display:flex;flex-direction:column;gap:32px}
.v5-steps h2{font-size:clamp(26px,4vw,44px)}
.v5-steps__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}
.v5-steps__grid>div{border-top:2px solid var(--v5-acc);padding-top:18px}
.v5-num{font-size:40px;margin-bottom:6px}
.v5-steps__grid b{font-size:18px}
.v5-steps__grid p{color:var(--v5-muted);margin-top:4px}
.v5-guides{display:flex;flex-direction:column;gap:24px}
.v5-guides h2{font-size:clamp(24px,3.4vw,36px)}
.v5-guides__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px}
.v5-guides h3{font-size:15px;color:var(--v5-dim);margin-bottom:8px}
.v5-guides ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.v5-guides a{font-size:14px;color:#C9CDD3}.v5-guides a:hover{color:#fff}
.v5-cta{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;align-items:center;padding:36px 28px;border-radius:32px;background:var(--v5-acc)}
.v5-cta h2{font-size:clamp(24px,3.4vw,38px);color:#fff;max-width:620px}
.v5-footer{flex-direction:row!important;flex-wrap:wrap;justify-content:space-between;gap:12px;color:var(--v5-dim);font-size:14px;border-top:1px solid var(--v5-seam);padding-top:22px!important;margin-bottom:24px}
.v5-footer nav{display:flex;flex-wrap:wrap;gap:18px;align-items:center}
.v5-footer a:hover,.v5-footer button:hover{color:var(--v5-fg)}
.v5-footer button{background:none;border:0;padding:0;color:inherit;font:inherit;cursor:pointer}

@media (max-width:640px){
  .v5-wrap{gap:56px}
  .v5-wide{display:none!important}
  .v5-header{padding-left:14px}
  .v5-logo{font-size:17px}.v5-logo__icon{width:28px;height:28px}
  .v5-hero{gap:28px;padding-top:32px}
  .v5-hero__text{gap:20px}
  .v5-lead{font-size:17px}
  .v5-hero__text .v5-btn{width:100%}
  .v5-plan{flex:0 0 80%;min-height:310px}
  .v5-dots{display:flex}
  .v5-cta .v5-btn{width:100%}
}

/* ── Анимации по образцу Infinity Cloud ── */
/* Появление при прокрутке: класс ставит скрипт, без JS всё видно сразу */
.v5-js .v5-rv{opacity:0;transform:translateY(22px) scale(.985);filter:blur(8px);transition:opacity .9s cubic-bezier(.23,1,.32,1),transform 1s cubic-bezier(.23,1,.32,1),filter .9s cubic-bezier(.23,1,.32,1);transition-delay:var(--d,0ms)}
.v5-js .v5-rv.is-in{opacity:1;transform:none;filter:none}

/* Переливающееся свечение за первым экраном (фиолетовое вместо лайма Cloud) */
.v5-hero{position:relative;isolation:isolate}
.v5-aurora{position:absolute;inset:-30% -20% auto;height:720px;pointer-events:none;z-index:-1;filter:blur(70px);opacity:.55}
.v5-aurora span{position:absolute;border-radius:50%;mix-blend-mode:screen;animation:v5-aurora 22s ease-in-out infinite alternate}
.v5-aurora span:nth-child(1){width:520px;height:420px;left:0;top:4%;background:rgba(255,255,255,.08)}
.v5-aurora span:nth-child(2){width:460px;height:380px;right:6%;top:18%;background:rgba(124,58,237,.30);animation-duration:26s;animation-delay:-6s}
.v5-aurora span:nth-child(3){width:380px;height:320px;left:36%;top:40%;background:rgba(183,156,255,.10);animation-duration:30s;animation-delay:-12s}
@keyframes v5-aurora{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(60px,-30px,0) scale(1.12)}100%{transform:translate3d(-40px,40px,0) scale(.95)}}
body:has(.v5){overflow-x:hidden}

/* Блик по акцентной части заголовка */
.v5 h1 .v{background:linear-gradient(100deg,#B79CFF 0%,#B79CFF 40%,#fff 50%,#DDD6FE 55%,#B79CFF 65%,#B79CFF 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:v5-shimmer 6s cubic-bezier(.65,0,.35,1) infinite}
@keyframes v5-shimmer{0%,20%{background-position:100% 0}60%,100%{background-position:0 0}}

/* Индикатор «серверы в сети» дышит */
.v5-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor;font-size:0;animation:v5-led 2.4s ease-in-out infinite;box-shadow:0 0 0 0 rgba(52,211,153,.5)}
@keyframes v5-led{50%{box-shadow:0 0 0 5px rgba(52,211,153,0),0 0 6px rgba(52,211,153,.3)}}

/* Одометр цен: цифры прокручиваются от нуля при появлении */
.v5-odo{display:inline-flex;font-variant-numeric:tabular-nums;white-space:pre}
.v5-odo-col{display:inline-block;height:1em;overflow:hidden;line-height:1}
.v5-odo-reel{display:flex;flex-direction:column;transition:transform 1.1s cubic-bezier(.23,1,.32,1)}
.v5-odo-reel>span{height:1em;line-height:1}

/* Карточки тарифов поднимаются лесенкой */
.v5-js .v5-rail:not(.is-in) .v5-plan{opacity:0}
.v5-rail.is-in .v5-plan{animation:v5-plan-in .7s cubic-bezier(.23,1,.32,1) backwards;animation-delay:calc(var(--i,0) * 90ms)}
@keyframes v5-plan-in{from{opacity:0;transform:translateY(26px) scale(.97);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}

/* Подъём при наведении */
.v5-feat,.v5-plan,.v5-hero__card{transition:transform .35s cubic-bezier(.23,1,.32,1),box-shadow .35s cubic-bezier(.23,1,.32,1),border-color .35s}
.v5-feat i{transition:transform .35s cubic-bezier(.23,1,.32,1)}
@media (hover:hover){
  .v5-feat:hover,.v5-plan:hover,.v5-hero__card:hover{transform:translateY(-3px);box-shadow:0 18px 40px -24px rgba(0,0,0,.9),0 0 0 1px rgba(183,156,255,.14)}
  .v5-feat:hover i{transform:rotate(-6deg) scale(1.06)}
}

/* Блик по фиолетовым кнопкам */
.v5-btn--acc{position:relative;overflow:hidden}
.v5-btn--acc::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%);transform:translateX(-120%);animation:v5-sheen 5s cubic-bezier(.23,1,.32,1) infinite;pointer-events:none}
@keyframes v5-sheen{0%,55%{transform:translateX(-120%)}85%,100%{transform:translateX(120%)}}

/* Шаги: полоска сверху прорисовывается слева направо */
.v5-steps__grid>div{border-top:0;position:relative}
.v5-steps__grid>div::before{content:"";position:absolute;left:0;top:0;height:2px;width:100%;background:var(--v5-acc);transform-origin:left}
.v5-js .v5-steps__grid>div.v5-rv::before{transform:scaleX(0);transition:transform 1.2s cubic-bezier(.23,1,.32,1);transition-delay:calc(var(--d,0ms) + 250ms)}
.v5-js .v5-steps__grid>div.v5-rv.is-in::before{transform:scaleX(1)}

@media (prefers-reduced-motion:reduce){
  .v5-js .v5-rv,.v5-js .v5-rail .v5-plan{opacity:1!important;transform:none!important;filter:none!important;transition:none!important;animation:none!important}
  .v5-aurora span,.v5 h1 .v,.v5-dot,.v5-btn--acc::after{animation:none}
  .v5 h1 .v{color:var(--v5-acc-t);background:none}
  .v5-odo-reel{transition:none}
}

/* ── Палитра оттенков: фиолетовый остаётся главным, остальные разбавляют блоки ── */
.t-violet{--t:#B79CFF;--t-bg:rgba(124,58,237,.16);--t-glow:rgba(124,58,237,.30)}
.t-cyan{--t:#5EEAD4;--t-bg:rgba(45,212,191,.12);--t-glow:rgba(45,212,191,.22)}
.t-amber{--t:#FCD34D;--t-bg:rgba(245,165,36,.12);--t-glow:rgba(245,165,36,.20)}
.t-pink{--t:#F9A8D4;--t-bg:rgba(236,72,153,.12);--t-glow:rgba(236,72,153,.22)}
.t-green{--t:#6EE7B7;--t-bg:rgba(52,211,153,.12);--t-glow:rgba(52,211,153,.20)}

/* Преимущества: значок, свечение в углу и рамка при наведении в своём цвете */
.v5-feat{position:relative;overflow:hidden;isolation:isolate}
.v5-feat::before{content:"";position:absolute;width:420px;height:420px;right:-170px;top:-190px;border-radius:50%;background:radial-gradient(closest-side,var(--t-glow,transparent),transparent);z-index:-1;opacity:.85;transition:opacity .4s;pointer-events:none}
.v5-feat i{background:var(--t-bg,var(--v5-acc-bg));color:var(--t,var(--v5-acc-t))}
@media (hover:hover){.v5-feat:hover{border-color:color-mix(in srgb,var(--t) 40%,transparent)}.v5-feat:hover::before{opacity:1}}

/* Шаги: номер и полоска своего цвета */
.v5-steps__grid .v5-num{color:var(--t)}
.v5-steps__grid>div::before{background:linear-gradient(90deg,var(--t),transparent)}
.v5-steps{background:radial-gradient(600px 240px at 0 0,rgba(124,58,237,.14),transparent 70%),radial-gradient(500px 220px at 100% 100%,rgba(45,212,191,.08),transparent 70%),var(--v5-chassis)}

/* Тарифы: у каждой карточки свой мягкий отблеск сверху */
.v5-plan{position:relative;overflow:hidden;isolation:isolate}
.v5-plan::before{content:"";position:absolute;inset:0 0 auto;height:140px;background:radial-gradient(220px 120px at 30% 0,var(--p-glow),transparent 70%);z-index:-1;opacity:.55;transition:opacity .4s}
.v5-plan:nth-child(5n+1){--p-glow:rgba(45,212,191,.16)}
.v5-plan:nth-child(5n+2){--p-glow:rgba(96,165,250,.16)}
.v5-plan:nth-child(5n+3){--p-glow:rgba(124,58,237,.32)}
.v5-plan:nth-child(5n+4){--p-glow:rgba(236,72,153,.16)}
.v5-plan:nth-child(5n+5){--p-glow:rgba(245,165,36,.16)}
.v5-plan:hover::before{opacity:1}

/* Преимущества тарифа: значки, при наведении на карточку — цвет и анимация */
.v5-plan li{display:flex;align-items:center;gap:10px;transition:color .3s}
.v5-ic{flex:none;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;color:var(--v5-dim);padding:6px;box-sizing:content-box;border-radius:10px;background:transparent;transition:color .3s,background .3s,transform .4s cubic-bezier(.34,1.56,.64,1)}
.v5-plan li:nth-child(2) .v5-ic{transition-delay:60ms}
.v5-plan li:nth-child(3) .v5-ic{transition-delay:120ms}
.v5-plan:hover li,.v5-plan:focus-within li,.v5-plan.is-hot li{color:var(--t)}
.v5-plan:hover .v5-ic,.v5-plan:focus-within .v5-ic,.v5-plan.is-hot .v5-ic{color:var(--t);background:var(--t-bg)}
.v5-plan:hover .v5-ic,.v5-plan:focus-within .v5-ic{transform:scale(1.12)}
/* монета подпрыгивает с поворотом, глобус крутится, бесконечность прорисовывается */
.v5-plan:hover .v5-ic--coin{animation:v5-coin .9s cubic-bezier(.34,1.56,.64,1)}
@keyframes v5-coin{0%{transform:scale(1.12) rotateY(0)}40%{transform:scale(1.12) translateY(-4px) rotateY(180deg)}100%{transform:scale(1.12) rotateY(360deg)}}
.v5-ic__spin{transform-origin:12px 12px;transform-box:view-box}
.v5-plan:hover .v5-ic__spin{animation:v5-globe 1.6s cubic-bezier(.45,0,.2,1)}
@keyframes v5-globe{from{transform:rotate(0)}to{transform:rotate(360deg)}}
.v5-ic--inf path{stroke-dasharray:100;stroke-dashoffset:0}
.v5-plan:hover .v5-ic--inf path{animation:v5-draw 1.4s ease-in-out}
@keyframes v5-draw{0%{stroke-dashoffset:100}100%{stroke-dashoffset:0}}

/* Кнопка тарифа подхватывает цвет при наведении */
@media (hover:hover){.v5-plan:not(.is-hot):hover .v5-btn{background:var(--v5-acc)}}

/* Значок «Тарифы» и CTA тоже не одноцветные */
.v5-cta{background:radial-gradient(500px 260px at 100% 0,rgba(236,72,153,.35),transparent 70%),radial-gradient(500px 260px at 0 100%,rgba(45,212,191,.22),transparent 70%),linear-gradient(120deg,#6D28D9,#7C3AED 55%,#8B5CF6)}
.v5-hero__card{background:radial-gradient(360px 200px at 100% 0,rgba(124,58,237,.18),transparent 70%),var(--v5-chassis)}
.v5-stats div:nth-child(1) b{color:#5EEAD4}.v5-stats div:nth-child(2) b{color:#6EE7B7}.v5-stats div:nth-child(3) b{color:#FCD34D}

@media (prefers-reduced-motion:reduce){.v5-plan:hover .v5-ic,.v5-plan:hover .v5-ic__spin,.v5-plan:hover .v5-ic--inf path{animation:none}}
/* Бейдж «Популярный» над названием: рядом с ним длинное название обрезалось */
.v5-plan.is-hot .v5-between{flex-direction:column-reverse;align-items:flex-start;gap:10px}

/* ── Шаги по образцу Infinity Cloud: полоски по очереди заполняются, номер вспыхивает, цикл 6 с ── */
.v5-steps__grid>div{border-top:2px solid var(--v5-seam);padding-top:18px}
.v5-steps__grid>div::before{top:-2px;height:2px;background:var(--t);transform:scaleX(0);transition:none!important}
.v5-steps__grid .v5-num{display:inline-block;opacity:.35}
.v5-steps__grid>div.is-in::before{animation:6s linear infinite}
.v5-steps__grid>div.is-in .v5-num{animation:6s ease-out infinite}
.v5-steps__grid>div:nth-child(1).is-in::before{animation-name:v5-sbar-1}.v5-steps__grid>div:nth-child(1).is-in .v5-num{animation-name:v5-snum-1}
.v5-steps__grid>div:nth-child(2).is-in::before{animation-name:v5-sbar-2}.v5-steps__grid>div:nth-child(2).is-in .v5-num{animation-name:v5-snum-2}
.v5-steps__grid>div:nth-child(3).is-in::before{animation-name:v5-sbar-3}.v5-steps__grid>div:nth-child(3).is-in .v5-num{animation-name:v5-snum-3}
@keyframes v5-sbar-1{0%{transform:scaleX(0);opacity:1}20%,85%{transform:scaleX(1);opacity:1}95%,100%{transform:scaleX(1);opacity:0}}
@keyframes v5-sbar-2{0%,25%{transform:scaleX(0);opacity:1}45%,85%{transform:scaleX(1);opacity:1}95%,100%{transform:scaleX(1);opacity:0}}
@keyframes v5-sbar-3{0%,50%{transform:scaleX(0);opacity:1}70%,85%{transform:scaleX(1);opacity:1}95%,100%{transform:scaleX(1);opacity:0}}
@keyframes v5-snum-1{0%,15%{opacity:.35;transform:none;text-shadow:none}20%{opacity:1;transform:translateY(-4px);text-shadow:0 0 24px var(--t)}30%,85%{opacity:1;transform:none;text-shadow:none}95%,100%{opacity:.35}}
@keyframes v5-snum-2{0%,40%{opacity:.35;transform:none;text-shadow:none}45%{opacity:1;transform:translateY(-4px);text-shadow:0 0 24px var(--t)}55%,85%{opacity:1;transform:none;text-shadow:none}95%,100%{opacity:.35}}
@keyframes v5-snum-3{0%,65%{opacity:.35;transform:none;text-shadow:none}70%{opacity:1;transform:translateY(-4px);text-shadow:0 0 24px var(--t)}80%,85%{opacity:1;transform:none;text-shadow:none}95%,100%{opacity:.35}}
.v5-steps__grid .v5-num{font-size:60px;font-weight:800;letter-spacing:-.05em;line-height:1}
@media (prefers-reduced-motion:reduce){
  .v5-steps__grid>div::before,.v5-steps__grid .v5-num{animation:none!important}
  .v5-steps__grid>div::before{transform:none}
  .v5-steps__grid .v5-num{opacity:1}
}

/* Правки: заголовок шага под номером; свечение тарифов не обрезается лентой; без пустот в карточках */
.v5-steps__grid b{display:block;margin-top:14px}
.v5-rail{padding:28px 6px 44px;margin:-28px -6px -44px}
.v5-plan.is-hot{box-shadow:0 14px 36px -12px rgba(124,58,237,.35)}
.v5-plan{min-height:0;gap:14px}
.v5-plan ul{padding-top:14px;gap:6px}
.v5-plan .v5-btn{margin-top:auto}

/* Бейдж «Популярный» — ярлычком на верхней границе: карточка не выше соседних, без пустот */
.v5-plan{overflow:visible}
.v5-plan::before{border-radius:32px 32px 0 0}
.v5-plan.is-hot .v5-between{flex-direction:row;align-items:baseline}
.v5-plan .v5-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);white-space:nowrap;box-shadow:0 6px 18px -6px rgba(124,58,237,.6)}
/* Различимые оттенки в карточке «Самый популярный»; светлая кнопка на фиолетовом CTA */
.v5-stats div:nth-child(2) b{color:#F9A8D4}
.v5-btn--dark{background:#fff;color:#5B21B6!important;box-shadow:0 10px 30px -10px rgba(0,0,0,.45)}
.v5-btn--dark:hover{background:#F3EEFF}

/* ── Общая шапка: активный пункт, бургер и выпадающее меню на телефоне ── */
.v5-header nav a[aria-current=page]{color:#fff}
.v5-burger{display:none;width:44px;height:44px;border:1px solid var(--v5-seam);border-radius:16px;background:var(--v5-chassis);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.v5-burger span{display:block;width:16px;height:2px;border-radius:2px;background:#EDEFEA;transition:transform .25s}
.v5-burger[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}
.v5-burger[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.v5-menu{margin-top:8px;padding:8px;display:flex;flex-direction:column;background:rgba(22,26,32,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--v5-seam);border-radius:24px}
.v5-menu a{padding:14px 16px;border-radius:16px;font-weight:600;font-size:16px;color:#EDEFEA}
.v5-menu a:hover{background:var(--v5-up)}
.v5-menu .v5-btn{margin-top:6px}
@media (max-width:640px){.v5-burger{display:flex}}
@media (min-width:641px){.v5-menu{display:none!important}}

/* ── Общий подвал ── */
.v5-foot{max-width:1200px;margin:64px auto 0;padding:40px 16px 28px;border-top:1px solid var(--v5-seam);font-size:14px;color:var(--v5-dim)}
.v5-foot__grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:32px}
.v5-foot__brand p{margin:12px 0 0;max-width:280px;line-height:1.5}
.v5-foot h4{margin:0 0 12px;font:600 12px ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:#5F6672}
.v5-foot__grid>div:not(.v5-foot__brand){display:flex;flex-direction:column;gap:8px}
.v5-foot a:hover,.v5-foot button:hover{color:var(--v5-fg)}
.v5-foot__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:36px;padding-top:20px;border-top:1px solid var(--v5-seam)}
.v5-foot button{background:none;border:0;padding:0;color:inherit;font:inherit;cursor:pointer}
@media (max-width:760px){.v5-foot__grid{grid-template-columns:1fr 1fr}.v5-foot__brand{grid-column:1/-1}}

/* ── Компоненты внутренних страниц ── */
.v5-wrap:has(> .v5-phead){padding-top:48px}
.v5-phead{display:flex;flex-direction:column;gap:18px;max-width:820px}
.v5-phead h1{font-size:clamp(32px,5vw,60px)}
.v5-phead .v5-eyebrow{color:var(--v5-acc-t)}
.v5-tile{background:var(--v5-chassis);border:1px solid var(--v5-seam);border-radius:28px;position:relative;overflow:hidden;isolation:isolate;transition:transform .35s cubic-bezier(.23,1,.32,1),border-color .35s,box-shadow .35s}
/* Свечение — радиальный градиент, а не filter:blur: в Safari на iPhone размытие внутри
   overflow:hidden со скруглением обрезается прямоугольником (видна резкая граница). */
.v5-tile::before{content:"";position:absolute;width:460px;height:460px;right:-200px;top:-220px;border-radius:50%;background:radial-gradient(closest-side,var(--t-glow,transparent),transparent);z-index:-1;opacity:.75;transition:opacity .4s;pointer-events:none}
@media (hover:hover){.v5-tile:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--t,#B79CFF) 40%,transparent);box-shadow:0 18px 40px -24px rgba(0,0,0,.9)}.v5-tile:hover::before{opacity:1}}
.v5-btn--tone{background:var(--t-bg);color:var(--t)!important;border:1px solid color-mix(in srgb,var(--t) 30%,transparent)}
.v5-btn--tone:hover{background:color-mix(in srgb,var(--t) 22%,transparent)}
.v5-btn--glass{background:rgba(255,255,255,.14);color:#fff!important;border:1px solid rgba(255,255,255,.25)}
.v5-btn--glass:hover{background:rgba(255,255,255,.22)}
.v5-soon{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;background:var(--v5-well);border:1px solid var(--v5-seam);font-size:13px;font-weight:600;color:var(--v5-dim)}
.v5-cta__sub{margin-top:10px!important;color:rgba(255,255,255,.82);font-size:17px;max-width:560px;line-height:1.5}

/* Подсказка «подходит для вашей системы» */
.v5-suggest{display:flex;align-items:center;gap:16px;padding:14px 14px 14px 16px;border-radius:24px;max-width:520px;border-color:#3A3150}
.v5-suggest small{display:block;font-size:13px;color:var(--v5-dim)}.v5-suggest b{font-size:18px}
.v5-suggest>div{flex:1}
.v5-suggest__ic{width:44px;height:44px;border-radius:14px;background:var(--t-bg);color:var(--t);display:flex;align-items:center;justify-content:center}
.v5-suggest__ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* Карточки платформ */
.v5-dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.v5-dl__card{padding:26px;display:flex;flex-direction:column;gap:10px;min-height:260px}
.v5-dl__card.is-current{border-color:color-mix(in srgb,var(--t) 55%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--t) 30%,transparent),0 24px 60px -30px var(--t-glow)}
.v5-dl__card.is-current::after{content:"Ваша система";position:absolute;top:22px;right:22px;padding:5px 10px;border-radius:999px;background:var(--t-bg);color:var(--t);font-size:12px;font-weight:700}
html[lang=en] .v5-dl__card.is-current::after{content:"Your system"}
.v5-dl__logo{width:56px;height:56px;border-radius:18px;background:var(--t-bg);color:var(--t);display:flex;align-items:center;justify-content:center;margin-bottom:6px;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.v5-dl__logo svg{width:28px;height:28px}
.v5-dl__card:hover .v5-dl__logo{transform:rotate(-8deg) scale(1.08)}
.v5-dl__card h2{font-size:24px;font-weight:600}
.v5-dl__req{margin:0;color:var(--v5-muted);font-size:14px;line-height:1.5}
.v5-dl__act{margin-top:auto;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding-top:10px}
.v5-dl__meta{font-size:13px;color:var(--v5-dim)}
.v5-dl__meta a{text-decoration:underline}
.v5-dl__link{font-size:14px;font-weight:600;color:var(--t)!important}
.v5-dl__link:hover{text-decoration:underline}

/* Сетка блоков и блок с иконкой — для «О нас», документов и т. п. */
.v5-grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.v5-block{padding:28px;display:flex;flex-direction:column;gap:12px;color:var(--v5-fg)}
.v5-block h3{font-size:21px;font-weight:600}
.v5-block p{color:var(--v5-muted);line-height:1.55}
.v5-block__go{margin-top:auto;padding-top:6px;font-size:14px;font-weight:700;color:var(--t)}
.v5-ic-box{width:52px;height:52px;border-radius:16px;background:var(--t-bg);color:var(--t);display:flex;align-items:center;justify-content:center;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.v5-ic-box svg,.v5-ic-box i{width:24px;height:24px}
.v5-tile:hover .v5-ic-box{transform:rotate(-8deg) scale(1.08)}
.v5-mission{gap:16px}
.v5-mission .v5-lead{max-width:760px}
.v5-link{color:var(--v5-acc-t)!important;text-decoration:underline;text-underline-offset:3px}
.t-green{--t:#6EE7B7;--t-bg:rgba(52,211,153,.12);--t-glow:rgba(52,211,153,.20)}

/* Список документов */
.v5-docs__head{display:flex;align-items:center;gap:14px}
.v5-docs__head h2{font-size:22px}
.v5-docs__head small{display:block;color:var(--v5-dim);font-size:13px;margin-top:2px}
.v5-docs__list{display:flex;flex-direction:column;margin-top:8px;border-top:1px solid var(--v5-seam)}
.v5-docs__row{display:flex;align-items:center;gap:14px;padding:14px 4px;border-bottom:1px solid var(--v5-seam);transition:padding .25s}
.v5-docs__row:hover{padding-left:10px}
.v5-docs__n{font:700 13px Unbounded,sans-serif;color:var(--t)}
.v5-docs__t{flex:1;min-width:0}
.v5-docs__t b{display:block;font-size:15px;line-height:1.35}
.v5-docs__t small{color:var(--v5-dim);font-size:12px}
.v5-docs__go{color:var(--v5-dim);transition:transform .25s,color .25s}
.v5-docs__row:hover .v5-docs__go{color:var(--t);transform:translateX(4px)}

/* 404: ноль — вечный кружок загрузки */
.v5-404{min-height:56vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:20px;padding-top:24px}
.v5-404__code{display:flex;align-items:center;gap:6px;font-size:clamp(84px,16vw,160px);line-height:1;color:#1E232B;letter-spacing:-.06em}
.v5-404__zero svg{width:.82em;height:.82em;display:block;animation:v5-spin 1.1s linear infinite}
@keyframes v5-spin{to{transform:rotate(360deg)}}
.v5-404 h1{font-size:clamp(28px,4.4vw,48px);max-width:720px}
.v5-404 .v5-lead{max-width:520px}
@media (prefers-reduced-motion:reduce){.v5-404__zero svg{animation:none}}

/* ── Вход, регистрация, восстановление (v5) ── */
.v5-auth{max-width:1080px;margin:0 auto;padding:40px 16px 8px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:12px;align-items:stretch}
.v5-auth .auth-card{position:relative;background:var(--v5-chassis)!important;border:1px solid var(--v5-seam)!important;border-radius:32px!important;padding:40px!important;box-shadow:none!important;backdrop-filter:none!important;animation:none!important;overflow:visible;max-width:none!important;width:auto!important}
.v5-auth .auth-header{text-align:left!important;margin-bottom:26px;display:flex;flex-direction:column;gap:12px}
.v5-auth .auth-header h1{font-family:Unbounded,sans-serif!important;font-size:clamp(28px,3.4vw,40px)!important;line-height:1.08;margin:0!important;text-wrap:balance;background:none!important;-webkit-text-fill-color:currentColor!important;color:#EDEFEA!important}
.v5-auth .auth-header h1 .v{color:#B79CFF!important;-webkit-text-fill-color:#B79CFF!important}
.v5-auth .auth-header p{margin:0!important;color:#A9AEB6!important;font-size:16px}
.v5-auth .auth-form{display:flex;flex-direction:column;gap:16px}
.v5-auth .auth-field{display:flex;flex-direction:column;gap:8px;margin:0!important}
.v5-auth .auth-field label{display:flex;align-items:center;gap:6px;font:600 12px ui-monospace,monospace!important;letter-spacing:.12em!important;text-transform:uppercase;color:#8A9099!important}
.v5-auth .auth-field label svg{display:none}
.v5-auth .auth-field input{width:100%;min-height:54px;padding:0 18px!important;font-size:16px!important;border-radius:16px!important;background:#12161C!important;border:1px solid #262C35!important;transition:border-color .2s,box-shadow .2s}
.v5-auth .auth-input-wrap{position:relative}
.v5-auth .auth-input-wrap input{padding-right:52px!important}
.v5-auth .auth-eye-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:12px;border:0;background:transparent;color:#8A9099;display:grid;place-items:center;cursor:pointer}
.v5-auth .auth-eye-btn:hover{background:#1E232B;color:#EDEFEA}
.v5-auth .auth-field small{color:#5F6672!important}
.v5-auth .auth-btn-primary{min-height:56px;border-radius:999px!important;font-size:17px!important;gap:8px;margin-top:6px;position:relative;overflow:hidden}
.v5-auth .auth-btn-primary svg{display:none}
.v5-auth .auth-btn-primary::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%);transform:translateX(-120%);animation:v5-sheen 5s cubic-bezier(.23,1,.32,1) infinite}
.v5-auth .auth-divider{display:flex;align-items:center;gap:12px;margin:22px 0 14px}
.v5-auth .auth-divider-line{flex:1;height:1px;background:#262C35}
.v5-auth .auth-divider-text{font:600 11px ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:#5F6672}
.v5-auth .auth-footer{margin-top:24px;padding-top:20px;border-top:1px solid #262C35;display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:flex-start!important;font-size:15px}
.v5-auth .auth-footer a{color:#B79CFF!important;font-weight:600;text-decoration:none}
.v5-auth .auth-footer a:hover{color:#DDD6FE!important}
.v5-auth .auth-footer-dot{color:#2E3540}
.v5-auth .auth-card>p a{color:#5EEAD4!important;font-weight:600;text-decoration:none}
.v5-auth .recovery-tabs{display:flex;gap:4px;padding:6px;background:#12161C;border:1px solid #262C35;border-radius:20px;margin-bottom:18px}
.v5-auth .recovery-tab{flex:1;min-height:44px;border:0!important;border-radius:14px!important;background:transparent!important;color:#A9AEB6!important;font:600 15px Manrope,sans-serif;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:none!important}
.v5-auth .recovery-tab--active{background:#262C35!important;color:#fff!important}
.v5-auth .recovery-tab svg{width:16px;height:16px}

/* Правая панель: макет приложения + три пункта */
.v5-auth__side{position:relative;overflow:hidden;isolation:isolate;border-radius:32px;border:1px solid var(--v5-seam);padding:32px;display:flex;flex-direction:column;justify-content:center;gap:24px;
  background:radial-gradient(420px 320px at 70% 10%,rgba(124,58,237,.24),transparent 70%),radial-gradient(360px 260px at 10% 100%,rgba(45,212,191,.10),transparent 70%),#12161C}
.v5-app{align-self:center;width:100%;max-width:300px;padding:20px;border-radius:28px;background:#161A20;border:1px solid #262C35;box-shadow:0 30px 60px -30px rgba(0,0,0,.9);display:flex;flex-direction:column;align-items:center;gap:16px}
.v5-app__top{width:100%;display:flex;justify-content:space-between;align-items:center}
.v5-app__top svg{width:28px;height:28px}
.v5-app__srv{font-size:13px;font-weight:600;color:#C9CDD3;padding:6px 10px;border-radius:999px;background:#12161C;border:1px solid #262C35}
.v5-app__power{position:relative;width:112px;height:112px;border-radius:50%;border:0;background:#1E232B;color:#8A9099;display:grid;place-items:center;pointer-events:none;animation:v5-app-btn 6s infinite}
.v5-app__power svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.v5-app__ring{position:absolute;inset:-6px;border-radius:50%;border:3px solid transparent;border-top-color:#8B5CF6;animation:v5-app-ring 6s infinite}
.v5-app__state{text-align:center;display:grid;gap:2px}
.v5-app__state b{grid-area:1/1;font:700 18px Unbounded,sans-serif;letter-spacing:-.02em}
.v5-app__on{color:#6EE7B7;animation:v5-app-on 6s infinite}
.v5-app__wait{color:#8A9099;animation:v5-app-wait 6s infinite}
.v5-app__state small{color:#8A9099;font-size:13px}
.v5-app__chart{width:100%;height:48px}
.v5-app__chart path{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.v5-app__bad{stroke:#3A414C}
.v5-app__good{stroke:#8B5CF6;stroke-dasharray:120;animation:v5-app-line 6s infinite}
/* цикл 6 с: 0–25% ждём, 25–45% подключаемся (кольцо крутится), 45–95% подключено */
@keyframes v5-app-btn{0%,40%{background:#1E232B;color:#8A9099;box-shadow:none}48%,92%{background:#7C3AED;color:#fff;box-shadow:0 0 0 10px rgba(124,58,237,.14),0 20px 50px -10px rgba(124,58,237,.6)}100%{background:#1E232B;color:#8A9099}}
@keyframes v5-app-ring{0%,20%{opacity:0;transform:rotate(0)}25%{opacity:1}45%{opacity:1;transform:rotate(720deg)}48%,100%{opacity:0;transform:rotate(720deg)}}
@keyframes v5-app-on{0%,44%{opacity:0;transform:translateY(6px)}50%,92%{opacity:1;transform:none}98%,100%{opacity:0}}
@keyframes v5-app-wait{0%,20%{opacity:0}25%,42%{opacity:1}46%,100%{opacity:0}}
@keyframes v5-app-line{0%,46%{stroke-dashoffset:120}70%,92%{stroke-dashoffset:0}100%{stroke-dashoffset:0;opacity:0}}
.v5-auth__points{display:grid;gap:8px}
.v5-auth__points>div{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:rgba(22,26,32,.7);border:1px solid #262C35;font-weight:600;font-size:15px}
.v5-auth__points span{width:34px;height:34px;flex:none;border-radius:11px;background:var(--t-bg);color:var(--t);display:grid;place-items:center}
.v5-auth__points svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media (prefers-reduced-motion:reduce){.v5-app__power,.v5-app__ring,.v5-app__on,.v5-app__wait,.v5-app__good,.v5-auth .auth-btn-primary::after{animation:none}.v5-app__wait{opacity:0}.v5-app__power{background:#7C3AED;color:#fff}}
@media (max-width:860px){.v5-auth{grid-template-columns:1fr;padding-top:24px}.v5-auth .auth-card{padding:28px 22px!important}.v5-auth__side{padding:24px}.v5-app{display:none}}
.v5-app__flag{display:inline-flex;flex-direction:column;width:16px;height:11px;border-radius:2px;overflow:hidden;vertical-align:-1px;margin-right:4px}.v5-app__flag i{flex:1}

/* Вход/регистрация v2: как в Infinity Cloud — узкая карточка по центру, свечение фоном */
.v5-auth{position:relative;isolation:isolate;display:block;max-width:none;min-height:calc(100vh - 220px);padding:56px 16px 24px}
.v5-auth .auth-card{max-width:440px!important;margin:0 auto;padding:36px 32px!important;border-radius:28px!important;background:rgba(22,26,32,.82)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;box-shadow:0 40px 80px -40px rgba(0,0,0,.9)!important}
.v5-auth .auth-header{text-align:center!important;align-items:center;margin-bottom:28px}
.v5-auth .auth-header h1{font-size:clamp(24px,3vw,30px)!important}
.v5-auth .auth-header p{font-size:15px}
.v5-auth__logo{font-size:20px;justify-content:center;margin-bottom:6px}
.v5-auth__glow{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.v5-auth__glow span{position:absolute;border-radius:50%;filter:blur(120px);animation:v5-aurora 24s ease-in-out infinite alternate}
.v5-auth__glow span:first-child{width:420px;height:420px;left:calc(50% - 520px);top:4%;background:rgba(124,58,237,.28)}
.v5-auth__glow span:last-child{width:360px;height:360px;right:calc(50% - 480px);bottom:0;background:rgba(45,212,191,.12);animation-delay:-8s}
.v5-auth .auth-footer{justify-content:center!important}
.v5-auth .auth-card>p{text-align:center}
@media (max-width:640px){.v5-auth{padding-top:28px}.v5-auth .auth-card{padding:28px 20px!important}}

/* Вход v3: логотип над карточкой, компактный блок Telegram, внятные ссылки */
.v5-auth__brand{display:flex;justify-content:center;margin:0 auto 22px;font-size:22px;width:max-content}
.v5-auth__brand svg{width:36px;height:36px}
.v5-auth .auth-header{margin-bottom:24px}
.v5-auth__lbl{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.v5-auth__lbl a{font-size:13px;font-weight:600;color:#B79CFF!important;text-decoration:none}
.v5-auth__lbl a:hover{color:#DDD6FE!important}
.v5-auth .auth-divider{margin:20px 0 12px!important}
.v5-auth .auth-divider-text{background:none!important;padding:0!important;-webkit-user-select:none;user-select:none}
.v5-auth__tg{display:flex;justify-content:center;min-height:0}
.v5-auth__tg iframe{max-height:40px}
.v5-auth .auth-card>p:not([id]){margin:14px 0 0!important;font-size:14px}
.v5-auth .auth-card>p:not([id]) a{color:#8A9099!important;font-weight:500;text-decoration:none}
.v5-auth .auth-card>p:not([id]) a:hover{color:#EDEFEA!important}
.v5-auth .auth-footer{margin-top:22px;padding-top:18px;gap:6px;align-items:baseline;font-size:15px;color:#8A9099}
.v5-auth .auth-footer a{color:#EDEFEA!important;font-weight:700;text-decoration:underline;text-decoration-color:rgba(183,156,255,.5);text-underline-offset:4px;text-decoration-thickness:2px}
.v5-auth .auth-footer a:hover{text-decoration-color:#B79CFF}
.v5-auth .auth-footer .v5-auth__back{text-decoration:none;color:#8A9099!important;font-weight:600;margin-right:auto}
.v5-auth .auth-footer:has(.v5-auth__back){justify-content:space-between!important}

/* Telegram сразу под основной кнопкой, без разделителя «или» и лишних отступов */
.v5-auth .auth-divider{display:none!important}
.v5-auth__tg{margin-top:12px;height:40px;overflow:hidden}
.v5-auth .auth-footer{margin-top:18px!important;padding-top:16px!important}
.v5-auth .auth-card>p:not([id]){margin-top:12px!important}

/* Блок Telegram скрыт, пока виджет не подтвердил, что работает (см. site_v5.js) */
.v5-auth__tg:not(.is-ready){height:0!important;margin:0!important;opacity:0;pointer-events:none}

/* Узкие телефоны: шапка не вылезает за край — логотип и кнопки ужимаются */
@media (max-width:420px){
  .v5-header{gap:8px;padding:6px 6px 6px 12px}
  .v5-logo{gap:7px;font-size:15px;min-width:0}
  .v5-logo__icon{width:24px;height:24px}
  .v5-header .v5-btn{min-height:40px;padding:0 14px;font-size:14px;border-radius:15px}
  .v5-header__act{gap:6px;flex:none}
  .v5-burger{width:40px;height:40px;border-radius:14px}
}

/* Меню на телефоне: плитки с цветными иконками и подписями, появление лесенкой */
.v5-menu{gap:2px;padding:10px;box-shadow:0 30px 60px -20px rgba(0,0,0,.7);transform-origin:top center;animation:v5menu .35s cubic-bezier(.23,1,.32,1)}
@keyframes v5menu{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}
.v5-menu a.v5-menu__it{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:18px;animation:v5menuIt .45s cubic-bezier(.23,1,.32,1) both}
.v5-menu__it:nth-child(2){animation-delay:.03s}.v5-menu__it:nth-child(3){animation-delay:.06s}.v5-menu__it:nth-child(4){animation-delay:.09s}.v5-menu__it:nth-child(5){animation-delay:.12s}.v5-menu__it:nth-child(6){animation-delay:.15s}
@keyframes v5menuIt{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}
.v5-menu__ic{flex:none;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:var(--t-bg);color:var(--t);transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.v5-menu__it:hover .v5-menu__ic,.v5-menu__it:active .v5-menu__ic{transform:rotate(-8deg) scale(1.08)}
.v5-menu__tx{flex:1;display:flex;flex-direction:column;line-height:1.25}
.v5-menu__tx b{font-size:16px;font-weight:700;color:#EDEFEA}
.v5-menu__tx small{font-size:13px;color:#7b8390;font-weight:500}
.v5-menu__go{font-style:normal;color:#4b5260;font-size:22px;line-height:1;transition:transform .2s,color .2s}
.v5-menu__it:hover .v5-menu__go{color:var(--t);transform:translateX(3px)}
.v5-menu .v5-btn{margin:8px 2px 2px;min-height:52px;border-radius:18px}
@media (prefers-reduced-motion:reduce){.v5-menu,.v5-menu a.v5-menu__it{animation:none}}

/* Вход в приложение (/auth/desktop): иконка над заголовком */
.v5-auth__app{width:64px;height:64px;margin:0 auto 14px;border-radius:20px;display:grid;place-items:center;color:#B79CFF;background:rgba(124,58,237,.16);box-shadow:0 14px 34px -12px rgba(124,58,237,.6)}
.v5-auth__app.ok{color:#6EE7B7;background:rgba(52,211,153,.14);box-shadow:0 14px 34px -12px rgba(52,211,153,.5)}
.v5-auth__note{margin:14px 0 0!important;font-size:13.5px!important;line-height:1.5;color:#7b8390!important;text-align:center}
.v5-auth a.auth-btn{display:flex;justify-content:center;align-items:center;gap:8px;text-decoration:none}

/* ── Шапка v5.1: стекло с градиентной кромкой, навигация сегментами, сжатие при прокрутке ── */
.v5-header{position:relative;isolation:isolate;background:linear-gradient(180deg,rgba(30,34,44,.78),rgba(18,21,28,.82));backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border-color:transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 40px -22px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.04);transition:padding .3s cubic-bezier(.23,1,.32,1),box-shadow .3s,background .3s}
.v5-header::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(110deg,rgba(183,156,255,.55),rgba(255,255,255,.08) 35%,rgba(255,255,255,.05) 65%,rgba(94,234,212,.35));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:-1}
.v5-top.is-scrolled .v5-header{background:linear-gradient(180deg,rgba(24,27,36,.92),rgba(15,17,23,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 22px 50px -20px rgba(0,0,0,.95),0 0 40px -18px rgba(124,58,237,.45)}
.v5-logo .v5-logo__icon{filter:drop-shadow(0 0 10px rgba(124,58,237,.55));transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.v5-logo:hover .v5-logo__icon{transform:rotate(-12deg) scale(1.06)}
.v5-header nav{gap:2px;padding:4px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.05)}
.v5-header nav a{position:relative;padding:8px 14px;border-radius:12px;color:#AEB4BD;transition:color .2s,background .2s}
.v5-header nav a:hover{color:#fff;background:rgba(255,255,255,.06)}
.v5-header nav a[aria-current=page]{color:#fff;background:linear-gradient(180deg,rgba(124,58,237,.32),rgba(124,58,237,.18));box-shadow:inset 0 0 0 1px rgba(183,156,255,.28)}
.v5-header .v5-btn--acc{background:linear-gradient(135deg,#8B5CF6,#6D28D9);box-shadow:0 8px 22px -10px rgba(124,58,237,.9),inset 0 1px 0 rgba(255,255,255,.22)}
.v5-header .v5-btn--acc:hover{filter:brightness(1.08)}
.v5-header .v5-btn--ghost{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09)}
.v5-header .v5-btn--ghost:hover{background:rgba(255,255,255,.1)}
.v5-burger{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.09);transition:background .2s}
.v5-burger[aria-expanded=true]{background:rgba(124,58,237,.22);border-color:rgba(183,156,255,.35)}
.v5-menu{position:relative;background:linear-gradient(180deg,rgba(26,30,39,.97),rgba(16,18,24,.98));box-shadow:0 30px 60px -25px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.05)}
@media (max-width:640px){
  .v5-top{top:8px;margin-top:8px;padding:0 10px}
  .v5-header{border-radius:20px}
  .v5-top.is-scrolled .v5-header{padding-top:4px;padding-bottom:4px}
}
@media (prefers-reduced-motion:reduce){.v5-header,.v5-logo .v5-logo__icon{transition:none}}
/* overflow-x:hidden на body делает его контейнером прокрутки, и sticky-шапка уезжает вместе со страницей.
   clip режет горизонтальный вылет так же, но не ломает sticky. */
body:has(> .v5-top),body:has(.v5-top){overflow-x:clip!important;overflow-y:visible!important}
.v5-dl__act .v5-btn{white-space:nowrap}
/* Действия в карточках «Скачать»: всегда кнопка (или «Скоро») строкой 46px, под ней подпись строкой 20px —
   кнопки и подписи соседних карточек стоят на одной линии. */
.v5-dl__act{display:grid;grid-template-rows:46px 20px;justify-items:start;align-items:center;gap:12px}
.v5-dl__act .v5-btn{min-height:46px}
.v5-dl__act>:only-child{grid-row:1}

/* ── Шапка «док» (вариант 5): док по центру на компьютере, нижняя панель на телефоне ── */
.v5-dock{display:flex;align-items:center;gap:6px;width:max-content;max-width:100%;margin:0 auto;padding:6px;border-radius:22px;background:rgba(20,23,30,.86);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 20px 40px -20px rgba(0,0,0,.9);transition:box-shadow .3s,background .3s}
.v5-top.is-scrolled .v5-dock{background:rgba(16,18,24,.94);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 22px 50px -20px rgba(0,0,0,.95),0 0 40px -18px rgba(124,58,237,.45)}
.v5-dock__home{display:flex;align-items:center;gap:10px;height:44px;padding:0 14px 0 8px;border-radius:16px;background:rgba(124,58,237,.14);color:#EDEFEA;white-space:nowrap}
.v5-dock__home .v5-logo__icon{width:28px;height:28px;filter:drop-shadow(0 0 8px rgba(124,58,237,.55))}
.v5-dock__name{font-size:15px}
.v5-dock__sep{width:1px;height:26px;background:rgba(255,255,255,.08);margin:0 4px}
.v5-dock__nav{display:flex;gap:2px}
.v5-dock__it{display:flex;align-items:center;gap:8px;height:44px;padding:0 14px;border-radius:16px;color:#AEB4BD;font-weight:600;font-size:14px;white-space:nowrap;transition:color .2s,background .2s}
.v5-dock__it svg{width:18px;height:18px;flex:none}
.v5-dock__it:hover{color:#fff;background:rgba(255,255,255,.06)}
.v5-dock__it[aria-current=page]{color:#fff;background:rgba(255,255,255,.09)}
.v5-dock .v5-dock__cta{min-height:44px;padding:0 20px;border-radius:16px;font-size:14px;background:linear-gradient(135deg,#8B5CF6,#6D28D9);box-shadow:0 8px 22px -10px rgba(124,58,237,.9),inset 0 1px 0 rgba(255,255,255,.22)}
@media (max-width:1060px){.v5-dock__name{display:none}.v5-dock__home{padding:0 8px}}
@media (max-width:860px){.v5-dock__it svg{display:none}}

.v5-tabbar{display:none}
@media (max-width:760px){
  /* Сверху — только логотип по центру */
  .v5-top{top:8px;margin-top:8px}
  .v5-dock{gap:0;padding:4px}
  .v5-dock>:not(.v5-dock__home){display:none!important}
  .v5-dock__name{display:inline}.v5-dock__home{padding:0 14px 0 8px;background:none}
  /* Навигация — нижняя панель */
  .v5-tabbar{position:fixed;z-index:60;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));display:flex;justify-content:space-around;align-items:flex-end;height:66px;padding:0 4px 9px;border-radius:24px;background:rgba(20,23,30,.94);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 20px 40px -12px rgba(0,0,0,.9)}
  .v5-tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#7b8390;-webkit-tap-highlight-color:transparent}
  .v5-tabbar a svg{width:22px;height:22px}
  .v5-tabbar a[aria-current=page]{color:#B79CFF}
  .v5-tabbar__cta{color:#EDEFEA!important}
  .v5-tabbar__cta span{display:grid;place-items:center;width:52px;height:52px;margin-top:-30px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#8B5CF6,#6D28D9);box-shadow:0 10px 24px -8px rgba(124,58,237,.9),inset 0 1px 0 rgba(255,255,255,.22)}
  .v5-tabbar__cta span svg{width:24px;height:24px}
  body:has(.v5-tabbar){padding-bottom:calc(90px + env(safe-area-inset-bottom))}
  .to-top{bottom:calc(96px + env(safe-area-inset-bottom))!important}
}