/* «Ручной шаг» — общий стиль сайта. Визуальный язык korveniq.ru/technologies/ru/ (разбор 17.09.2026):
   Geist, по умолчанию тёмная тема (#04040C / #05050F, карточки #090919, рамки #1C1C35), светлая — переключателем,
   акцент #7C5CFF, подписи #9E87FF, моно-метки капсом с разрядкой, сетка 56px в шапке страницы (первого экрана-лендинга нет),
   градиентные кнопки со свечением, «бегущая» рамка карточек, скругление карточек 16px.
   Отступления от оригинала ради читаемости: мелкие подписи 10–11px вместо 7–8.5px, в светлой теме
   тёмный фиолетовый #5B46D2 для мелкого текста (у #7C5CFF контраст ниже 4.5:1). */
:root{
  --bg:#04040C; --bg-alt:#05050F; --panel:#090919; --surface:#090919; --icon-bg:#0F0F2D;
  --ink:#FFFFFF; --text:#8F8FA4; --muted:#7A7A8F; --faint:#55556A;
  --accent:#7C5CFF; --accent-text:#9E87FF; --accent-soft:rgba(124,92,255,.08); --glow:rgba(124,92,255,.5);
  --line:#1C1C35; --line-2:#2C2A4E; --grid:rgba(124,92,255,.06);
  --hdr-bg:rgba(5,5,15,.78); --hdr-line:#1C1C35;
  --btn-line:rgba(255,255,255,.12); --red:#FF989D; --green:#66E6BE; --mint:#4DF2D9;
  --panel-shadow:inset 0 1px 0 rgba(255,255,255,.03), 0 2px 10px rgba(124,92,255,.04);
  --wordmark-from:#FFFFFF; --wordmark-to:rgba(255,255,255,.13);
  --font:"Geist", system-ui, -apple-system, "Segoe UI", sans-serif; --mono:"Geist Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
  --wrap:1152px; --gutter:40px; --hdr-h:90px; --r:16px;
  --ease:cubic-bezier(.22,1,.36,1);
  color-scheme:dark;
}
:root[data-theme="light"]{
  --bg:#F3F5F9; --bg-alt:#F3F5F9; --panel:#FFFFFF; --surface:#FFFFFF; --icon-bg:rgba(124,92,255,.06);
  --ink:#101828; --text:#475467; --muted:#667085; --faint:#9CA3AF;
  --accent:#7C5CFF; --accent-text:#5B46D2; --accent-soft:rgba(124,92,255,.05); --glow:rgba(124,92,255,.32);
  --line:rgba(91,70,210,.12); --line-2:rgba(91,70,210,.2); --grid:rgba(124,92,255,.05);
  --hdr-bg:rgba(244,245,249,.86); --hdr-line:rgba(91,70,210,.14);
  --btn-line:rgba(16,24,40,.12); --red:#C8364E; --green:#047857; --mint:#0B7F6E;
  --panel-shadow:0 1px 4px rgba(16,24,40,.04), inset 0 1px 0 rgba(255,255,255,.8);
  --wordmark-from:#101828; --wordmark-to:rgba(16,24,40,.1);
  color-scheme:light;
}
@media (max-width:1024px){:root{--gutter:24px;--hdr-h:72px}}
@media (max-width:480px){:root{--gutter:16px;--hdr-h:64px}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--hdr-h) + 24px)}
body{margin:0;background:var(--bg);color:var(--text);font:300 16px/1.88 var(--font);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;
  transition:background-color .5s,color .4s}
