/* Kinto v4 (31.10.2026): премиальный слой поверх site.min.css для главных (ru/en/hy). Подключается патчем patch_v4.py (шаг 8 patch_seo.py).
   Содержимое страниц не меняется: только шрифты, цвет, глубина, движение. Всё ограничено body.v4. */
@font-face {font-family: 'Unbounded';font-style: normal;font-weight: 400;font-display: swap;src: url(/assets/fonts4/Unbounded-400-cyrillic.woff2) format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face {font-family: 'Unbounded';font-style: normal;font-weight: 400;font-display: swap;src: url(/assets/fonts4/Unbounded-400-latin.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face {font-family: 'Unbounded';font-style: normal;font-weight: 500;font-display: swap;src: url(/assets/fonts4/Unbounded-500-cyrillic.woff2) format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face {font-family: 'Unbounded';font-style: normal;font-weight: 500;font-display: swap;src: url(/assets/fonts4/Unbounded-500-latin.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face {font-family: 'Unbounded';font-style: normal;font-weight: 600 900;font-display: swap;src: url(/assets/fonts4/Unbounded-500-cyrillic.woff2) format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face {font-family: 'Unbounded';font-style: normal;font-weight: 600 900;font-display: swap;src: url(/assets/fonts4/Unbounded-500-latin.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face {font-family: 'Manrope';font-style: normal;font-weight: 400;font-display: swap;src: url(/assets/fonts4/Manrope-400-cyrillic.woff2) format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face {font-family: 'Manrope';font-style: normal;font-weight: 400;font-display: swap;src: url(/assets/fonts4/Manrope-400-latin.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face {font-family: 'Manrope';font-style: normal;font-weight: 500;font-display: swap;src: url(/assets/fonts4/Manrope-500-cyrillic.woff2) format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face {font-family: 'Manrope';font-style: normal;font-weight: 500;font-display: swap;src: url(/assets/fonts4/Manrope-500-latin.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face {font-family: 'Manrope';font-style: normal;font-weight: 600;font-display: swap;src: url(/assets/fonts4/Manrope-600-cyrillic.woff2) format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face {font-family: 'Manrope';font-style: normal;font-weight: 600;font-display: swap;src: url(/assets/fonts4/Manrope-600-latin.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face {font-family: 'Manrope';font-style: normal;font-weight: 700;font-display: swap;src: url(/assets/fonts4/Manrope-700-cyrillic.woff2) format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face {font-family: 'Manrope';font-style: normal;font-weight: 700;font-display: swap;src: url(/assets/fonts4/Manrope-700-latin.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

body.v4{--night:#060807;--night-2:#0E1511;--line:rgba(255,255,255,.1);--mist:#A6B2AA;--v4ez:cubic-bezier(.16,1,.3,1);background:#060807}
html[lang=ru] body.v4,html[lang=en] body.v4{--display:"Unbounded",system-ui,sans-serif;--body:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif}
html[lang=ru] body.v4 h1,html[lang=en] body.v4 h1,html[lang=ru] body.v4 h2,html[lang=en] body.v4 h2{font-weight:400;letter-spacing:-.05em;text-wrap:balance}
html[lang=ru] body.v4 .hero h1,html[lang=en] body.v4 .hero h1{font-size:clamp(33px,8.6vw,70px);line-height:1.04}
html[lang=ru] body.v4 h2,html[lang=en] body.v4 h2{line-height:1.08}
body.v4 .grain{opacity:.05}

/* шапка: стекло темнее и тоньше */
body.v4 .top .bar{background:rgba(6,8,7,.66);border-color:rgba(255,255,255,.1);box-shadow:0 20px 40px -24px rgba(0,0,0,.8)}

/* первый экран: сетка, свет, кнопки */
body.v4 .hero{isolation:isolate}
body.v4 .hero:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 30% 25%,#000 10%,transparent 70%);mask-image:radial-gradient(ellipse 80% 60% at 30% 25%,#000 10%,transparent 70%)}
body.v4 .hero h1 .tg{transform:none;border-radius:.16em;padding:0 .14em;box-shadow:0 0 44px -8px rgba(200,245,60,.65);animation:v4wipe .9s .6s var(--v4ez) both;transform-origin:left}
@keyframes v4wipe{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
body.v4 .pill{font-weight:700;letter-spacing:-.005em}
body.v4 .pill.lime{position:relative;overflow:hidden;isolation:isolate;box-shadow:0 18px 44px -18px rgba(200,245,60,.9),inset 0 -2px 0 rgba(0,0,0,.08)}
body.v4 .pill.lime:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-120%);animation:v4shine 5s 2s var(--v4ez) infinite}
@keyframes v4shine{0%{transform:translateX(-120%)}22%,100%{transform:translateX(120%)}}
body.v4 .pill.ghost{border:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);background:rgba(255,255,255,.03)}
body.v4 .pill.ghost:hover{box-shadow:inset 0 0 0 1px rgba(255,255,255,.4);background:rgba(255,255,255,.06)}
body.v4 .hnk{border-radius:999px;transition:background .3s,color .3s,box-shadow .3s}

@media(max-width:900px){body.v4 .hero .wrap{display:flex;flex-direction:column;gap:0}body.v4 .hero .wrap>div:first-child{display:contents}
 body.v4 .hero .here{order:1}body.v4 .hero h1{order:2}body.v4 .hero .lead{order:3}body.v4 .hero .btns{order:4}body.v4 .hero .phones{order:5;margin:40px auto 0;width:100%}body.v4 .hero .hpick{order:6;margin-top:34px}body.v4 .hero .v4soon{order:7}}
/* живая строка «первый экран завтра к ...» (добавляет v4-home.js) */
.v4soon{display:flex;align-items:center;gap:12px;margin-top:16px;padding:11px 13px;border-radius:16px;background:rgba(255,255,255,.035);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);font-size:13.5px;color:var(--mist);max-width:540px}
.v4soon b{color:#fff;font-weight:700}
.v4soon .clk{flex:none;font:500 15px/1 "Unbounded",system-ui,sans-serif;color:var(--lime);font-variant-numeric:tabular-nums;padding:9px 10px;border-radius:11px;background:rgba(200,245,60,.08);min-width:94px;text-align:center}

/* телефоны первого экрана: живые ролики демо */
body.v4 .ph{background:linear-gradient(160deg,#2A3A31,#0E1612);box-shadow:0 40px 80px -30px rgba(0,0,0,.9),inset 0 0 0 1px rgba(255,255,255,.12)}
body.v4 .ph .v4v{position:absolute;inset:var(--pp,7px);width:calc(100% - var(--pp,7px)*2);height:calc(100% - var(--pp,7px)*2);object-fit:cover;object-position:top;border-radius:24px;pointer-events:none}
body.v4 .ph .v4v.on{opacity:1}
body.v4 .ph .tag{border-radius:999px;padding:6px 11px;z-index:3;box-shadow:0 10px 24px -10px rgba(0,0,0,.7)}
@media(max-width:900px){body.v4 .ph .v4v{--pp:5px;border-radius:18px}}
.v4ntf{position:absolute;z-index:4;right:0;top:-34px;display:flex;gap:10px;align-items:center;max-width:250px;padding:10px 12px;border-radius:16px;background:rgba(18,26,22,.88);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 20px 40px -16px rgba(0,0,0,.9);font-size:12.5px;line-height:1.3;opacity:0;animation:v4ntf 8s 2.4s var(--v4ez) infinite;pointer-events:none}
.v4ntf i{flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#2AABEE;color:#fff;font-style:normal;font-size:14px}
.v4ntf b{display:block;font-weight:700}.v4ntf span span{color:var(--mist)}
@keyframes v4ntf{0%{opacity:0;transform:translateY(-12px) scale(.96)}7%,42%{opacity:1;transform:none}52%,100%{opacity:0;transform:translateY(-8px)}}

/* бегущая строка: ровная, контурная */
body.v4 .marquee{transform:none;margin:0;background:#060807;color:#F1F4EC;border-block:1px solid rgba(255,255,255,.08)}
body.v4 .marquee span{color:transparent;-webkit-text-stroke:1px rgba(241,244,236,.5)}
body.v4 .marquee span:nth-child(3n+1){color:#F1F4EC;-webkit-text-stroke:0}
body.v4 .marquee span::after{background:var(--lime);width:9px;height:9px}

/* карточки и линии */
body.v4 .eyebrow{letter-spacing:.14em;font-size:12.5px;font-weight:700}
body.v4 .eyebrow::before{background:var(--lime);height:2px;width:18px}
body.v4 .light .eyebrow::before{background:var(--ink)}
body.v4 .light{background:#F3F5EE}
body.v4 .hg-card{border-radius:28px;box-shadow:0 40px 80px -46px rgba(0,0,0,.9),inset 0 0 0 1px rgba(255,255,255,.06);transition:transform .6s var(--v4ez)}
body.v4 .hg-card:hover{transform:translateY(-8px)}
body.v4 .hg-phone{position:absolute}
body.v4 .hg-phone .v4v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;border-radius:10px}
body.v4 .hg-phone .v4v.on{opacity:1}
body.v4 .row{transition:background .4s}

/* появление блоков */
html.v4js body.v4 [data-v4r]{opacity:0;transform:translateY(26px);transition:opacity .9s var(--v4ez),transform 1.1s var(--v4ez)}
html.v4js body.v4 [data-v4r].in{opacity:1;transform:none}

/* липкая кнопка не закрывает содержимое */
@media(max-width:900px){body.v4 .foot{padding-bottom:110px}}

@media(prefers-reduced-motion:reduce){body.v4 *,body.v4 *:before,body.v4 *:after{animation:none!important;transition:none!important}html.v4js body.v4 [data-v4r]{opacity:1;transform:none}.v4ntf{opacity:1}}
/* цифры и цены шрифтом Unbounded средней насыщенности, как заголовки */
html[lang=ru] body.v4 .v3 b,html[lang=en] body.v4 .v3 b,html[lang=ru] body.v4 .plan .price,html[lang=en] body.v4 .plan .price,html[lang=ru] body.v4 .calc-out b,html[lang=en] body.v4 .calc-out b,html[lang=ru] body.v4 .svc-sec .p,html[lang=en] body.v4 .svc-sec .p{font-weight:500;letter-spacing:-.04em}
html[lang=ru] body.v4 .steps2 h3,html[lang=en] body.v4 .steps2 h3,html[lang=ru] body.v4 .big,html[lang=en] body.v4 .big{font-weight:400;letter-spacing:-.045em}
body.v4 .hero .phones .ph{transition:transform .5s var(--v4ez),box-shadow .5s}

/* плитка «по договорённости»: Unbounded шире прежнего шрифта, без разрыва слова посередине */
html[lang=ru] body.v4 .v3-speed div:last-child b,html[lang=en] body.v4 .v3-speed div:last-child b{font-size:clamp(16px,1.35vw,21px);overflow-wrap:normal;word-break:normal;hyphens:manual}
@media(max-width:980px){html[lang=ru] body.v4 .v3-speed div:last-child b,html[lang=en] body.v4 .v3-speed div:last-child b{font-size:clamp(16px,4.2vw,22px)}}
/* аудит 31.10: честная плашка «24 ч» без таймера, контраст надзаголовков на светлом фоне, демо подписаны как демо */
.v4soon .clk{min-width:0;padding:9px 12px}
body.v4 .light .eyebrow,body.v4 .v3-audit .eyebrow{color:#11664C}
html[lang=ru] body.v4 .hero .ph .tag::after{content:" · демо";font-weight:500;opacity:.75}
html[lang=en] body.v4 .hero .ph .tag::after{content:" · demo";font-weight:500;opacity:.75}
html[lang=hy] body.v4 .hero .ph .tag::after{content:" · դեմո";font-weight:500;opacity:.75}

/* нейтральный макет сайта в телефоне (en/hy: демо пока только на русском) */
.nmk{position:relative;display:block;width:100%;aspect-ratio:390/844;border-radius:18px;overflow:hidden;background:var(--c0,#0B1310);padding:12% 9% 0}
.nmk i{display:block;border-radius:6px;background:var(--c1,rgba(255,255,255,.14))}
.nmk .n-top{height:4%;width:38%;margin-bottom:12%;background:var(--c2,#C8F53C)}
.nmk .n-h{height:5.2%;width:92%;margin-bottom:3%;background:var(--c3,#F1F4EC)}.nmk .n-h.s{width:64%;margin-bottom:8%}
.nmk .n-p{height:2.2%;width:86%;margin-bottom:2.4%}.nmk .n-p.s{width:58%;margin-bottom:8%}
.nmk .n-b{height:6.4%;width:62%;border-radius:999px;margin-bottom:10%;background:var(--c2,#C8F53C);animation:nmkp 2.6s ease-in-out infinite}
.nmk .n-c{height:15%;width:100%;margin-bottom:4%;border-radius:12px;background:var(--c4,rgba(255,255,255,.06));box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.nmk:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.12) 50%,transparent 65%);transform:translateX(-100%);animation:nmks 4.5s 1s ease-in-out infinite}
.nmk.v2{--c0:#F3F5EE;--c1:rgba(10,29,22,.14);--c2:#0F5E55;--c3:#0E1E1B;--c4:#fff}
.nmk.v3{--c0:#2A0D12;--c1:rgba(242,216,210,.2);--c2:#E3A08C;--c3:#F2D8D2;--c4:rgba(242,216,210,.08)}
@keyframes nmkp{50%{transform:scale(1.04);filter:brightness(1.1)}}
@keyframes nmks{60%,100%{transform:translateX(100%)}}
body.v4 .hero .ph .nmk{border-radius:24px}
@media(max-width:900px){body.v4 .hero .ph .nmk{border-radius:18px}}

/* цены: телефоны справа в первом экране, текст по линии логотипа */
.v4side{display:none}
@media(min-width:1000px){
 body.v4 .hero.sub .wrap.one{max-width:1240px;position:relative;padding-right:calc(clamp(16px,4vw,48px) + 420px)}
 .v4side{display:block;position:absolute;top:10px;right:clamp(16px,4vw,48px);width:400px;height:520px;pointer-events:none}
 .v4side .vp{position:absolute;display:block;width:230px;border-radius:30px;padding:7px;background:linear-gradient(160deg,#2A3A31,#0E1612);box-shadow:0 40px 80px -30px rgba(0,0,0,.9),inset 0 0 0 1px rgba(255,255,255,.12);overflow:hidden}
 .v4side .vp img,.v4side .vp .v4v{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;object-position:top;border-radius:24px}
 .v4side .vp .v4v{position:absolute;inset:7px;width:calc(100% - 14px);height:calc(100% - 14px)}
 .v4side .vp .nmk{aspect-ratio:9/16;border-radius:24px}
 .v4side .a{left:0;top:30px;transform:rotate(-5deg);z-index:2}.v4side .b{right:0;top:0;transform:rotate(5deg)}
}

/* hy: главная кнопка в одну строку, длинные слова в карточках типов сайтов не вылезают */
html[lang=hy] body.v4 .hero .btns .pill{font-size:15px;font-weight:600;padding:0 16px;letter-spacing:-.01em}
@media(max-width:600px){html[lang=hy] body.v4 .kt-row{grid-template-columns:minmax(0,1fr) auto}html[lang=hy] body.v4 .kt-p b,html[lang=hy] body.v4 .kt-p.sm b{font-size:15px;overflow-wrap:anywhere}html[lang=hy] body.v4 .kt-go{font-size:13.5px}}
@media(max-width:980px){html[lang=hy] body.v4 .v3-speed div:last-child{flex-direction:column;align-items:flex-start}html[lang=hy] body.v4 .v3-speed div:last-child span{text-align:left}html[lang=hy] body.v4 .v3-speed div:last-child b{font-size:clamp(17px,4.6vw,22px);overflow-wrap:anywhere}}

/* 03.11.2026 Арам: блок «Kinto в роликах» временно скрыт (карточки с видео дёргаются при листании на телефоне). Вернуть: удалить строку. */
body.v4 section#video.vids-sec{display:none}