/* Внутренние страницы: тот же фон, плитки с 3D-значками и появление, что у главной. */
body.inner { background: var(--bg); } body.inner::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 1000px; z-index: -1; pointer-events: none; background: radial-gradient(1300px 900px at 82% 10%, #7c50f91c, transparent 70%); }
.inner .nav a[aria-current] { color: #fff; }
.inner-sec { padding: clamp(50px, 5vw, 100px) 0 0; }
.ph-hero { display: grid; gap: 16px; margin-bottom: clamp(28px, 3vw, 56px); } .ph-hero h1 { font-size: clamp(40px, 4.8vw, 92px); max-width: 14em; } .ph-hero p { color: var(--t2); font-size: clamp(17px, 1.4vw, 26px); max-width: 32em; }
.sub { font-size: clamp(24px, 2.2vw, 40px); margin: clamp(40px, 4vw, 80px) 0 clamp(14px, 1.6vw, 28px); }
.eyebrow { font: 650 clamp(12px, .9vw, 16px) var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--accent-hi); margin: 0 0 14px; }
.tgrid { display: grid; gap: clamp(12px, 1.4vw, 22px); } .g2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .g3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .g3b { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.tgrid .fa-wide { grid-column: span 2; } .g2 .fa-wide { grid-column: span 2; } .fa-tall { grid-row: span 2; }
.fa-sm { min-height: clamp(180px, 14vw, 260px) !important; } .tag-chip { position: absolute; left: clamp(20px, 2vw, 36px); top: clamp(18px, 1.8vw, 30px); padding: 5px 12px; border-radius: 99px; border: 1px solid var(--line-hi); font-size: 13px; color: var(--t3); z-index: 2; } .tag-chip.ok { border-color: #2bc48f88; color: #2bc48f; }
.tgrid .fa { align-content: end; min-height: clamp(240px, 17vw, 340px); } .tgrid .fa-txt h3 { font-size: clamp(22px, 2vw, 38px); } .tgrid .fa-txt p { font-size: clamp(15px, 1.15vw, 21px); }
.js.anim .rv { opacity: 0; transform: translateY(20px); transition: opacity .8s var(--ease), transform .9s var(--ease); } .js.anim .rv.in { opacity: 1; transform: none; }
/* Скачать */
.dl-top { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); gap: clamp(24px, 4vw, 80px); align-items: center; }
.dl-l h1 { font-size: clamp(38px, 4.4vw, 84px); max-width: 11em; } .lead { margin: 16px 0 0; color: var(--t2); font-size: clamp(17px, 1.4vw, 26px); max-width: 28em; }
.dl-act { display: flex; align-items: center; gap: 20px; margin-top: clamp(24px, 2.6vw, 44px); flex-wrap: wrap; } .dl-act span { color: var(--t3); }
.dl-r { perspective: 2200px; } .dl-shot { transform: rotateY(-16deg) rotateX(6deg) rotateZ(-2deg); border-radius: 18px; overflow: hidden; border: 1px solid #2e3441; box-shadow: 0 60px 120px -40px #000, 0 0 100px -20px #7c50f966; animation: dlsway 9s ease-in-out infinite; } .dl-shot img { display: block; width: 100%; }
@keyframes dlsway { 0%, 100% { transform: rotateY(-16deg) rotateX(6deg) rotateZ(-2deg); } 50% { transform: rotateY(-8deg) rotateX(3deg) rotateZ(-1deg); } }
.steps3d { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(12px, 1.4vw, 22px); position: relative; } .s3 { display: flex; gap: 18px; align-items: flex-start; padding: clamp(18px, 2vw, 34px); border-radius: 22px; border: 1px solid #2a2f3d; background: linear-gradient(180deg, #11131a, #0b0d12); }
.s3 i { flex: none; width: clamp(44px, 3.4vw, 64px); aspect-ratio: 1; border-radius: 50%; display: grid; place-items: center; font: 700 clamp(20px, 1.8vw, 32px) var(--mono); font-style: normal; background: linear-gradient(145deg, #8c63ff, #4a2bb8); box-shadow: 0 14px 30px -12px #7c50f9; } .s3 b { font-size: clamp(18px, 1.5vw, 28px); } .s3 p { margin: 6px 0 0; color: var(--t2); font-size: clamp(14px, 1.05vw, 19px); }
.sha { display: grid; gap: 8px; margin-top: clamp(30px, 3vw, 56px); padding: clamp(16px, 1.8vw, 28px); border-radius: 18px; border: 1px dashed #a281ff55; } .sha b { font: 650 12px var(--mono); letter-spacing: .14em; color: var(--accent-hi); } .sha code { font: 500 clamp(12px, .95vw, 15px) var(--mono); color: #cdbcff; overflow-wrap: anywhere; } .sha span { color: var(--t3); font-size: 14px; }
/* Что нового */
.rels { display: grid; gap: clamp(30px, 3.4vw, 64px); } .rel { display: grid; grid-template-columns: minmax(150px, 2fr) minmax(0, 10fr); gap: clamp(18px, 3vw, 60px); padding-top: clamp(22px, 2.4vw, 40px); border-top: 1px solid var(--line-hi); }
.rel-v { position: sticky; top: 90px; align-self: start; display: grid; gap: 8px; } .rel-v b { font: 700 clamp(28px, 3vw, 56px) var(--mono); letter-spacing: -.04em; color: #8a92a4; } .rel-cur .rel-v b { background: linear-gradient(180deg, #fff, #a281ff); -webkit-background-clip: text; background-clip: text; color: transparent; } .cur { justify-self: start; padding: 4px 12px; border-radius: 99px; background: #7c50f92e; color: #cdbcff; font-size: 13px; }
.rel-body { display: grid; gap: clamp(14px, 1.6vw, 26px); } .ch-shot { border-radius: 20px; overflow: hidden; border: 1px solid #2e3441; box-shadow: 0 40px 80px -40px #7c50f9aa; max-width: 880px; } .ch-shot img { display: block; width: 100%; }
.ch-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(10px, 1.2vw, 18px); } .ch-card { padding: clamp(16px, 1.8vw, 28px); border-radius: 20px; border: 1px solid #2a2f3d; background: radial-gradient(90% 120% at 100% 100%, #7c50f91c, transparent 62%), #0e1016; } .ch-card b { font-size: clamp(17px, 1.4vw, 25px); letter-spacing: -.01em; } .ch-card p { margin: 8px 0 0; color: var(--t2); font-size: clamp(14px, 1.05vw, 18px); line-height: 1.5; }
.ch-rest { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; } .ch-rest li { display: grid; grid-template-columns: 110px 1fr; gap: 14px; padding: 11px 0; border-top: 1px solid var(--line); color: #cfd3de; font-size: clamp(14px, 1.05vw, 18px); line-height: 1.5; } .ch-rest em { font: 600 12px var(--mono); font-style: normal; text-transform: uppercase; letter-spacing: .08em; color: #a281ff; padding-top: 3px; }
/* Помощь */
.hs { display: flex; align-items: center; gap: 14px; padding: 0 22px; height: clamp(54px, 4vw, 76px); border-radius: 999px; border: 1px solid var(--line-hi); background: #0e1016; max-width: 720px; } .hs .ic { width: 22px; height: 22px; color: var(--t3); flex: none; } .hs input { flex: 1; background: none; border: 0; outline: 0; color: var(--t1); font: 400 clamp(16px, 1.3vw, 22px) var(--ui); } .hs:focus-within { border-color: #a281ffaa; box-shadow: 0 0 0 4px #7c50f922; }
.topics .fa { min-height: clamp(180px, 14vw, 260px); }
.inner .faq-list details { border-top: 1px solid var(--line-hi); } .inner .faq-list details:last-child { border-bottom: 1px solid var(--line-hi); } .inner .faq-list { max-width: 980px; } .none { color: var(--t3); margin-top: 16px; }
@media (max-width: 900px) { .g2, .g3, .g3b, .steps3d, .ch-cards { grid-template-columns: 1fr; } .tgrid .fa-wide { grid-column: span 1; } .dl-top, .rel { grid-template-columns: 1fr; } .rel-v { position: static; } .ch-rest li { grid-template-columns: 1fr; gap: 2px; } }
@media (prefers-reduced-motion: reduce) { .dl-shot { animation: none; } }

.ch-more > summary, .olds > summary { list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 10px; padding: 10px 18px; border-radius: 99px; border: 1px solid var(--line-hi); color: var(--t2); font-size: clamp(14px, 1.05vw, 18px); } .ch-more > summary::-webkit-details-marker, .olds > summary::-webkit-details-marker { display: none; } .ch-more > summary::after, .olds > summary::after { content: "+"; color: var(--accent-hi); font-size: 20px; line-height: 1; } .ch-more[open] > summary::after, .olds[open] > summary::after { content: "−"; }
.ch-more .ch-rest { margin-top: 12px; } .olds { margin-top: clamp(30px, 3vw, 56px); } .olds > .rels { margin-top: clamp(24px, 2.4vw, 44px); }

.tgrid .fa { min-height: clamp(210px, 14.5vw, 290px); } .g2 .fa-wide { grid-column: span 2; }
.ch-shot { max-width: none; } .hs { max-width: none; } .inner .faq-list { max-width: none; } .inner .faq-list details p { max-width: 46em; }
.ph-hero { margin-bottom: clamp(24px, 2.6vw, 48px); }

/* Центр помощи: слева разделы, справа содержимое. Плотно и по делу, без 3D. */
.hc { display: grid; grid-template-columns: minmax(200px, 2fr) minmax(0, 8fr); gap: clamp(24px, 4vw, 80px); align-items: start; }
.hc-side { position: sticky; top: 90px; display: grid; gap: 4px; } .hc-side b { font: 650 12px var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--accent-hi); margin-bottom: 8px; } .hc-side a { padding: 10px 14px; border-radius: 12px; color: var(--t2); font-size: clamp(15px, 1.1vw, 19px); } .hc-side a:hover { color: #fff; background: #151822; } .hc-side a.on { color: #fff; background: #7c50f92e; }
.hc-main h1 { font-size: clamp(34px, 3.6vw, 66px); } .hc-lead { margin: 12px 0 clamp(20px, 2vw, 34px); color: var(--t2); font-size: clamp(16px, 1.3vw, 23px); max-width: 36em; }
.hc-sub { font-size: clamp(20px, 1.8vw, 32px); margin: clamp(30px, 3vw, 56px) 0 14px; }
.hc-main .hs { margin-bottom: 8px; }
.hub-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 24px; } .hub-big { position: relative; display: grid; gap: 6px; padding: clamp(18px, 2vw, 32px); border-radius: 20px; border: 1px solid #2a2f3d; background: radial-gradient(90% 120% at 100% 100%, #7c50f91c, transparent 62%), #0e1016; transition: transform .3s var(--ease), border-color .3s; } .hub-big:hover { transform: translateY(-3px); border-color: #a281ff88; } .hub-big b { font-size: clamp(18px, 1.6vw, 28px); } .hub-big span { color: var(--t2); } .hub-big em, .sup-c em, .doc em { position: absolute; right: 18px; top: 18px; font-style: normal; font-size: 12px; padding: 4px 10px; border-radius: 99px; border: 1px solid var(--line-hi); color: var(--t3); }
.hub-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px; } .hub-c { display: grid; gap: 2px; padding: 14px 0; border-top: 1px solid var(--line-hi); } .hub-c span { font-size: 12px; color: var(--t3); text-transform: uppercase; letter-spacing: .08em; } .hub-c b { font-size: clamp(16px, 1.3vw, 22px); } .hub-c:hover b { color: #cdbcff; }
.arts { display: grid; gap: 0; } .art { padding: 22px 0; border-top: 1px solid var(--line-hi); scroll-margin-top: 90px; } .art-c { font-size: 12px; color: var(--accent-hi); text-transform: uppercase; letter-spacing: .1em; } .art h2 { font-size: clamp(20px, 1.8vw, 32px); margin: 6px 0 10px; } .art p { margin: 0 0 10px; color: #cfd3de; line-height: 1.6; max-width: 46em; font-size: clamp(15px, 1.1vw, 19px); }
.sup { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .sup-c, .doc { position: relative; display: grid; gap: 8px; align-content: start; padding: clamp(18px, 2vw, 30px); border-radius: 20px; border: 1px solid #2a2f3d; background: #0e1016; } .sup-c b, .doc b { font-size: clamp(18px, 1.5vw, 26px); } .sup-c p, .doc p { margin: 0; color: var(--t2); line-height: 1.5; }
.docs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .note2 { margin-top: 18px; color: var(--t3); }
.hc-ul { margin: 0; padding-left: 20px; color: #cfd3de; line-height: 1.8; font-size: clamp(15px, 1.1vw, 19px); }
@media (max-width: 900px) { .hc { grid-template-columns: 1fr; } .hc-side { position: static; grid-template-columns: 1fr 1fr; } .hub-grid, .hub-list, .sup, .docs { grid-template-columns: 1fr; } }

.draft { margin-bottom: 24px; padding: 14px 18px; border-radius: 14px; border: 1px dashed #ffb54788; background: #ffb5470f; color: #e6d8bd; line-height: 1.5; } .draft b { display: inline-block; margin-right: 8px; padding: 2px 10px; border-radius: 99px; background: #ffb54733; color: #ffb547; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.doc-text h2 { font-size: clamp(18px, 1.6vw, 28px); margin: 28px 0 8px; } .doc-text p, .doc-text li { color: #cfd3de; line-height: 1.65; font-size: clamp(15px, 1.1vw, 19px); max-width: 48em; } .doc-text ul { padding-left: 20px; margin: 0 0 8px; } .doc-text a { color: #cdbcff; text-decoration: underline; }
.back { margin-top: 36px; } .back a { color: var(--t2); } .doc-l { transition: transform .3s var(--ease), border-color .3s; } .doc-l:hover { transform: translateY(-3px); border-color: #a281ff88; }
.chat-slot { margin-top: 18px; display: grid; gap: 6px; place-items: center; min-height: 160px; border-radius: 20px; border: 1px dashed #a281ff66; background: #0e1016; text-align: center; color: var(--t3); padding: 20px; } .chat-slot b { color: var(--t1); font-size: clamp(17px, 1.4vw, 24px); }
.hc-p { color: var(--t2); margin: 0 0 8px; max-width: 46em; line-height: 1.6; }

/* Помощь на одной странице */
.help1 { display: grid; gap: clamp(16px, 1.8vw, 28px); max-width: 1200px; margin-inline: auto; } .help1 h1 { font-size: clamp(40px, 4.6vw, 86px); text-align: center; }
.hs-big { max-width: none; height: clamp(58px, 4.4vw, 84px); } .hs kbd { font: 600 12px var(--mono); padding: 5px 9px; border-radius: 8px; border: 1px solid var(--line-hi); color: var(--t3); }
.ht-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(10px, 1.2vw, 18px); } .ht { text-align: left; display: grid; gap: 4px; align-content: start; padding: clamp(14px, 1.5vw, 24px); border-radius: 18px; border: 1px solid #2a2f3d; background: #0e1016; color: inherit; font: inherit; cursor: pointer; transition: border-color .25s, transform .3s var(--ease), background .25s; } .ht:hover { transform: translateY(-2px); border-color: #a281ff88; } .ht.on { border-color: #a281ff; background: #7c50f91c; } .ht b { font-size: clamp(16px, 1.3vw, 23px); } .ht > span:last-child { color: var(--t3); font-size: clamp(13px, .95vw, 16px); } .ht-i { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; background: #7c50f92e; color: #cdbcff; font-size: 18px; margin-bottom: 6px; }
.hp h2 { font-size: clamp(22px, 2vw, 36px); margin: 8px 0 12px; } .hi { border-top: 1px solid var(--line-hi); } .hi:last-child { border-bottom: 1px solid var(--line-hi); } .hi summary { list-style: none; cursor: pointer; padding: 16px 0; font-size: clamp(16px, 1.3vw, 22px); font-weight: 600; display: flex; justify-content: space-between; gap: 16px; } .hi summary::-webkit-details-marker { display: none; } .hi summary::after { content: "+"; color: var(--accent-hi); font-size: 26px; line-height: 1; } .hi[open] summary::after { content: "−"; } .hi p { margin: 0 0 12px; color: #cfd3de; line-height: 1.6; max-width: 46em; font-size: clamp(15px, 1.1vw, 19px); }
.pops { display: grid; } .pop { padding: 14px 0; border-top: 1px solid var(--line-hi); color: var(--t2); } .pop:last-child { border-bottom: 1px solid var(--line-hi); } .pop:hover { color: #fff; }
.ask { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 20px; align-items: stretch; padding: clamp(18px, 2vw, 32px); border-radius: 22px; background: linear-gradient(135deg, #7c50f9, #5d34d6); } .ask-t { display: grid; gap: 8px; align-content: center; } .ask-t b { font-size: clamp(20px, 1.8vw, 32px); } .ask-t span { color: #ece6ff; line-height: 1.5; } .ask .chat-slot { margin: 0; background: #0b0d12e8; border: 1px solid #ffffff22; min-height: 180px; color: var(--t3); }
.docs-line { text-align: center; color: var(--t3); } .docs-line a { color: #cdbcff; text-decoration: underline; }
.narrow2 { max-width: 980px !important; margin-inline: auto; padding-inline: 24px !important; }
@media (max-width: 900px) { .ht-grid { grid-template-columns: 1fr 1fr; } .ask { grid-template-columns: 1fr; } }

[hidden] { display: none !important; }

/* «Не нашли ответ?»: тёмная карточка с акцентной рамкой, чат шире */
.help1 { max-width: 1280px; }
.ask { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); background: radial-gradient(80% 120% at 0 0, #7c50f93a, transparent 60%), #0e1016; border: 1px solid #a281ff66; box-shadow: 0 40px 90px -50px #7c50f9; }
.ask-t b { font-size: clamp(22px, 2vw, 36px); line-height: 1.15; } .ask-t span { color: var(--t2); }
.ask #support-chat.sc { height: min(620px, 74vh); background: #0b0d12; border-color: #2e3441; }
.pops::before { content: attr(data-h); padding-bottom: 12px; font: 600 12px var(--mono); letter-spacing: .1em; text-transform: uppercase; color: var(--accent-hi); } .pops .pop { display: flex; justify-content: space-between; align-items: center; font-size: clamp(16px, 1.2vw, 20px); } .pops .pop::after { content: "→"; color: var(--accent-hi); opacity: .5; transition: opacity .2s, transform .25s var(--ease); } .pops .pop:hover::after { opacity: 1; transform: translateX(4px); }

.btn-off { background: #1a1d26; color: #8a92a4; box-shadow: none; cursor: not-allowed; border: 1px solid var(--line-hi); } .btn-off:hover { background: #1a1d26; transform: none; box-shadow: none; }

/* Значок поддержки справа внизу и окно чата */
.chat-fab-wrap { position: fixed; right: clamp(10px, 1.1vw, 20px); bottom: clamp(16px, 2vw, 32px); z-index: 70; display: grid; justify-items: end; gap: 14px; }
.chat-fab { width: 60px; height: 60px; border-radius: 50%; border: 0; background: linear-gradient(145deg, #8c63ff, #5d34d6); color: #fff; display: grid; place-items: center; cursor: pointer; box-shadow: 0 18px 40px -12px #7c50f9, inset 0 1px 0 #ffffff55; transition: transform .25s var(--ease), box-shadow .25s; order: 2; } .chat-fab:hover { transform: translateY(-2px) scale(1.04); } .chat-fab .ic { width: 26px; height: 26px; grid-area: 1 / 1; transition: transform .3s var(--ease), opacity .2s; } .chat-fab .ic-x { opacity: 0; transform: rotate(-60deg); } .chat-fab.open .ic:first-child { opacity: 0; transform: rotate(60deg); } .chat-fab.open .ic-x { opacity: 1; transform: none; }
.chat-pop { order: 1; width: min(420px, calc(100vw - 32px)); max-height: min(640px, calc(100vh - 160px)); display: grid; grid-template-rows: auto minmax(0, 1fr); border-radius: 22px; border: 1px solid #a281ff55; background: #0b0d12; box-shadow: 0 40px 90px -30px #000, 0 0 0 1px #00000060; overflow: hidden; }
.chat-intro { padding: 14px 18px; color: #ddd8ee; font-size: 14px; line-height: 1.45; background: linear-gradient(135deg, #7c50f93a, #5d34d622); border-bottom: 1px solid #a281ff33; }
.chat-pop #support-chat.sc { margin: 0; border: 0; border-radius: 0; height: min(560px, calc(100vh - 220px)); min-height: 380px; background: transparent; }
.chat-pop .chat-slot:not(.sc) { min-height: 200px; display: grid; place-items: center; color: var(--t3); }
/* Чат: без серых плашек, кнопки и поля прозрачные с тонкой рамкой, отправка стрелкой в акцентном круге */
#support-chat .sc-btn { background: transparent; box-shadow: inset 0 0 0 1px #a281ff66; color: #e6e1f7; } #support-chat .sc-btn:hover { background: #7c50f920; box-shadow: inset 0 0 0 1px #a281ff; } #support-chat .sc-btn.primary { background: #7c50f9; box-shadow: none; }
#support-chat .sc-mail { background: transparent; } #support-chat .sc-form { background: transparent; box-shadow: inset 0 0 0 1px #a281ff44; }
#support-chat .sc-send { width: 36px; height: 36px; border-radius: 50%; } #support-chat .sc-send .sc-ic { width: 18px; height: 18px; stroke-width: 2.4; }
#support-chat .sc-msg.bot .sc-body, #support-chat .sc-msg:not(.user):not(.staff):not(.system) .sc-body { background: transparent; }
#support-chat .sc-art { background: transparent; }
.help1 .docs-line { margin-top: 12px; }
@media (max-width: 600px) { .chat-pop { width: calc(100vw - 32px); } }
.doc-rev { margin: 0 0 24px; color: var(--t3); font-size: 14px; }

/* Документы в языке главной: хаб плитками, оглавление слева, разделы с номерами и сводкой «Коротко» */
.ds-hub, .ds-wrap { padding-bottom: 0; }
.ds-hub h1.ph, .ds-main h1.ph { font-size: clamp(40px, 5.2vw, 96px); letter-spacing: -.035em; line-height: 1; margin: 0 0 14px; }
.ds-hub .hc-lead, .ds-main .hc-lead { font-size: clamp(17px, 1.3vw, 22px); color: var(--t2); margin: 0 0 22px; }
.dh-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(12px, 1.4vw, 22px); margin-top: 28px; }
.fa.dh { min-height: clamp(240px, 20vw, 360px); text-decoration: none; color: inherit; } .fa.dh .fa-txt h3 { font-size: clamp(26px, 2.4vw, 42px); } .fa.dh .fa-txt p { color: #c3c8d6; }
.dh-sub { margin: clamp(40px, 4vw, 72px) 0 18px; font-size: clamp(26px, 2.4vw, 44px); letter-spacing: -.02em; }
.dk-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(12px, 1.4vw, 22px); }
.dk { display: grid; gap: 14px; align-content: start; padding: clamp(18px, 1.8vw, 28px); border-radius: 22px; border: 1px solid color-mix(in srgb, var(--c) 30%, #1c2029); background: radial-gradient(90% 120% at 100% 100%, color-mix(in srgb, var(--c) 14%, transparent), transparent 62%), linear-gradient(180deg, #11131a, #0b0d12); }
.dk i { width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; background: color-mix(in srgb, var(--c) 22%, transparent); color: color-mix(in srgb, var(--c) 70%, #fff); } .dk i .ic { width: 24px; height: 24px; }
.dk p { margin: 0; font-size: clamp(16px, 1.2vw, 20px); line-height: 1.5; color: #e1e4ec; }
.ds-wrap { display: grid; grid-template-columns: clamp(220px, 20vw, 300px) minmax(0, 820px); gap: clamp(32px, 6vw, 110px); justify-content: center; }
.ds-wrap.ds-one { grid-template-columns: minmax(0, 860px); }
.ds-toc { position: sticky; top: 92px; align-self: start; display: grid; gap: 2px; border-left: 1px solid #2e3441; padding-left: 4px; }
.ds-toc > b { margin: 0 0 10px 14px; font: 600 13px var(--mono); letter-spacing: .12em; text-transform: uppercase; color: var(--accent-hi); }
.ds-toc a { display: block; padding: 8px 14px; margin-left: -5px; border-left: 2px solid transparent; color: var(--t2); text-decoration: none; font-size: 15px; line-height: 1.35; transition: color .2s, border-color .2s; }
.ds-toc a:hover, .ds-toc a.on { color: #fff; border-left-color: #a281ff; }
.ds-toc .ds-all { margin-top: 14px; color: #cdbcff; }
.ds { margin-top: clamp(36px, 3.6vw, 60px); }
.ds-h { display: flex; align-items: baseline; gap: 16px; }
.ds-n { font: 700 15px var(--mono); letter-spacing: .1em; color: var(--accent-hi); }
.ds h2 { margin: 0; font-size: clamp(26px, 2.4vw, 42px); letter-spacing: -.02em; line-height: 1.15; font-weight: 700; }
.ds-s { margin: 16px 0 18px; padding: 16px 20px; border-radius: 16px; border: 1px solid #a281ff44; background: linear-gradient(135deg, #7c50f91f, #7c50f908); font-size: clamp(16px, 1.2vw, 19px); line-height: 1.5; color: #fff; }
.ds-s b { display: block; margin-bottom: 4px; font: 600 12px var(--mono); letter-spacing: .12em; text-transform: uppercase; color: var(--accent-hi); }
.ds p, .ds li, .ds-intro p, .ds-intro li { color: #cfd3de; font-size: clamp(16px, 1.25vw, 19px); line-height: 1.75; max-width: 44em; }
.ds p { margin: 0 0 14px; }
.ds ul, .ds-intro ul { list-style: none; margin: 0 0 14px; padding: 0; display: grid; gap: 10px; }
.ds li, .ds-intro li { position: relative; padding-left: 24px; } .ds li::before, .ds-intro li::before { content: ""; position: absolute; left: 2px; top: .8em; width: 7px; height: 7px; border-radius: 50%; background: #a281ff; }
.ds li b, .ds-intro li b { color: #fff; font-weight: 650; }
.ds a, .ds-intro a { color: #cdbcff; }
.ds-intro { margin-top: 12px; } .ds-intro a { text-decoration: underline; }
@media (max-width: 900px) { .dh-grid { grid-template-columns: 1fr; } .dk-grid { grid-template-columns: 1fr 1fr; } .ds-wrap { grid-template-columns: 1fr; } .ds-toc { position: static; display: flex; flex-wrap: wrap; gap: 6px; border: 0; padding: 0; } .ds-toc > b { width: 100%; margin-left: 0; } .ds-toc a { border: 1px solid #2e3441; border-radius: 99px; margin: 0; padding: 6px 14px; } }
@media (max-width: 560px) { .dk-grid { grid-template-columns: 1fr; } }
.pe .pk-more { padding: 0; border: 0; }

.ds-ico { width: 64px; height: 64px; border-radius: 20px; display: grid; place-items: center; margin-bottom: 22px; background: color-mix(in srgb, var(--c) 22%, transparent); color: color-mix(in srgb, var(--c) 70%, #fff); } .ds-ico .ic { width: 32px; height: 32px; }
.ds h2 { margin-bottom: 14px; } .ds { margin-top: clamp(48px, 4.4vw, 72px); }
.ds-wrap.ds-one { justify-content: start; } .ds-intro p { margin: 0 0 14px; }
.ds-toc a { font-size: 16px; color: #b4bac8; } .ds-toc a em { font: 600 12px var(--mono); font-style: normal; letter-spacing: .08em; color: var(--accent-hi); margin-right: 10px; }
.fa.dh .fa-3d { right: 4%; } .fa.dh .fa-txt p { min-height: calc(2 * 1.45em); }
.doc-rev { display: inline-block; margin: 0 0 24px; padding: 5px 12px; border-radius: 99px; border: 1px solid #a281ff55; color: #cdbcff; font: 500 13px var(--ui); }

/* Документы без 3D: плоские карточки, лицензии карточками */
.dh { display: flex; align-items: center; gap: clamp(16px, 1.6vw, 26px); padding: clamp(20px, 2vw, 34px); border-radius: 24px; border: 1px solid color-mix(in srgb, var(--c) 32%, #1c2029); background: radial-gradient(70% 140% at 100% 100%, color-mix(in srgb, var(--c) 14%, transparent), transparent 62%), linear-gradient(180deg, #11131a, #0b0d12); text-decoration: none; color: inherit; transition: border-color .25s; }
.dh:hover { border-color: var(--c); }
.dh-i { flex: none; width: clamp(56px, 4.4vw, 72px); height: clamp(56px, 4.4vw, 72px); border-radius: 20px; display: grid; place-items: center; background: color-mix(in srgb, var(--c) 22%, transparent); color: color-mix(in srgb, var(--c) 70%, #fff); } .dh-i .ic { width: 50%; height: 50%; }
.dh-t h3 { margin: 0; font-size: clamp(22px, 2vw, 34px); letter-spacing: -.02em; } .dh-t p { margin: 4px 0 0; color: #c3c8d6; font-size: clamp(15px, 1.15vw, 19px); }
.dh-go { margin-left: auto; color: #cdbcff; font-size: 26px; transition: transform .25s var(--ease); } .dh:hover .dh-go { transform: translateX(4px); }
.lc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 22px; }
.lc { display: flex; gap: 18px; padding: clamp(18px, 1.8vw, 26px); border-radius: 20px; border: 1px solid #a281ff44; background: linear-gradient(135deg, #7c50f91a, #7c50f906); }
.lc > i { flex: none; width: 48px; height: 48px; border-radius: 14px; display: grid; place-items: center; background: #7c50f92e; color: #cdbcff; } .lc > i .ic { width: 24px; height: 24px; }
.lc h3 { margin: 0 0 4px; font-size: clamp(19px, 1.5vw, 24px); }
.lc .lc-b { display: inline-block; margin-bottom: 8px; padding: 3px 10px; border-radius: 99px; border: 1px solid #a281ff66; color: #cdbcff; font: 600 13px var(--mono); }
.lc p { margin: 0; color: #cfd3de; font-size: clamp(15px, 1.1vw, 18px); line-height: 1.6; }
@media (max-width: 800px) { .lc-grid { grid-template-columns: 1fr; } }
.ds-wrap.ds-one { grid-template-columns: minmax(0, 1100px); }

/* Плитки внутренних страниц: плоские значки без 3D (3D только на главной и в четырёх плитках помощи) */
.fa-flat { position: absolute; top: clamp(20px, 2vw, 32px); left: clamp(20px, 2vw, 32px); width: clamp(52px, 4vw, 64px); height: clamp(52px, 4vw, 64px); border-radius: 18px; display: grid; place-items: center; background: color-mix(in srgb, var(--c) 22%, transparent); color: color-mix(in srgb, var(--c) 70%, #fff); }
.fa-flat .ic { width: 50%; height: 50%; }

.tag-chip { left: auto !important; right: clamp(20px, 2vw, 32px); top: clamp(22px, 2.2vw, 36px); }
.igr .fa-wide { grid-column: 1 / -1; }
.dl-shot { transform: none !important; animation: none !important; }
.dh { min-height: clamp(110px, 9vw, 140px); }
.ds-wrap.ds-one { grid-template-columns: minmax(0, 1fr); }
/* Заголовки плиток на одной линии: текст идёт от значка, а не прижат к низу */
.tgrid .fa { align-content: start; padding-top: calc(clamp(20px, 2vw, 32px) + clamp(52px, 4vw, 64px) + clamp(22px, 2vw, 34px)); }
.tgrid .fa-txt { margin-top: 0; }
.tgrid .fa { grid-auto-rows: max-content; align-content: start; }
.tgrid .fa .fa-txt { align-self: start; margin: 0; }
.tgrid .fa:not(.fa-wide) .fa-txt { padding-top: 0; }

/* «Скоро» без серых плашек: акцентная рамка, прозрачный фон; в подвале просто акцентный текст */
.btn-off, .btn-off:hover { background: transparent; color: #cdbcff; border: 1px solid #a281ff77; }
.fc .soon em { border: 0; padding: 0; color: #a281ff; font-size: 12px; }

/* Скачать: вариант А */
.id-dl-a { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(30px, 5vw, 90px); align-items: start; padding-bottom: clamp(40px, 5vw, 80px); }
.id-dl-a h1 { margin: 0; font-size: clamp(44px, 5.6vw, 104px); line-height: 1; letter-spacing: -.035em; font-weight: 780; }
.id-kick { margin: 0 0 12px; font: 600 13px var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--accent-hi); }
.id-lead { margin: 14px 0 0; color: var(--t2); font-size: clamp(17px, 1.3vw, 22px); max-width: 34em; }
.id-card { padding: clamp(24px, 2.6vw, 44px); border-radius: 26px; border: 1px solid #a281ff55; background: linear-gradient(160deg, #7c50f91f, #7c50f905); display: grid; gap: 22px; justify-items: start; } .id-card .id-lead { margin: 0; }
.id-specs { width: 100%; display: grid; border-top: 1px solid #2e3441; } .id-spec { display: flex; justify-content: space-between; gap: 20px; padding: 14px 0; border-bottom: 1px solid #2e3441; font-size: clamp(15px, 1.15vw, 18px); } .id-spec span { color: var(--t3); font: 500 13px var(--mono); letter-spacing: .08em; text-transform: uppercase; align-self: center; } .id-spec b { font-weight: 550; text-align: right; }
.id-col h2 { font-size: clamp(26px, 2.4vw, 42px); margin: 0 0 26px; letter-spacing: -.02em; }
.id-steps { list-style: none; margin: 0; padding: 0; display: grid; } .id-steps li { display: grid; grid-template-columns: 64px 1fr; gap: 20px; padding-bottom: 34px; } .id-steps i { font: 700 clamp(26px, 2.4vw, 40px) var(--mono); font-style: normal; color: var(--accent-hi); line-height: 1; padding-top: 2px; } .id-steps b { font-size: clamp(20px, 1.7vw, 28px); } .id-steps p { margin: 4px 0 0; color: var(--t2); font-size: clamp(16px, 1.2vw, 19px); }
@media (max-width: 900px) { .id-dl-a { grid-template-columns: 1fr; } }
/* Что нового: как релизы на GitHub */
.cl-wrap { padding-bottom: 0; } .cl-wrap h1.ph { font-size: clamp(40px, 5.2vw, 96px); letter-spacing: -.035em; line-height: 1; margin: 0 0 14px; }
.cl-list { margin-top: 30px; }
.cl-rel { display: grid; grid-template-columns: clamp(130px, 13vw, 200px) minmax(0, 860px); gap: clamp(20px, 4vw, 70px); padding: clamp(26px, 3vw, 44px) 0; border-top: 1px solid #2e3441; }
.cl-rel aside { position: sticky; top: 92px; align-self: start; display: grid; gap: 8px; justify-items: start; } .cl-rel aside a { font: 700 clamp(22px, 2vw, 32px) var(--mono); letter-spacing: -.03em; color: #fff; text-decoration: none; } .cl-rel aside em { padding: 3px 12px; border-radius: 99px; border: 1px solid #a281ff77; color: #cdbcff; font-style: normal; font-size: 13px; }
.cl-body h3 { margin: 22px 0 8px; font: 600 13px var(--mono); letter-spacing: .1em; text-transform: uppercase; color: var(--accent-hi); } .cl-body h3:first-child { margin-top: 0; }
.cl-body ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; } .cl-body li { position: relative; padding-left: 20px; color: #cfd3de; font-size: clamp(16px, 1.2vw, 19px); line-height: 1.55; } .cl-body li::before { content: ""; position: absolute; left: 2px; top: .75em; width: 6px; height: 6px; border-radius: 50%; background: #a281ff; } .cl-body li b { color: #fff; font-weight: 650; }
@media (max-width: 800px) { .cl-rel { grid-template-columns: 1fr; } .cl-rel aside { position: static; grid-auto-flow: column; justify-content: start; align-items: center; } }

/* Скачать */
.d2-dl { display: grid; gap: clamp(36px, 4vw, 70px); }
.d2-top { display: flex; align-items: end; justify-content: space-between; gap: 30px; flex-wrap: wrap; }
.d2-act { display: grid; gap: 10px; justify-items: start; } .d2-act span { color: var(--t3); font-size: 15px; }
.d2-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(16px, 2vw, 34px); }
.d2-steps li { display: grid; gap: 8px; align-content: start; }
.d2-pic { aspect-ratio: 4 / 3; border-radius: 26px; display: grid; place-items: center; background: radial-gradient(80% 100% at 50% 110%, #7c50f93d, transparent 70%), #130f24; border: 1px solid #a281ff44; margin-bottom: 10px; }
.d2-pic svg { width: 34%; fill: none; stroke: var(--ia); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.d2-steps span { font: 700 14px var(--mono); letter-spacing: .12em; color: var(--accent-hi); } .d2-steps b { font-size: clamp(20px, 1.8vw, 30px); letter-spacing: -.02em; } .d2-steps p { margin: 0; color: var(--t2); font-size: clamp(15px, 1.15vw, 18px); max-width: 17em; }
.d2-need h2 { font-size: clamp(26px, 2.6vw, 44px); margin-bottom: 20px; }
.d2-need dl { margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 0 clamp(30px, 6vw, 110px); }
.d2-need dl > div { display: grid; grid-template-columns: minmax(150px, 1fr) 2fr; gap: 20px; padding: 18px 0; border-top: 1px solid #2e3441; } .d2-need dt { color: var(--t3); font: 600 13px var(--mono); letter-spacing: .1em; text-transform: uppercase; align-self: center; } .d2-need dd { margin: 0; font-size: clamp(16px, 1.25vw, 20px); }
.d2-dl { --ia: #a281ff; --ib: #e6dcff; --id: #1a1430; }
/* без свечения и теней-подсветок на внутренних страницах */
.dl-shot, .s3 i, .ch-shot, .ask, .chat-fab, .chat-pop { box-shadow: none; }
.chat-fab { background: #7c50f9; }
.d2-need dl > div { border-top: 0; padding: 12px 0; }