img{max-width:100%;height:auto;display:block}
a{color:var(--accent-text);text-decoration-color:color-mix(in srgb,var(--accent) 35%,transparent);text-underline-offset:4px}
a:hover{text-decoration-color:var(--accent)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
h1,h2,h3{color:var(--ink);margin:0;hyphens:auto;overflow-wrap:break-word}
b,strong{font-weight:600;color:var(--ink)}
.wrap{width:min(var(--wrap),100% - 2*var(--gutter));margin-inline:auto}
.skip{position:absolute;left:-9999px}
.skip:focus{left:16px;top:16px;z-index:100;background:var(--surface);color:var(--ink);padding:0 16px;min-height:44px;display:inline-flex;align-items:center}
main{animation:page-enter .52s cubic-bezier(.4,0,.2,1) both}
@keyframes page-enter{from{opacity:0}to{opacity:1}}

/* ---------- мелкие элементы ---------- */
.label{font:700 10px/1.4 var(--font);letter-spacing:.34em;text-transform:uppercase;color:var(--accent-text)}
.idx{font:500 10px/1 var(--mono);letter-spacing:.12em;color:color-mix(in srgb,var(--accent-text) 55%,transparent)}
.badge{display:inline-flex;align-items:center;gap:10px;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);background:var(--accent-soft);
  padding:7px 14px;font:700 10px/1.3 var(--font);letter-spacing:.34em;text-transform:uppercase;color:var(--accent-text);
  box-shadow:0 0 20px rgba(124,92,255,.07), inset 0 0 12px rgba(124,92,255,.03)}
.badge i{width:4px;height:4px;border-radius:50%;background:var(--accent);opacity:.6;flex:none}
.tagline{display:flex;flex-wrap:wrap;gap:4px 14px;margin:22px 0 0;padding-left:12px;border-left:1px solid var(--line-2);
  font:700 10.5px/1.6 var(--font);letter-spacing:.24em;text-transform:uppercase;color:var(--accent-text)}
.tagline span+span::before,.tagline .copy::before{content:"·";display:inline-block;margin-right:14px;opacity:.5}
.tagline .copy{display:inline-flex;align-items:center;min-height:44px;margin:-12px 0;padding:0;border:0;background:none;cursor:pointer;font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--accent-text)}
.tagline .copy span{text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 35%,transparent);text-underline-offset:4px}
.tagline .copy:hover span{text-decoration-color:var(--accent)}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--panel-shadow);overflow:hidden}
.panel__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin:0;padding:14px 22px;border-bottom:1px solid var(--line)}

/* ---------- кнопки ---------- */
.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:14px 30px;
  font:900 10.5px/1.2 var(--font);letter-spacing:.22em;text-transform:uppercase;color:#fff;text-decoration:none;white-space:nowrap;cursor:pointer;border:0;
  background:linear-gradient(135deg,#8468F5 0%,#7A5AF0 60%,#6848DC 100%);
  box-shadow:0 0 0 1px rgba(124,92,255,.44), 0 4px 22px rgba(124,92,255,.22);
  transition:box-shadow .3s var(--ease), color .3s, border-color .3s, background-color .3s}
.btn::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);pointer-events:none}
.btn::after{content:"";position:absolute;inset:0;transform:translateX(-110%) skewX(12deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);transition:transform .7s var(--ease);pointer-events:none}
.btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s var(--ease);flex:none}
.btn--ghost{background:transparent;color:var(--text);box-shadow:inset 0 0 0 1px var(--btn-line)}
.btn--ghost::before,.btn--ghost::after{display:none}
.btn--ghost .c{position:absolute;width:10px;height:10px;border:0 solid transparent;transition:border-color .4s;pointer-events:none}
.btn--ghost .c1{left:0;top:0;border-left-width:1px;border-top-width:1px}
.btn--ghost .c2{right:0;top:0;border-right-width:1px;border-top-width:1px}
.btn--ghost .c3{left:0;bottom:0;border-left-width:1px;border-bottom-width:1px}
.btn--ghost .c4{right:0;bottom:0;border-right-width:1px;border-bottom-width:1px}
@media (hover:hover) and (pointer:fine){
  .btn:hover{box-shadow:0 0 0 1px rgba(124,92,255,.66), 0 6px 36px rgba(124,92,255,.36)}
  .btn:hover::after{transform:translateX(110%) skewX(12deg)}
  .btn:hover svg{transform:translateX(3px)}
  .btn--ghost:hover{color:var(--ink);background:var(--accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 36%,transparent)}
  .btn--ghost:hover .c{border-color:color-mix(in srgb,var(--accent) 60%,transparent)}
}
.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}
@media (max-width:560px){.actions .btn{width:100%}}

