:root{--color-bg:#212121;--color-bg-deep:#161616;--color-surface:#2a2a2a;--color-surface-2:#343434;--color-border:rgba(255,255,255,.12);--color-border-strong:rgba(255,255,255,.24);--color-primary:#ffb803;--color-primary-soft:rgba(255,184,3,.16);--color-text:#f5f5f5;--color-text-muted:#d2d2d2;--color-text-faint:#a6a6a6;--font-heading:"Plus Jakarta Sans","Segoe UI",sans-serif;--font-body:"Inter","Segoe UI",sans-serif;--grad-primary:linear-gradient(135deg,#ffce1e,#ffb000);--grad-hero:radial-gradient(1200px 600px at 80% -10%,rgba(255,184,3,.32),transparent 60%),linear-gradient(135deg,#191919,#272727);--radius:16px;--radius-lg:22px;--radius-xl:30px;--shadow:0 14px 40px rgba(0,0,0,.35);--container:1200px;--header-h:74px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);line-height:1.65;color:var(--color-text);background:var(--color-bg);overflow-x:hidden}body.is-locked{overflow:hidden}img,svg,video{max-width:100%;display:block}a{color:var(--color-primary);text-decoration:none;transition:color .2s}a:hover{color:#ffd05a}button{font:inherit;cursor:pointer;border:0;background:none}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:700;line-height:1.18;color:#fff}h1{font-size:3rem}h2{font-size:2.4rem}h3{font-size:1.25rem}p{margin:0 0 1rem}.container{width:100%;max-width:var(--container);margin:auto;padding:0 22px}.section{padding:4rem 0}.section-deep{background:var(--color-bg-deep)}.grid{display:grid;gap:1.5rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.split{display:grid;grid-template-columns:1fr 1fr;gap:2.75rem;align-items:center}.lead{font-size:1.125rem;color:var(--color-text-muted)}.eyebrow{display:inline-flex;color:var(--color-primary);font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:1rem}.sec-head{max-width:760px;margin-bottom:2.75rem}.sec-head.center{text-align:center;margin-inline:auto}.sec-head p{color:var(--color-text-faint)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;font-family:var(--font-heading);font-weight:700;font-size:.875rem;padding:.85rem 1.6rem;border-radius:10px;transition:transform .18s,box-shadow .18s;white-space:nowrap;line-height:1;border:2px solid transparent}.btn:hover{transform:translateY(-2px)}.btn-primary,.btn-accent{background:var(--grad-primary);color:#211500;box-shadow:0 10px 26px rgba(255,184,3,.38)}.btn-ghost{background:rgba(255,255,255,.04);color:#fff;border-color:var(--color-border-strong)}.btn-lg{padding:1.05rem 2.1rem;font-size:1rem}.btn-sm{padding:.6rem 1.1rem;font-size:.78rem}.card,.install-card{background:linear-gradient(180deg,var(--color-surface),var(--color-surface-2));border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem;transition:transform .2s,border-color .2s,box-shadow .2s}.card:hover,.install-card:hover{transform:translateY(-4px);border-color:var(--color-border-strong);box-shadow:var(--shadow)}.card p,.install-card p{color:var(--color-text-faint);font-size:.875rem}.card-icon{width:52px;height:52px;border-radius:14px;background:var(--color-primary-soft);display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:1rem}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:1.5rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}.table-responsive table{width:100%;min-width:500px;border-collapse:collapse;font-size:.875rem}.table-responsive th,.table-responsive td{padding:.9rem 1.1rem;text-align:left;border-bottom:1px solid var(--color-border);vertical-align:top}.table-responsive th{color:var(--color-text-faint);background:var(--color-surface-2);font-size:.78rem;text-transform:uppercase;white-space:nowrap}.table-responsive tr:last-child td{border-bottom:0}.steps{display:grid;gap:.75rem;counter-reset:step}.step{display:flex;gap:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem}.step-num{flex:none;width:38px;height:38px;border-radius:50%;background:var(--grad-primary);color:#211500;display:flex;align-items:center;justify-content:center;font-weight:700;counter-increment:step}.step-num:before{content:counter(step)}.step p{margin:0;color:var(--color-text-faint);font-size:.875rem}.info-box{background:var(--color-primary-soft);border:1px solid rgba(255,184,3,.38);border-radius:var(--radius);padding:1.2rem 1.3rem}.info-box p{margin:0;font-size:.875rem}.cta-band{border-radius:var(--radius-xl);padding:2.75rem 1.5rem;background:var(--grad-hero);border:1px solid var(--color-border-strong);text-align:center}.cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:1.6rem}.page-hero{padding:4rem 0 2.75rem;border-bottom:1px solid rgba(255,184,3,.4)}.page-hero .lead{max-width:760px}.breadcrumb{font-size:.78rem;color:var(--color-text-faint);margin-bottom:1.2rem}.breadcrumb a{color:var(--color-text-faint)}.link-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.link-card{display:block;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem 1.2rem}.link-card span{display:block;color:#fff;font-weight:600}.link-card small{color:var(--color-text-faint)}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:0;background:var(--color-primary);color:#111;padding:.6rem;z-index:300}@media(max-width:980px){h1{font-size:2.4rem}h2{font-size:1.9rem}.split{grid-template-columns:1fr}.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){h1{font-size:2rem}h2{font-size:1.6rem}.container{padding:0 18px}.grid-2,.grid-3{grid-template-columns:1fr}.section{padding:2.75rem 0}.cta-actions .btn{width:100%}}
/* --- Маркированные списки (ul) внутри секций: аккуратные градиентные маркеры --- */
.section ul{list-style:none;margin:1rem 0 1.6rem;padding:0;display:grid;gap:.6rem}
.section ul li{position:relative;padding-left:1.9rem;line-height:1.55;color:var(--color-text-muted)}
.section ul li::before{content:"";position:absolute;left:.05rem;top:.52em;width:12px;height:12px;border-radius:50%;background:var(--grad-primary);box-shadow:0 0 0 4px rgba(255,184,3,.1)}
/* --- Нумерованные списки (ol без класса .steps): счётчик в аккуратных плашках --- */
.section ol:not(.steps){list-style:none;counter-reset:litem;margin:1rem 0 1.6rem;padding:0;display:grid;gap:.6rem}
.section ol:not(.steps) li{counter-increment:litem;position:relative;padding-left:2.8rem;line-height:1.55;color:var(--color-text-muted)}
.section ol:not(.steps) li::before{content:counter(litem);position:absolute;left:0;top:-.05em;width:30px;height:30px;border-radius:9px;background:var(--color-primary-soft);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.82rem}
/* --- Заголовки: нижний отступ, чтобы текст/блоки не слипались с заголовком --- */
h2{margin-bottom:.95rem}
h3,h4{margin-bottom:.85rem}
h3{line-height:1.3}
/* --- Карточки-ссылки: вертикальный ритм между названием и описанием --- */
.link-card{display:flex;flex-direction:column;gap:.6rem}
.link-card small{line-height:1.5}