/* ---------- шапка ---------- */
.hdr{position:sticky;top:0;z-index:50;background:var(--hdr-bg);border-bottom:1px solid var(--hdr-line);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.hdr__in{max-width:1500px;margin:0 auto;height:var(--hdr-h);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 32px}
@media (max-width:1024px){.hdr__in{padding:0 var(--gutter)}}
.brand{display:inline-flex;flex-direction:column;justify-content:center;line-height:1;text-decoration:none;min-height:44px;flex:none}
.brand__name{font:900 16px/1 var(--font);letter-spacing:.26em;text-transform:uppercase;color:var(--ink);transition:color .3s}
.brand__sub{margin-top:5px;font:700 9px/1 var(--font);letter-spacing:.4em;text-transform:uppercase;color:var(--muted)}
.brand:hover .brand__name{color:var(--accent)}
.nav{display:flex;align-items:center;justify-content:center;gap:4px;flex:1}
.nav__link{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:44px;padding:8px 14px;
  font:600 12px/1 var(--font);letter-spacing:1px;text-transform:uppercase;color:var(--muted);text-decoration:none;white-space:nowrap;transition:color .2s}
.nav__link:hover{color:var(--ink)}
.nav__link.is-active{color:var(--accent-text)}
.nav__link.is-active::after{content:"";width:12px;height:2px;border-radius:1px;background:var(--accent)}
.hdr__tools{display:flex;align-items:center;gap:14px;flex:none}
.theme{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:4px;border:1px solid color-mix(in srgb,var(--accent-text) 24%,transparent);
  background:color-mix(in srgb,var(--accent-text) 7%,transparent);color:var(--muted);cursor:pointer;padding:0;position:relative}
.theme::before{content:"";position:absolute;inset:-4px}
.theme svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.theme .i-moon{display:none}
:root[data-theme="light"] .theme .i-moon{display:block}
:root[data-theme="light"] .theme .i-sun{display:none}
.theme:hover{color:var(--ink)}
.hdr__cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 24px;border-radius:8px;background:#6A4DEB;color:#fff;text-decoration:none;
  font:700 13px/1 var(--font);letter-spacing:1px;text-transform:uppercase;white-space:nowrap;box-shadow:0 4px 6px rgba(123,97,255,.25);transition:transform .2s}
.hdr__cta:hover{transform:scale(1.02)}
.hdr__cta:active{transform:scale(.98)}
.burger{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:0;background:transparent;color:var(--ink);cursor:pointer;padding:0}
.burger svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.burger[aria-expanded="true"] .i-open,.burger .i-close{display:none}
.burger[aria-expanded="true"] .i-close{display:block}
.mnav{border-top:1px solid var(--hdr-line);background:var(--bg);padding:10px var(--gutter) 22px;max-height:calc(100dvh - var(--hdr-h));overflow-y:auto}
.mnav a{display:flex;align-items:center;justify-content:space-between;min-height:52px;border-bottom:1px solid var(--line);
  font:600 13px/1.2 var(--font);letter-spacing:1px;text-transform:uppercase;color:var(--ink);text-decoration:none}
.mnav a span{font:500 11px/1 var(--mono);color:var(--muted);letter-spacing:.05em}
.mnav a.is-active{color:var(--accent-text)}
@media (max-width:1180px){.nav{display:none}.burger{display:inline-flex}}
@media (max-width:560px){.hdr__cta{display:none}}
@media (min-width:1181px){.mnav{display:none!important}}

/* ---------- первый экран ---------- */
.hero{position:relative;overflow:hidden;padding:64px 0 56px}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:56px 56px;
  -webkit-mask-image:linear-gradient(#000 60%,transparent);mask-image:linear-gradient(#000 60%,transparent)}
:root:not([data-theme="light"]) .hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 72% 66% at 50% 50%,transparent 8%,rgba(0,0,0,.55) 100%)}
.hero > .wrap{position:relative;z-index:1}
@media (max-width:768px){.hero{padding:36px 0 40px}}
.h1{max-width:900px;hyphens:manual;margin-top:26px;font:800 clamp(1.95rem,1.2rem + 3.2vw,3.26rem)/1.14 var(--font);letter-spacing:-.03em;color:var(--ink);text-wrap:balance}
.hl{color:var(--accent);text-shadow:0 0 28px var(--glow)}
:root[data-theme="light"] .hl{color:#6D4DF2}
.lead{margin:24px 0 0;max-width:640px;font:300 clamp(.95rem,.9rem + .2vw,1rem)/1.9 var(--font);color:var(--text)}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:0 8px;margin:0 0 22px;font:700 10.5px/1.4 var(--font);letter-spacing:.22em;text-transform:uppercase}
.crumbs a{color:var(--accent-text);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.crumbs a:hover{color:var(--accent)}
.crumbs span[aria-hidden]{color:color-mix(in srgb,var(--accent) 35%,transparent)}
.crumbs span[aria-current]{color:var(--text)}

/* секции главной */
.section{padding:88px 0}
.section--alt{background:var(--bg-alt)}
.section--first{padding-top:64px}
@media (max-width:768px){.section--first{padding-top:40px}}
@media (max-width:768px){.section{padding:56px 0}}
.eyebrow{display:block;font:700 12px/1.4 var(--mono);letter-spacing:2px;text-transform:uppercase;color:var(--accent-text)}
.sec-title{hyphens:manual;margin:12px 0 0;max-width:780px;font:800 clamp(1.9rem,1.3rem + 2.2vw,2.75rem)/1.2 var(--font);letter-spacing:-.034em;text-wrap:balance}
.sec-lead{margin:14px 0 0;max-width:680px;font:400 16px/1.6 var(--font);color:var(--text)}

/* карточки рубрик — как «Выберите задачу» */
.topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:48px}
@media (max-width:1024px){.topics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.topics{grid-template-columns:minmax(0,1fr);gap:16px}}
.topic{display:flex;flex-direction:column;gap:16px;padding:32px;border-radius:var(--r);border:1px solid var(--line);background:var(--panel);text-decoration:none;
  transition:border-color .3s,box-shadow .3s,transform .5s var(--ease)}
.topic__head{display:flex;align-items:center;gap:12px}
.topic__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;border-radius:8px;border:1px solid var(--line);background:var(--icon-bg);color:var(--accent-text)}
.topic__icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.topic h3{font:800 16px/1.35 var(--font);color:var(--ink)}
.topic p{margin:0;font:400 14px/1.6 var(--font);color:var(--text)}
.topic__more{margin-top:auto;display:inline-flex;align-items:center;gap:8px;padding-top:4px;font:700 13px/1 var(--font);color:var(--accent-text)}
.topic__more small{font:500 12px/1 var(--mono);color:var(--muted);margin-left:auto}
.topic__more svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s var(--ease)}
@media (max-width:560px){.topic{padding:24px}}
@media (hover:hover) and (pointer:fine){
  .topic:hover{border-color:rgba(124,92,255,.42);box-shadow:0 0 22px rgba(124,92,255,.14),0 16px 44px rgba(124,92,255,.08)}
  .topic:hover .topic__more svg{transform:translateX(3px)}
}
.catalog .chips{margin-top:40px}


/* ---------- каталог ---------- */
.catalog{scroll-margin-top:var(--hdr-h)}
.chips{display:flex;flex-wrap:wrap;gap:12px}
.chip{display:inline-flex;align-items:center;gap:12px;height:52px;padding:0 20px;border-radius:999px;border:1.5px solid var(--line-2);background:var(--panel);
  font:400 15px/1 var(--font);color:var(--muted);cursor:pointer;transition:border-color .2s,color .2s,background-color .2s}
.chip__n{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 6px;border-radius:999px;background:var(--accent-soft);font:500 13px/1 var(--font);color:var(--muted)}
.chip:hover{border-color:color-mix(in srgb,var(--accent) 40%,transparent)}
.chip.is-active{border-color:#8651F4;background:#120D22;color:var(--ink)}
:root[data-theme="light"] .chip.is-active{background:var(--bg)}
.chip.is-active .chip__n{background:color-mix(in srgb,var(--accent-text) 14%,transparent);color:var(--ink)}
@media (max-width:768px){.chips{justify-content:flex-start;gap:8px}.chip{height:44px;padding:0 14px;font-size:14px;gap:8px}.chip__n{min-width:22px;height:22px;font-size:12px}}
.rule-label{display:flex;align-items:center;gap:16px;margin:32px 0 40px}
.rule-label span{flex:none;font:400 12px/1.4 var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.rule-label i{height:1px;flex:1;background:linear-gradient(90deg,var(--line-2),transparent)}
.empty{color:var(--muted)}

.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:1024px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.grid{grid-template-columns:minmax(0,1fr)}}

/* ---------- карточка статьи: панель + «бегущая» рамка из карточек услуг ---------- */
.card{position:relative;isolation:isolate;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--panel-shadow);
  text-decoration:none;color:inherit;transition:box-shadow .42s,border-color .42s}
.card[hidden]{display:none}
.card__beam{position:absolute;inset:-1px;z-index:-1;overflow:hidden;border-radius:var(--r);opacity:0;transition:opacity .38s;pointer-events:none}
.card__beam::before{content:"";position:absolute;inset:-60%;animation:orbit 2.5s linear infinite;
  background:conic-gradient(transparent 0deg 248deg,rgba(124,92,255,0) 266deg,rgba(124,92,255,.45) 286deg,#C4B5FF 298deg,#7C5CFF 305deg,#C4B5FF 312deg,rgba(124,92,255,.45) 324deg,rgba(124,92,255,0) 342deg,transparent 360deg)}
.card__beam::after{content:"";position:absolute;inset:1.5px;border-radius:calc(var(--r) - 1.5px);background:var(--panel)}
@keyframes orbit{to{transform:rotate(360deg)}}
.card__media{display:block;aspect-ratio:16/9;overflow:hidden;background:#0A0720;margin:8px 8px 0;border-radius:calc(var(--r) - 6px)}
.card__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.card__body{display:flex;flex-direction:column;flex:1;gap:12px;padding:22px 24px 22px}
.card__top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.card__rubric{font:700 10px/1.4 var(--font);letter-spacing:.16em;text-transform:uppercase;color:var(--accent-text);min-width:0}
.card__time{flex:none;font:500 11px/1 var(--mono);color:var(--muted)}
.card__title{font:700 18px/1.3 var(--font);letter-spacing:-.014em;color:var(--ink);transition:color .3s}
.card__desc{font:300 14px/1.75 var(--font);color:var(--text);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.card__line{height:1px;margin-top:auto;background:linear-gradient(90deg,var(--line-2),transparent)}
.card__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;font:400 13px/1 var(--font);color:var(--muted)}
.card__more{display:inline-flex;align-items:center;gap:6px;font:900 10px/1 var(--font);letter-spacing:.2em;text-transform:uppercase;color:var(--accent-text)}
.card__more svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s var(--ease)}
@media (hover:hover) and (pointer:fine){
  .card:hover{border-color:rgba(124,92,255,.42);box-shadow:var(--panel-shadow),0 0 22px rgba(124,92,255,.18),0 16px 44px rgba(124,92,255,.1)}
  .card:hover .card__beam{opacity:1}
  .card:hover .card__media img{transform:scale(1.04)}
  .card:hover .card__title{color:var(--accent-text)}
  .card:hover .card__more svg{transform:translateX(3px)}
}
.card:focus-visible .card__beam{opacity:1}

/* ---------- статья ---------- */
.article__layout{display:grid;grid-template-columns:minmax(0,720px) minmax(0,300px);justify-content:space-between;gap:64px;align-items:start;padding-top:8px}
.article__aside{position:sticky;top:calc(var(--hdr-h) + 24px);order:2}
@media (max-width:1024px){.article__layout{grid-template-columns:minmax(0,1fr);gap:28px}.article__aside{position:static;order:-1}}

.toc{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--panel-shadow);overflow:hidden}
.toc summary{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 20px;cursor:pointer;list-style:none;border-bottom:1px solid transparent}
.toc[open] summary{border-bottom-color:var(--line)}
.toc summary::-webkit-details-marker{display:none}
.toc summary::after{content:"+";font:400 16px/1 var(--font);color:var(--accent)}
.toc[open] summary::after{content:"−"}
.toc ol{list-style:none;margin:0;padding:10px 0}
.toc a{display:grid;grid-template-columns:26px 1fr;gap:8px;align-items:baseline;padding:7px 20px;font:400 13.5px/1.45 var(--font);color:var(--text);text-decoration:none;transition:color .2s,background-color .2s}
.toc a:hover{color:var(--ink);background:var(--accent-soft)}
.toc a.is-current{color:var(--accent-text)}

.prose{min-width:0}
.prose > p{margin:0 0 20px}
.prose h2{margin:64px 0 20px;font:800 clamp(1.4rem,1.1rem + 1.2vw,1.72rem)/1.22 var(--font);letter-spacing:-.022em;text-wrap:balance}
.prose > h2:first-child{margin-top:0}
.prose h3{margin:36px 0 12px;font:700 1.08rem/1.35 var(--font);letter-spacing:-.012em}
.prose ul{list-style:none;margin:0 0 24px;padding:0}
.prose ul > li{position:relative;margin:0 0 10px;padding-left:28px}
.prose ul > li::before{content:"";position:absolute;left:0;top:.72em;width:11px;height:11px;border:1px solid color-mix(in srgb,var(--accent-text) 30%,transparent);
  background:radial-gradient(circle,var(--accent) 0 1.8px,transparent 2.3px)}
.prose ol{list-style:none;margin:0 0 24px;padding:0;counter-reset:ol}
.prose ol > li{counter-increment:ol;position:relative;margin:0 0 10px;padding-left:36px}
.prose ol > li::before{content:counter(ol,decimal-leading-zero);position:absolute;left:0;top:.2em;font:500 11px/1.6 var(--mono);letter-spacing:.1em;color:var(--accent-text)}

.inline-cta{display:flex;gap:12px;align-items:flex-start;margin:28px 0;padding:16px 20px;border:1px solid var(--line);border-left:2px solid var(--accent);border-radius:4px var(--r) var(--r) 4px;background:var(--accent-soft);
  font:400 15px/1.6 var(--font);color:var(--ink)}
.inline-cta svg{width:16px;height:16px;margin-top:4px;flex:none;fill:none;stroke:var(--accent);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.note{margin:0 0 24px;padding:18px 22px;border:1px solid var(--line);border-left:2px solid var(--accent);border-radius:4px var(--r) var(--r) 4px;background:var(--panel)}
.note p{margin:0}
.note--warn{border-left-color:var(--red)}
.note--warn strong{color:var(--red)}

.short{margin:0 0 36px}
.short__list{list-style:none;margin:0;padding:6px 22px}
.prose .short__list,.prose .pmap__steps{padding:6px 22px;margin:0}
.prose .short__list li::before,.prose .pmap__steps > li::before{display:none}
.prose .short__list li,.prose .pmap__steps > li{margin:0;padding-left:0}
.short__list li{display:grid;grid-template-columns:44px 1fr;gap:8px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--line);font:400 15px/1.65 var(--font);color:var(--ink)}
.short__list li:last-child{border-bottom:0}

/* карта процесса — по мотивам списка этапов */
.pmap{margin:0 0 36px}
.pmap__name{font:600 14px/1.4 var(--font);color:var(--ink)}
.pmap__steps{list-style:none;margin:0;padding:0 22px}
.step{display:grid;grid-template-columns:16px 26px minmax(0,180px) minmax(0,1fr) auto;gap:6px 14px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--line)}
.step:last-child{border-bottom:0}
.step__mark{align-self:center;width:11px;height:11px;border:1px solid color-mix(in srgb,var(--accent-text) 30%,transparent);background:radial-gradient(circle,var(--accent) 0 1.8px,transparent 2.3px)}
.step__lane{font:700 10.5px/1.45 var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
.step__text{font:300 14.5px/1.7 var(--font);color:var(--text)}
.step__status{justify-self:end;display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;border:1px solid;font:500 10.5px/1.2 var(--font);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.step--auto .step__status{color:var(--accent-text);border-color:color-mix(in srgb,var(--accent) 30%,transparent);background:var(--accent-soft)}
.step--check .step__status{color:var(--green);border-color:color-mix(in srgb,var(--green) 30%,transparent);background:color-mix(in srgb,var(--green) 8%,transparent)}
.step--manual .step__status{color:var(--red);border-color:color-mix(in srgb,var(--red) 30%,transparent);background:color-mix(in srgb,var(--red) 7%,transparent)}
.pmap__legend{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0;padding:12px 22px;border-top:1px solid var(--line);font:400 12px/1.5 var(--font);color:var(--muted)}
.lg::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;vertical-align:1px}
.lg--auto::before{background:var(--accent)}.lg--check::before{background:var(--green)}.lg--manual::before{background:var(--red)}
@media (max-width:768px){
  .step{grid-template-columns:16px 26px minmax(0,1fr);}
  .step__text{grid-column:3}
  .step__status{grid-column:3;justify-self:start}
}

/* таблицы */
.table{margin:0 0 28px;overflow-x:auto;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--panel-shadow)}
.table table{width:100%;border-collapse:collapse}
.table th{padding:14px 18px;text-align:left;vertical-align:bottom;border-bottom:1px solid var(--line);font:700 10.5px/1.45 var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
.table td{padding:14px 18px;vertical-align:top;border-top:1px solid var(--line);font:300 14.5px/1.65 var(--font);color:var(--text)}
.table tr:first-child td{border-top:0}
.table td:first-child{font-weight:500;color:var(--ink)}
@media (max-width:640px){
  .table table,.table tbody,.table tr,.table td{display:block;width:100%}
  .table thead{display:none}
  .table tr{padding:12px 18px;border-top:1px solid var(--line)}
  .table tr:first-child{border-top:0}
  .table td{border:0;padding:3px 0}
  .table td[data-label]:not([data-label=""])::before{content:attr(data-label);display:block;font:700 10px/1.6 var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text)}
}

/* FAQ */
.faq-list{margin:0 0 28px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--panel-shadow);overflow:hidden}
.faq + .faq{border-top:1px solid var(--line)}
.faq summary{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;min-height:44px;padding:20px 26px;cursor:pointer;list-style:none;
  font:700 .95rem/1.45 var(--font);letter-spacing:-.014em;color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;width:20px;text-align:center;font:400 14px/1.5 var(--font);color:var(--accent)}
.faq[open] summary::after{content:"−"}
.faq p{margin:0;padding:0 26px 22px;font:300 .905rem/1.88 var(--font);color:var(--text)}
@media (max-width:480px){.faq summary{padding:18px 18px}.faq p{padding:0 18px 20px}}

/* финальный CTA */
.final{margin-top:88px}
.final__in{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:28px 64px;padding-top:56px;border-top:1px solid var(--line)}
.final__text{max-width:560px}
.final__title{margin:0 0 14px;font:800 clamp(1.4rem,1.1rem + 1.2vw,1.72rem)/1.22 var(--font);letter-spacing:-.022em;color:var(--ink)}
.final__text p:last-child{margin:0}
@media (max-width:560px){.final__in .btn{width:100%;white-space:normal;text-align:center}}

.more{margin-top:96px}
.section-title{margin:0 0 32px;font:800 clamp(1.4rem,1.1rem + 1.2vw,1.72rem)/1.22 var(--font);letter-spacing:-.022em}

/* ---------- о ресурсе ---------- */
.about-sec{margin:0 0 72px}
.about-sec h2{margin:0 0 20px;font:800 clamp(1.4rem,1.1rem + 1.2vw,1.72rem)/1.22 var(--font);letter-spacing:-.022em}
.about-sec > p{max-width:720px;margin:0 0 18px}
.about-sec .label{display:block;margin-bottom:12px}
.principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:1024px){.principles{grid-template-columns:minmax(0,1fr)}}
.principle{display:flex;flex-direction:column;gap:12px;padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--panel-shadow)}
.principle h3{font:700 11px/1.45 var(--font);letter-spacing:.12em;text-transform:uppercase}
.principle i{display:block;height:1px;background:linear-gradient(90deg,rgba(124,92,255,.2),transparent)}
.principle p{margin:0;font:300 14.5px/1.8 var(--font)}
.method{list-style:none;margin:0;padding:0 26px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--panel-shadow)}
.method li{display:grid;grid-template-columns:16px 26px minmax(0,220px) minmax(0,1fr);gap:6px 14px;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--line)}
.method li:last-child{border-bottom:0}
.method b{font:700 10.5px/1.45 var(--font);letter-spacing:.12em;text-transform:uppercase}
.method span:last-child{font:300 14.5px/1.75 var(--font)}
@media (max-width:768px){.method li{grid-template-columns:16px 26px minmax(0,1fr)}.method span:last-child{grid-column:3}}

.nf .actions{margin-bottom:64px}

/* ---------- футер ---------- */
.ftr{position:relative;overflow:hidden;margin-top:112px;background:var(--bg)}
.ftr::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent 8%,rgba(124,92,255,.1) 32%,rgba(124,92,255,.22) 50%,rgba(124,92,255,.1) 68%,transparent 92%)}
:root:not([data-theme="light"]) .ftr{background:#05050F}
:root:not([data-theme="light"]) .ftr::after{content:"";position:absolute;right:-120px;top:0;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(124,92,255,.1),transparent 70%);filter:blur(40px);pointer-events:none}
.ftr .wrap{position:relative;z-index:1;width:min(1280px,100% - 2*var(--gutter))}
.ftr__mark{margin:0;padding:64px 0 40px;border-bottom:1px solid var(--line);font:900 clamp(34px,10.5vw,82px)/1 var(--font);letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap;
  background:linear-gradient(180deg,var(--wordmark-from),var(--wordmark-to));-webkit-background-clip:text;background-clip:text;color:transparent;user-select:none}
.ftr__grid{display:grid;grid-template-columns:2fr 3fr;gap:40px 64px;padding:56px 0}
@media (max-width:1024px){.ftr__grid{grid-template-columns:minmax(0,1fr)}}
.ftr__about{display:flex;flex-direction:column;align-items:flex-start;gap:24px}
.ftr__about p{margin:0;max-width:440px;font:300 14.5px/1.65 var(--font);color:var(--text)}
.status{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;border:1px solid color-mix(in srgb,var(--mint) 28%,transparent);background:color-mix(in srgb,var(--mint) 6%,transparent);
  font:600 11px/1.3 var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--mint)}
.status i{width:8px;height:8px;border-radius:50%;background:#4DF2D9;box-shadow:0 0 10px rgba(77,242,217,.8);flex:none}
.ftr__cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.ftr__col{display:flex;flex-direction:column;gap:6px}
.ftr__col .label{margin-bottom:10px;color:#7C5CFF;letter-spacing:.2em;font-size:12px}
:root[data-theme="light"] .ftr__col .label{color:var(--accent-text)}
.ftr__col a{display:inline-flex;align-items:center;min-height:36px;font:300 14px/1.55 var(--font);color:var(--muted);text-decoration:none;transition:color .3s,transform .3s var(--ease)}
.ftr__col a:hover{color:var(--accent-text);transform:translateX(4px)}
@media (max-width:900px){.ftr__col a{min-height:44px}}
.ftr__bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px;padding:28px 0 32px;border-top:1px solid var(--line);font:300 13px/1.5 var(--font);color:var(--muted)}
.ftr__bottom code{font:500 11px/1 var(--mono);color:var(--muted)}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important;animation:none!important;scroll-behavior:auto!important}
  main{animation:none}
}