/* ==========================================================
   L8 DOCS — дизайн-система
   Корпоративный цвет из логотипа: #1E00FF (синий круг),
   #73C1CD (акцент в знаке), #515151 (серый круг)
   Шкала радиусов 12 / 18 / 26 · шаг сетки 8
   ========================================================== */
:root{
  --dark:#0B0B0D; --dark-2:#141419; --surface:#1A1A21;
  --paper:#FFFFFF; --canvas:#F5F5F7;
  --line:#E5E6EA; --line-d:rgba(255,255,255,.10); --line-d2:rgba(255,255,255,.16);
  --brand:#1E00FF; --brand-2:#5B45FF; --brand-soft:#E9E6FF;
  --cyan:#73C1CD; --cyan-soft:#E4F3F6; --dot:#515151;
  --ink:#0B0B0D; --ink-2:#5F6069; --ink-3:#9698A1;
  --w-2:rgba(255,255,255,.64); --w-3:rgba(255,255,255,.40);
  --ok-bg:#E8F5EC; --ok-fg:#2E7D46;
  --warn-bg:#FDF0E0; --warn-fg:#A9682B;
  --r1:12px; --r2:18px; --r3:26px;
  --pad:clamp(20px,4.5vw,64px); --gap:clamp(24px,3.4vw,48px); --sec:clamp(72px,8vw,132px);
  --f:'Onest',system-ui,-apple-system,sans-serif;
  /* типографическая шкала */
  --fs-1:11.5px; --fs-2:12.5px; --fs-3:13.5px; --fs-4:15px; --fs-5:16px;
  --pad-card:24px 22px 26px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--f);background:var(--paper);color:var(--ink);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--brand-2);outline-offset:3px;border-radius:6px}
.wrap{max-width:1280px;margin:0 auto;padding-inline:var(--pad)}
.hidden{display:none!important}

/* --- типографика --- */
h1{font-size:clamp(34px,5.6vw,68px);font-weight:400;letter-spacing:-.038em;line-height:1.05}
h2{font-size:clamp(27px,3.9vw,48px);font-weight:400;letter-spacing:-.033em;line-height:1.1}
h3{font-size:clamp(18px,1.7vw,23px);font-weight:500;letter-spacing:-.022em;line-height:1.25}
h4{font-size:var(--fs-5);font-weight:500;letter-spacing:-.018em}
.lead{font-size:clamp(15.5px,1.25vw,18px);color:var(--ink-2);line-height:1.6;max-width:58ch}
.lead.on{color:var(--w-2)}
.small{font-size:var(--fs-3);color:var(--ink-2);line-height:1.6}
.small.on{color:var(--w-2)}
.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:var(--fs-2);letter-spacing:.02em;color:var(--ink-2);
  border:1px solid var(--line);border-radius:100px;padding:6px 14px;background:var(--paper)}
.eyebrow.on{border-color:var(--line-d2);color:var(--w-2);background:rgba(255,255,255,.04)}
.eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--brand);display:block}

/* --- кнопки --- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:48px;padding:0 24px;border-radius:100px;
  border:1px solid transparent;font-family:var(--f);font-size:var(--fs-4);font-weight:500;cursor:pointer;white-space:nowrap;
  transition:background .18s,border-color .18s,color .18s,transform .18s}
.btn:hover{transform:translateY(-1px)}
.btn-brand{background:var(--brand);color:#fff}
.btn-brand:hover{background:#3617FF}
.btn-dark{background:var(--ink);color:#fff}
.btn-dark:hover{background:#26262E}
.btn-light{background:#fff;color:var(--ink);border-color:var(--line)}
.btn-light:hover{border-color:var(--ink)}
.btn-onDark{background:rgba(255,255,255,.06);color:#fff;border-color:var(--line-d2)}
.btn-onDark:hover{border-color:#fff}
.btn-sm{height:40px;padding:0 18px;font-size:var(--fs-3)}
.btn .a{transition:transform .2s}
.btn:hover .a{transform:translateX(3px)}

/* --- чипы --- */
.tag{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 12px;border-radius:100px;font-size:var(--fs-2);font-weight:500}
.t-brand{background:var(--brand-soft);color:var(--brand)}
.t-cyan{background:var(--cyan-soft);color:#3A7C88}
.t-ok{background:var(--ok-bg);color:var(--ok-fg)}
.t-warn{background:var(--warn-bg);color:var(--warn-fg)}
.t-gray{background:var(--canvas);color:var(--ink-2)}

/* ================= HEADER ================= */
header{position:sticky;top:0;z-index:90;background:var(--brand);border-bottom:1px solid rgba(255,255,255,.16)}
.nav{display:flex;align-items:center;gap:18px;height:66px}
.brandmark{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.brandmark img.wm{height:19px;width:auto}
.tabs{display:flex;gap:20px;margin-left:auto;align-items:center}
.tabs .tab-home{display:none}
.tabs a{font-size:var(--fs-3);color:rgba(255,255,255,.84);padding:6px 0;border-bottom:2px solid transparent;white-space:nowrap;
  transition:color .18s,border-color .18s}
.tabs a:hover{color:#fff;border-bottom-color:rgba(255,255,255,.6)}
.tabs a.on{color:#fff;border-bottom-color:#fff}
.nav-tel{display:flex;align-items:center;gap:9px;color:rgba(255,255,255,.9);font-size:var(--fs-3);white-space:nowrap}
.nav-tel svg{width:19px;height:19px;display:block}
.nav-tel a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.nav-r{display:flex;gap:8px;align-items:center}
.nav-r .btn-onDark{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.4);color:#fff}
.nav-r .btn-onDark:hover{background:rgba(255,255,255,.22);border-color:#fff}
.nav-r .btn-brand{background:#fff;color:var(--brand)}
.nav-r .btn-brand:hover{background:#EDEBFF}
.lang{display:inline-flex;align-items:center;gap:2px;border:1px solid rgba(255,255,255,.28);
  border-radius:100px;padding:3px;margin-left:14px;flex:none}
.lang a{display:inline-flex;align-items:center;border:0;background:none;text-decoration:none;border-radius:100px;padding:5px 10px;cursor:pointer;
  font-family:var(--f);font-size:12px;font-weight:600;letter-spacing:.02em;
  color:rgba(255,255,255,.7);transition:background .18s,color .18s}
.lang a:hover{color:#fff}
.lang a.on{background:#fff;color:var(--brand)}
@media (max-width:560px){.lang{margin-left:8px;padding:2px}.lang a{padding:5px 8px;font-size:11.5px}}

.burger{display:none;background:none;border:0;padding:8px;cursor:pointer;color:#fff;margin-left:auto}
.burger svg{width:22px;height:22px}
@media (max-width:1240px){.nav-tel{display:none}}

/* ================= HERO ================= */
.hero{background:var(--dark);color:#fff;padding-block:clamp(48px,5.5vw,84px) 0;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;left:50%;top:-14%;width:min(900px,120vw);height:min(900px,120vw);transform:translateX(-50%);
  background:radial-gradient(circle,rgba(30,0,255,.30),rgba(30,0,255,.06) 42%,transparent 66%);pointer-events:none}
.hero-in{position:relative;z-index:2;text-align:center;max-width:960px;margin:0 auto}
.hero h1{margin:22px 0 20px}
.hero .lead{margin:0 auto}
.hero-cta{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:30px}
.badges{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:26px}
.badges span{font-size:var(--fs-2);color:var(--w-3);border:1px solid var(--line-d);border-radius:100px;padding:6px 14px}
.hero-shot{position:relative;z-index:2;max-width:1080px;margin:clamp(40px,4.5vw,72px) auto 0;
  padding-bottom:clamp(48px,5.4vw,82px);perspective:1500px;perspective-origin:34% 44%}
.hero-shot .dev-monitor{transform-style:preserve-3d;transform-origin:46% 58%;
  transform:rotateY(19deg) rotateX(7deg) rotateZ(-1.2deg) scale(.965);
  transition:transform 1.05s cubic-bezier(.22,.85,.26,1),filter 1.05s ease;
  filter:drop-shadow(-34px 54px 74px rgba(0,0,0,.62))}
.hero-shot:hover .dev-monitor,.hero-shot:focus-within .dev-monitor{
  transform:rotateY(0deg) rotateX(0deg) rotateZ(0deg) scale(1);
  filter:drop-shadow(0 30px 56px rgba(0,0,0,.46))}
.hero-shot .dev-monitor .lid{position:relative}
.hero-shot .dev-monitor .lid::before{content:"";position:absolute;left:-8px;top:8px;bottom:8px;width:9px;
  border-radius:9px 2px 2px 9px;background:linear-gradient(180deg,#828892,#43484F 52%,#23262C);
  transition:opacity 1.05s ease}
.hero-shot:hover .dev-monitor .lid::before{opacity:0}
.hero-shot .dev-monitor .lid::after{content:"";position:absolute;inset:0;border-radius:20px;pointer-events:none;
  background:linear-gradient(102deg,rgba(255,255,255,.20),rgba(255,255,255,.04) 24%,rgba(255,255,255,0) 52%);
  transition:opacity 1.05s ease}
.hero-shot:hover .dev-monitor .lid::after{opacity:.16}
.hero-hint{text-align:center;font-size:var(--fs-2);color:var(--w-3);margin-top:22px}

/* ---------- экран: интерфейс собран вёрсткой, а не картинкой ---------- */
.screen{position:relative;overflow:hidden;border-radius:9px;background:#0E1113;aspect-ratio:1240/706}
.ui{position:absolute;left:0;top:0;width:1240px;height:706px;transform-origin:0 0;
  background:#0E1113;color:#E7EAEA;display:flex;font-size:var(--fs-3);line-height:1.4;
  -webkit-font-smoothing:antialiased;text-align:left;letter-spacing:0}
.ui *{box-sizing:border-box}
.ui svg{display:block}
.ui-rail{width:56px;flex:0 0 56px;padding:14px 0;display:flex;flex-direction:column;align-items:center;gap:16px;border-right:1px solid #1B2124}
.ui-rail .lg{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,#4B7BFF,#1E00FF);display:grid;place-items:center}
.ui-rail .lg::after{content:"";width:9px;height:9px;border-radius:2px;background:#fff}
.ui-rail i{width:22px;height:22px;color:#8B9497;display:block}
.ui-side{width:246px;flex:0 0 246px;padding:14px 12px;display:flex;flex-direction:column;gap:12px;border-right:1px solid #1B2124}
.ui-org{border:1px solid #232A2D;border-radius:12px;padding:14px 14px;display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:500}
.ui-org .ck{width:16px;height:16px;border-radius:50%;border:1.5px solid #57A08F;color:#57A08F;display:grid;place-items:center;font-size:9px;flex:0 0 16px}
.ui-nav{display:flex;flex-direction:column;gap:2px}
.ui-nav a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;color:#C4CACB;font-size:13px}
.ui-nav a .ic{width:15px;height:15px;flex:0 0 15px;color:#7E8789}
.ui-nav a .cnt{margin-left:auto;font-size:11.5px;color:#7E8789;background:#171D20;border-radius:20px;padding:2px 8px;min-width:26px;text-align:center}
.ui-nav a.act{background:#141B1E;color:#fff}
.ui-nav a.act .cnt{background:#1D262A;color:#B9C0C1}
.ui-nav a.act .ic{color:#3FA98F}
.ui-nav .grp{display:flex;align-items:center;gap:10px;padding:9px 10px;color:#E7EAEA;font-size:13px;font-weight:500}
.ui-nav .grp .chev{margin-left:auto;color:#7E8789}
.ui-nav .sub{padding-left:8px;display:flex;flex-direction:column;gap:2px}
.ui-side .sp{height:8px}
.ui-main{flex:1;min-width:0;padding:14px 16px 12px;display:flex;flex-direction:column;gap:12px}
.ui-top{display:flex;align-items:center;gap:10px}
.ui-btn{height:38px;border-radius:9px;display:inline-flex;align-items:center;gap:7px;padding:0 18px;font-size:13.5px;font-weight:500}
.ui-create{background:#2E9E8B;color:#fff}
.ui-inv{border:1px solid #2A3236;color:#DDE2E2}
.ui-inv .pl{width:15px;height:15px;color:#3D6BFF}
.ui-top .ico{width:19px;height:19px;color:#7E8789;flex:0 0 19px}
.ui-search{flex:1;max-width:270px;height:38px;border:1px solid #232A2D;border-radius:9px;display:flex;align-items:center;gap:9px;padding:0 12px;color:#6E7679;font-size:13px}
.ui-search .mg{width:15px;height:15px;flex:0 0 15px}
.ui-search .x{margin-left:auto;font-size:14px}
.ui-top .rgt{margin-left:auto;display:flex;align-items:center;gap:12px}
.ui-av{width:32px;height:32px;border-radius:50%;background:linear-gradient(160deg,#3A4348,#20272A);flex:0 0 32px}
.ui-tbl{flex:1;border:1px solid #1F2629;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;background:#0F1315}
.ui-th,.ui-tr{display:grid;grid-template-columns:24px 132px 56px 74px 128px 78px 1fr 96px;gap:10px;padding:11px 14px;align-items:start}
.ui-th{font-size:12.5px;color:#B7BDBE;font-weight:500;border-bottom:1px solid #1F2629}
.ui-tr{border-bottom:1px solid #171D20;font-size:12px;color:#C7CDCE}
.ui-tr:last-child{border-bottom:0}
.ui-box{width:13px;height:13px;border:1.4px solid #3A4347;border-radius:3px;margin-top:1px}
.ui-ok{width:13px;height:13px;color:#3FA98F;margin-top:1px}
.ui-doc{color:#E7EAEA}
.ui-id{color:#6E7679;font-size:11px;margin-top:2px}
.ui-num{color:#4FB7C9;text-decoration:underline;text-underline-offset:2px}
.ui-badge{display:inline-block;background:#D93A3A;color:#fff;border-radius:4px;padding:1px 6px;font-size:11.5px;font-weight:600}
.ui-late{color:#7E8789;font-size:11px;margin-top:3px;display:flex;align-items:center;gap:6px}
.ui-late b{border:1px solid #7A2A2A;color:#E06A6A;border-radius:20px;padding:1px 7px;font-weight:500;font-size:11px}
.ui-act{color:#4FB7C9;font-size:11.5px;margin-top:3px}
.ui-theme .t{color:#E7EAEA;font-size:12.5px;display:flex;align-items:center;gap:6px}
.ui-theme .t i{width:12px;height:12px;color:#4FB7C9;flex:0 0 12px}
.ui-theme .s{color:#6E7679;font-size:10.5px;margin-top:3px;line-height:1.45}
.ui-st{text-align:right;font-size:12px;color:#DDE2E2}
.ui-st .who{color:#3FA96B;font-size:10.5px;margin-top:5px;line-height:1.3}
.ui-bot{display:flex;align-items:center;color:#7E8789;font-size:12px}
.ui-bot .xl{width:22px;height:22px;border:1px solid #2A3236;border-radius:4px;display:grid;place-items:center;font-size:8px;color:#9AA3A6}
.ui-bot .rgt{margin-left:auto;display:flex;gap:16px;align-items:center}
.ui-bot .rgt span{display:flex;align-items:center;gap:6px}
.ui-bot .rgt i{width:15px;height:15px;color:#7E8789}

/* ================= клиенты ================= */
.clients{background:var(--dark);padding-block:0 clamp(40px,4.5vw,64px)}
.clients .in{border-top:1px solid var(--line-d);padding-top:28px}
.clients p{font-size:var(--fs-2);color:var(--w-3);margin-bottom:22px}
.logos{--belt-gap:clamp(30px,3.6vw,58px);position:relative;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.logos-belt{display:flex;width:max-content;gap:var(--belt-gap);animation:belt 52s linear infinite}
.logos-group{display:flex;align-items:center;gap:var(--belt-gap)}
.logos:hover .logos-belt{animation-play-state:paused}
.logos img,.logos svg{height:36px;width:auto;flex:none;display:block;
  filter:brightness(0) invert(1);opacity:.5;transition:opacity .2s}
.logos img:hover,.logos svg:hover{opacity:1}
@media (prefers-reduced-motion:reduce){
  .logos{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .logos-belt{animation:none}
}

/* ================= общие ================= */
section{padding-block:var(--sec)}
.sec-dark{background:var(--dark);color:#fff}
.sec-canvas{background:var(--canvas)}
.head{max-width:76ch;margin-bottom:clamp(36px,4vw,64px)}
.head h2{margin:18px 0 18px}
.head.center{margin-inline:auto;text-align:center}
.head.center .lead{margin-inline:auto}

/* заявление */
.stmt{font-size:clamp(26px,3.7vw,46px);font-weight:400;letter-spacing:-.033em;line-height:1.2;max-width:20ch;margin-top:24px}
.stmt .cir{display:inline-flex;align-items:center;justify-content:center;width:.86em;height:.86em;border-radius:50%;
  vertical-align:-.06em;margin-inline:.08em}
.stmt .c1{background:var(--brand);color:#fff}
.stmt .c2{background:var(--cyan);color:#fff}
.stmt .c3{background:var(--dot);color:#fff}
.stmt .cir svg{width:52%;height:52%}
.stmt-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:var(--gap);align-items:start}
/* лид центрирован по высоте левой колонки: отступы сверху и снизу равны */
.stmt-grid>.lead{margin:0;padding-top:0;align-self:center}

/* цифры */
.nums{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1px;background:var(--line);
  border:1px solid var(--line);border-radius:var(--r2);overflow:hidden}
.sec-dark .nums{background:var(--line-d);border-color:var(--line-d)}
.nums>div{background:var(--paper);padding:30px 26px 34px}
.sec-dark .nums>div{background:var(--dark)}
.nums b{display:block;font-size:clamp(32px,4vw,50px);font-weight:300;letter-spacing:-.05em;line-height:1;margin-bottom:14px;color:var(--brand)}
.sec-dark .nums b{color:#fff}
.nums span{font-size:var(--fs-3);color:var(--ink-2);display:block;max-width:24ch}
.sec-dark .nums span{color:var(--w-2)}

/* продукт */
.split{display:grid;grid-template-columns:1fr 1.25fr;gap:var(--gap);align-items:center}
.split.rev>*:first-child{order:2}
.frame{border-radius:var(--r2);overflow:hidden;border:1px solid var(--line);background:var(--paper)}
.sec-dark .frame{border-color:var(--line-d2);box-shadow:0 30px 90px -40px rgba(30,0,255,.55)}

/* ---------- устройства ---------- */
.dev{--shell:#16161C;--shell-2:#0E0E13;--edge:rgba(255,255,255,.13);width:100%}
.sec-canvas .dev{--edge:rgba(0,0,0,.16)}

/* монитор */
.dev-monitor .lid{background:var(--shell);border:1px solid var(--edge);border-radius:20px;padding:14px 14px 20px;
  box-shadow:0 40px 100px -40px rgba(30,0,255,.55),inset 0 1px 0 rgba(255,255,255,.07)}
.dev-monitor .lid img{border-radius:9px;width:100%}
.dev-monitor .lid>svg{border-radius:9px;width:100%;height:auto;display:block;background:#fff}
.dev-monitor .neck{width:104px;height:30px;margin:0 auto;background:linear-gradient(180deg,#1C1C24,#111117)}
.dev-monitor .foot{width:min(300px,52%);height:11px;margin:0 auto;border-radius:0 0 12px 12px;
  background:linear-gradient(180deg,#1A1A22,#0C0C11);box-shadow:0 22px 40px -22px rgba(0,0,0,.8)}

/* ноутбук */
.dev-laptop .lid{background:var(--shell);border:1px solid var(--edge);border-radius:14px 14px 4px 4px;padding:11px 11px 14px;
  box-shadow:0 34px 80px -40px rgba(11,11,13,.55),inset 0 1px 0 rgba(255,255,255,.07)}
.dev-laptop .lid img{border-radius:6px;width:100%}
.dev-laptop .deck{position:relative;width:110%;margin-left:-5%;height:15px;border-radius:0 0 14px 14px;
  background:linear-gradient(180deg,#242430,#12121A);box-shadow:0 18px 34px -18px rgba(0,0,0,.6)}
.dev-laptop .deck::after{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);
  width:15%;height:5px;border-radius:0 0 7px 7px;background:rgba(255,255,255,.16)}

/* планшет */
.dev-tablet{position:relative;background:var(--shell);border:1px solid var(--edge);border-radius:26px;padding:16px;
  box-shadow:0 40px 100px -44px rgba(30,0,255,.55),inset 0 1px 0 rgba(255,255,255,.07)}
.dev-tablet img{border-radius:12px;width:100%}
.dev-tablet::before{content:"";position:absolute;left:7px;top:50%;transform:translateY(-50%);
  width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.28)}

/* телефон */
.dev-phone{position:relative;width:min(292px,74vw);margin-inline:auto;background:var(--shell);border:1px solid var(--edge);
  border-radius:40px;padding:11px;box-shadow:0 44px 90px -42px rgba(30,0,255,.5),inset 0 1px 0 rgba(255,255,255,.07)}
.dev-phone img{border-radius:30px;width:100%}
.dev-phone::before{content:"";position:absolute;left:50%;top:20px;transform:translateX(-50%);z-index:2;
  width:74px;height:20px;border-radius:100px;background:#0B0B0D}
.ticks{list-style:none;display:grid;gap:14px;margin-top:24px}
.ticks li{display:flex;gap:12px;font-size:var(--fs-4);color:var(--ink-2)}
.sec-dark .ticks li{color:var(--w-2)}
.ticks li i{width:18px;height:18px;border-radius:50%;background:var(--brand-soft);color:var(--brand);flex:0 0 18px;margin-top:3px;
  display:grid;place-items:center;font-size:10px;font-style:normal}
.sec-dark .ticks li i{background:rgba(91,69,255,.22);color:#B7ADFF}
.ticks li b{color:var(--ink);font-weight:500}
.sec-dark .ticks li b{color:#fff}


/* ---------- светлый интерфейс карточки документа ---------- */
.screen2{position:relative;overflow:hidden;border-radius:9px;background:#FFFFFF;aspect-ratio:1360/762}
.u2{position:absolute;left:0;top:0;width:1360px;height:762px;transform-origin:0 0;background:#FFFFFF;
  color:#141821;display:flex;font-size:var(--fs-3);line-height:1.4;text-align:left;letter-spacing:0;-webkit-font-smoothing:antialiased}
.u2 *{box-sizing:border-box}
.u2 svg{display:block}
.u2-rail{width:58px;flex:0 0 58px;padding:16px 0;display:flex;flex-direction:column;align-items:center;gap:18px}
.u2-rail .lg{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#4B7BFF,#1E00FF);display:grid;place-items:center}
.u2-rail .lg::after{content:"";width:10px;height:10px;border-radius:2px;background:#fff}
.u2-rail i{width:22px;height:22px;color:#8A90A0;display:block}
.u2-side{width:238px;flex:0 0 238px;padding:14px 12px;display:flex;flex-direction:column;gap:12px}
.u2-org{background:#F1F2F5;border-radius:12px;padding:16px 14px;display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:500}
.u2-org .ck{width:16px;height:16px;border-radius:50%;border:1.5px solid #7C8290;color:#7C8290;display:grid;place-items:center;font-size:9px;flex:0 0 16px}
.u2-nav{display:flex;flex-direction:column;gap:2px}
.u2-nav a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;color:#33394A;font-size:13px}
.u2-nav a .ic{width:15px;height:15px;flex:0 0 15px;color:#8A90A0}
.u2-nav a .cnt{margin-left:auto;font-size:11.5px;color:#8A90A0}
.u2-nav a.act{background:#EDEFF3;color:#141821;font-weight:500}
.u2-nav a.act .ic{color:#2F5BE0}
.u2-nav .grp{display:flex;align-items:center;gap:10px;padding:9px 10px;color:#141821;font-size:13px;font-weight:500}
.u2-nav .grp .chev{margin-left:auto;width:14px;height:14px;color:#8A90A0}
.u2-nav .sub{padding-left:8px;display:flex;flex-direction:column;gap:2px}
.u2-side .sp{height:10px}
.u2-main{flex:1;min-width:0;padding:14px 18px 14px 12px;display:flex;flex-direction:column;gap:12px;background:#FFFFFF}
.u2-top{display:flex;align-items:center;gap:8px}
.u2-back{height:40px;border:1px solid #E3E5EA;border-radius:10px;display:inline-flex;align-items:center;gap:9px;padding:0 18px;font-size:14px;font-weight:500}
.u2-top .rgt{margin-left:auto;display:flex;gap:8px;align-items:center}
.u2-ib{height:38px;min-width:38px;border:1px solid #E3E5EA;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 10px;color:#4A5063}
.u2-ib.wide{padding:0 16px;font-size:13.5px;color:#141821}
.u2-ib i{width:17px;height:17px;display:block}
.u2-h1{font-size:17px;font-weight:600;letter-spacing:-.01em}
.u2-tabs{display:flex;align-items:center;gap:8px}
.u2-tabs .ar{width:26px;height:26px;color:#9AA0AE;flex:0 0 26px;display:grid;place-items:center}
.u2-tabs .ar i{width:14px;height:14px}
.u2-tabs .tab{height:38px;background:#EEF0F4;border-radius:8px 0 0 8px;display:flex;align-items:center;padding:0 16px;color:#2F5BE0;font-size:13.5px}
.u2-tabs .dl{height:38px;width:40px;background:#2F5BE0;border-radius:0 8px 8px 0;display:grid;place-items:center;color:#fff}
.u2-tabs .dl i{width:16px;height:16px}
.u2-tabs .fill{flex:1;height:38px;background:#F6F7F9;border-radius:8px;margin-left:-8px}
.u2-tabs .all{height:38px;background:#2F5BE0;color:#fff;border-radius:9px;display:inline-flex;align-items:center;gap:8px;padding:0 18px;font-size:13.5px;font-weight:500}
.u2-tabs .all i{width:15px;height:15px}
.u2-body{flex:1;display:flex;gap:14px;min-height:0}
.u2-view{flex:1;min-width:0;background:#F6F7F9;border-radius:12px;display:flex;flex-direction:column;overflow:hidden}
.u2-zoom{height:56px;background:#FFFFFF;display:flex;align-items:center;justify-content:center;gap:14px;font-size:13px;color:#4A5063}
.u2-zoom span{width:34px;height:30px;border-radius:8px;background:#F1F2F5;display:grid;place-items:center;font-size:15px}
.u2-paper{flex:1;display:flex;justify-content:center;padding:16px 0 0;overflow:hidden;position:relative}
.u2-page{width:540px;background:#fff;box-shadow:0 1px 4px rgba(20,24,33,.12);padding:26px 30px;font-size:8px;line-height:1.45;color:#1B1F28}
.u2-page .ph{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.u2-page .ph .lm{width:96px;height:auto;display:block;flex:none}
.u2-page .ph .ad{font-size:6px;line-height:1.5;color:#3A4050;display:flex;gap:14px}
.u2-page .rule{height:1px;background:#1B1F28;margin:12px 0 16px}
.u2-page h6{text-align:center;font-size:9px;font-weight:700;line-height:1.5;margin-bottom:12px}
.u2-page p{text-align:justify;margin-bottom:5px}
.u2-page ol{padding-left:16px;margin:0;display:grid;gap:4px}
.u2-page li{text-align:justify}
.u2-page .sig{margin-top:14px}
.u2-panel{width:306px;flex:0 0 306px;background:#F6F7F9;border-radius:12px;padding:16px 14px;display:flex;flex-direction:column;gap:14px}
.u2-panel .hd{display:flex;align-items:center;font-size:14px;font-weight:600}
.u2-panel .hd i{margin-left:auto;width:15px;height:15px;color:#8A90A0}
.u2-seg{background:#FFFFFF;border-radius:9px;padding:3px;display:flex;gap:3px}
.u2-seg span{flex:1;text-align:center;padding:8px 0;border-radius:7px;font-size:12.5px;color:#7C8290}
.u2-seg span.on{background:#EEF2FE;color:#2F5BE0;font-weight:500}
.u2-blk{background:#fff;border-radius:10px;padding:12px 13px}
.u2-blk .t{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:500}
.u2-blk .t .cv{width:12px;height:12px;color:#8A90A0;flex:0 0 12px}
.u2-blk .t em{font-style:normal;font-weight:400;color:#8A90A0}
.u2-blk .t .pen{margin-left:auto;width:14px;height:14px;color:#8A90A0}
.u2-blk .who{display:flex;align-items:flex-start;gap:8px;margin-top:11px}
.u2-blk .who .nm{font-size:12.5px;font-weight:500}
.u2-blk .who .rl{font-size:11px;color:#7C8290;margin-top:2px}
.u2-blk .who .rg{margin-left:auto;text-align:right}
.u2-chip{display:inline-block;background:#E4F4E9;color:#2C7A46;border-radius:6px;padding:3px 9px;font-size:11px}
.u2-blk .tm{font-size:11px;color:#7C8290;margin-top:8px}
.u2-blk .due{display:inline-flex;align-items:center;gap:6px;margin-top:10px;background:#F1F2F5;border-radius:7px;padding:5px 10px;font-size:11.5px;color:#33394A}
.u2-blk .due i{width:12px;height:12px;color:#7C8290}
.u2-blk .nostart{font-size:11.5px;color:#7C8290}

/* раскладка блока «Продукт» */
.prod-cols{display:grid;grid-template-columns:1fr 1.15fr;gap:var(--gap);align-items:start;margin-bottom:clamp(28px,3vw,44px)}
@media (max-width:960px){.prod-cols{grid-template-columns:1fr}}

/* экосистема — концентрические кольца */
.eco{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);align-items:center}
.rings{position:relative;width:min(620px,100%);aspect-ratio:1;margin-inline:auto}
.ring{position:absolute;left:50%;top:50%;border-radius:50%;display:flex;justify-content:center;
  padding-top:15px;font-size:10.5px;letter-spacing:-.005em;text-align:center;line-height:1.3;
  transform:translate(-50%,-50%) scale(1);
  transition:transform 1.9s cubic-bezier(.28,.06,.2,1),background 1.2s ease,border-color 1.2s ease,box-shadow 1.2s ease}
.ring>span{display:block;transition:opacity 1.1s ease}
.r5{width:100%;height:100%;background:rgba(255,255,255,.03);border:1px solid var(--line-d);color:var(--w-3)}
.r4{width:80%;height:80%;background:rgba(255,255,255,.05);border:1px solid var(--line-d);color:var(--w-3)}
.r3{width:60%;height:60%;background:rgba(255,255,255,.06);border:1px solid var(--line-d2);color:var(--w-2)}
.r2{width:42%;height:42%;background:rgba(91,69,255,.18);border:1px solid rgba(91,69,255,.45);color:#C8C1FF;cursor:pointer}
/* ширина подписи = длина хорды на глубине отступа, чтобы текст не выходил на дугу */
.r5>span{max-width:44%}
.r4>span{max-width:46%}
.r3>span{max-width:50%}
.r2>span{max-width:58%;font-size:10px}
.r2 b{display:block;font-size:13px;font-weight:500;color:#fff;letter-spacing:-.02em;margin-bottom:1px}
.r1{width:24%;height:24%;background:var(--brand);border:0;color:#fff;align-items:center;padding-top:0;font-size:15px;font-weight:500;
  box-shadow:0 0 70px rgba(30,0,255,.7)}
.rings.hot .r5>span,.rings.hot .r4>span,.rings.hot .r3>span,.rings.hot .r2>span{opacity:0}
.rings.hot .r5,.rings.hot .r4,.rings.hot .r3,.rings.hot .r2{transform:translate(-50%,-50%) scale(.7)}
.rings.hot .r1{transform:translate(-50%,-50%) scale(1.1)}
.rings.hot .r2{background:rgba(91,69,255,.3);border-color:rgba(140,120,255,.75);box-shadow:0 0 50px rgba(91,69,255,.4)}

.eco-list{list-style:none;display:grid;gap:1px;background:var(--line-d);border:1px solid var(--line-d);border-radius:var(--r2);overflow:hidden}
.eco-list li{background:var(--dark);padding:16px 22px;display:flex;gap:16px;align-items:baseline}
.eco-list b{font-weight:500;font-size:var(--fs-4);min-width:190px;flex:0 0 190px}
.eco-list span{font-size:var(--fs-3);color:var(--w-2)}

/* карточки-модули */
.grid{display:grid;gap:12px}
.g3{grid-template-columns:repeat(auto-fit,minmax(292px,1fr))}
.g4{grid-template-columns:repeat(auto-fit,minmax(232px,1fr))}
.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r2);padding:var(--pad-card);display:flex;flex-direction:column}
.sec-canvas .card{background:var(--paper)}
.card h3{margin:14px 0 12px}
.card p{font-size:var(--fs-3);color:var(--ink-2);line-height:1.6}
.card .foot{margin-top:auto;padding-top:20px;font-size:var(--fs-3);color:var(--brand);display:flex;align-items:center;gap:7px}

/* hover для карточек модулей */
#modules a.card{cursor:pointer}
#modules .card{position:relative;overflow:hidden;cursor:default;
  transition:transform .3s cubic-bezier(.22,.85,.26,1),border-color .3s ease,box-shadow .3s ease}
#modules .card::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;
  background:radial-gradient(120% 90% at 8% 0%,rgba(30,0,255,.07),rgba(30,0,255,0) 62%);
  transition:opacity .3s ease}
#modules .card:hover{transform:translateY(-4px);border-color:var(--brand);
  box-shadow:0 18px 40px -22px rgba(30,0,255,.45),0 0 0 3px rgba(30,0,255,.08)}
#modules .card:hover::before{opacity:1}
#modules .card>*{position:relative;z-index:1}
#modules .card h3{transition:color .3s ease}
#modules .card:hover h3{color:var(--brand)}
#modules .card .foot{color:var(--ink-3);transition:color .3s ease,gap .3s ease}
#modules .card:hover .foot{color:var(--brand);gap:11px}
#modules .card .tag{transition:background .3s ease,color .3s ease}
#modules .card:hover .tag{background:var(--brand);color:#fff}
@media (prefers-reduced-motion:reduce){#modules .card:hover{transform:none}}

/* мобильное приложение */
.mob{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);align-items:center}


/* внедрение */
.weeks{display:grid;grid-template-columns:repeat(auto-fit,minmax(224px,1fr));gap:12px}
.week{background:var(--paper);border:1px solid var(--line);border-radius:var(--r2);padding:var(--pad-card);display:flex;flex-direction:column}
.week h4{margin:14px 0 10px}
.week p{font-size:var(--fs-3);color:var(--ink-2);line-height:1.55}
.week .need{margin-top:auto;padding-top:18px;font-size:var(--fs-2);color:var(--ink-3)}

/* интеграции: логотипы и названия, без плашек */
.sec-int{padding-block:calc(var(--sec) * .58)}
.sec-int .head{margin-bottom:clamp(24px,2.4vw,36px)}
.intlogos{--belt-gap:clamp(30px,4vw,64px); --belt-time:38s;
  position:relative;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.intlogos .belt{display:flex;width:max-content;gap:var(--belt-gap);
  animation:belt var(--belt-time) linear infinite}
.intlogos .belt-group{display:flex;align-items:center;gap:var(--belt-gap)}
.intlogos:hover .belt,.intlogos:focus-within .belt{animation-play-state:paused}
@keyframes belt{from{transform:translateX(0)}
  to{transform:translateX(calc(-50% - var(--belt-gap) / 2))}}
@media (prefers-reduced-motion:reduce){
  .intlogos{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .intlogos .belt{animation:none}
}
.intlogos .item{display:flex;align-items:center;gap:13px;min-width:0}
.intlogos .mark{width:44px;height:44px;border-radius:var(--r1);flex:none;display:grid;place-items:center;
  background:var(--ib);color:var(--i);overflow:hidden}
/* слот под официальный файл логотипа: <span class="mark"><img src="…" alt="…"></span> */
.intlogos .mark img{max-width:30px;max-height:26px;object-fit:contain;display:block}
.intlogos .mark svg{width:22px;height:22px;display:block}
.intlogos .lg{font-size:13px;font-weight:700;letter-spacing:-.03em;line-height:1}
.intlogos .lg.s{font-size:11px;letter-spacing:-.01em}
.intlogos .nm{font-size:var(--fs-3);font-weight:500;letter-spacing:-.02em;line-height:1.3}
.intlogos .msg{display:flex;align-items:center;flex:none}
.intlogos .msg i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex:none;
  color:#fff;border:2px solid var(--paper);margin-left:-10px}
.intlogos .msg i:first-child{margin-left:0}
.intlogos .msg i svg{width:17px;height:17px;display:block}

/* hover для плашек этапов */
.week{position:relative;overflow:hidden;cursor:default;
  transition:transform .3s cubic-bezier(.22,.85,.26,1),border-color .3s ease,box-shadow .3s ease}
.week::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;
  background:radial-gradient(120% 90% at 8% 0%,rgba(30,0,255,.07),rgba(30,0,255,0) 62%);
  transition:opacity .3s ease}
.week>*{position:relative;z-index:1}
.week:hover{transform:translateY(-4px);border-color:var(--brand);
  box-shadow:0 18px 40px -22px rgba(30,0,255,.45),0 0 0 3px rgba(30,0,255,.08)}
.week:hover::before{opacity:1}
.week h4,.week .need{transition:color .3s ease}
.week:hover h4{color:var(--brand)}
.week:hover .need{color:var(--ink-2)}
.week .tag{transition:background .3s ease,color .3s ease}
.week:hover .tag{background:var(--brand);color:#fff}
@media (prefers-reduced-motion:reduce){.week:hover{transform:none}}

/* списки-таблицы */
.rows{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r2);overflow:hidden}
.sec-dark .rows{background:var(--line-d);border-color:var(--line-d)}
.rows>div{background:var(--paper);padding:16px 22px;display:flex;gap:18px;align-items:baseline;font-size:var(--fs-3)}
.sec-dark .rows>div{background:var(--dark)}
.rows b{font-weight:500;min-width:170px;flex:0 0 170px}
.rows span{color:var(--ink-2)}
.sec-dark .rows span{color:var(--w-2)}

/* инфографика: цепочка аудит-следа */
.audit{margin-top:clamp(40px,4.5vw,72px)}
.audit-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:clamp(24px,2.6vw,34px)}
.audit-head h4{letter-spacing:-.018em}
.audit-head .cap{font-size:var(--fs-3);color:var(--w-3)}
.audit .rail{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(14px,2vw,30px);padding-top:26px}
.audit .rail::before{content:"";position:absolute;left:0;right:0;top:5px;height:1px;
  background:linear-gradient(90deg,var(--brand),rgba(255,255,255,.16) 20%,rgba(255,255,255,.16) 80%,var(--cyan))}
.audit .step{position:relative}
.audit .step::before{content:"";position:absolute;top:-25px;left:0;width:9px;height:9px;border-radius:50%;
  background:var(--dark);border:1px solid rgba(255,255,255,.34)}
.audit .step.is-start::before{background:var(--brand);border-color:var(--brand)}
.audit .step.is-stop::before{background:var(--dark);border-color:rgba(255,255,255,.7)}
.audit .step.is-end::before{background:var(--cyan);border-color:var(--cyan)}
.audit .ix{display:block;font-size:var(--fs-1);letter-spacing:.14em;color:var(--w-3)}
.audit .step b{display:block;margin-top:10px;font-size:var(--fs-4);font-weight:500;letter-spacing:-.018em;line-height:1.3}
.audit .who{display:block;margin-top:6px;font-size:var(--fs-2);color:var(--w-2);line-height:1.5}
.audit .hash{display:inline-block;margin-top:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:var(--fs-1);color:var(--w-3);border:1px solid var(--line-d);border-radius:100px;padding:3px 10px}
.audit-note{margin-top:clamp(26px,3vw,40px);padding-top:20px;border-top:1px solid var(--line-d);
  display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:var(--fs-3);color:var(--w-2)}
.audit-note .out{display:inline-flex;align-items:center;gap:9px;color:#fff;
  border:1px solid var(--line-d2);border-radius:100px;padding:9px 18px;font-size:var(--fs-3)}
@media (max-width:900px){
  .audit .rail{grid-template-columns:1fr;gap:0;padding-top:0;padding-left:24px}
  .audit .rail::before{left:4px;right:auto;top:8px;bottom:8px;width:1px;height:auto;
    background:linear-gradient(180deg,var(--brand),rgba(255,255,255,.16) 20%,rgba(255,255,255,.16) 80%,var(--cyan))}
  .audit .step{padding:15px 0}
  .audit .step::before{top:18px;left:-24px}
  .audit .hash{margin-top:10px}
}

/* таблица */
.tblbox{border:1px solid var(--line);border-radius:var(--r2);overflow:hidden;background:var(--paper)}
.tblscroll{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:var(--fs-3)}
th,td{text-align:left;padding:14px 18px;border-bottom:1px solid var(--line);vertical-align:top}
thead th{font-size:var(--fs-2);font-weight:400;color:var(--ink-3);background:var(--canvas)}
thead th.us{color:var(--brand);font-weight:500}
tbody tr:last-child td{border-bottom:0}
td.us{background:rgba(30,0,255,.045)}
td.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
th.num{text-align:right}
.cmp table{min-width:820px}
.cmp td:first-child{width:24%}

/* hover для плашки сравнения */
.cmp{transition:border-color .3s ease,box-shadow .3s ease}
.cmp:hover{border-color:var(--brand);
  box-shadow:0 18px 40px -22px rgba(30,0,255,.45),0 0 0 3px rgba(30,0,255,.08)}
.cmp tbody tr{transition:background .2s ease}
.cmp tbody tr:hover{background:rgba(30,0,255,.035)}
.cmp tbody tr:hover td:first-child{color:var(--brand)}
.cmp tbody tr:hover td.us{background:rgba(30,0,255,.1)}
.cmp td:first-child{transition:color .2s ease}

/* тарифы (главная) */
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;align-items:stretch}
.plan{background:var(--paper);border:1px solid var(--line);border-radius:var(--r2);padding:var(--pad-card);display:flex;flex-direction:column}
.plan.hi{border-color:var(--brand);box-shadow:0 0 0 3px rgba(30,0,255,.10)}
.plan{transition:transform .3s cubic-bezier(.22,.85,.26,1),border-color .3s ease,box-shadow .3s ease}
.plan:hover{transform:translateY(-4px);border-color:var(--brand);
  box-shadow:0 18px 40px -22px rgba(30,0,255,.45),0 0 0 3px rgba(30,0,255,.08)}
@media (prefers-reduced-motion:reduce){.plan:hover{transform:none}}
.plan .nm{font-size:var(--fs-4);font-weight:500;margin-bottom:6px}
.plan .cap{font-size:var(--fs-2);color:var(--ink-3);margin-bottom:20px;min-height:34px}
.plan .old{font-size:var(--fs-3);color:var(--ink-3);line-height:1;margin-bottom:7px;
  text-decoration:line-through;text-decoration-thickness:1px;text-decoration-color:var(--ink-3)}
.plan .old:empty{display:none}
.plan .pr{font-size:27px;font-weight:400;letter-spacing:-.04em;line-height:1}
.plan .pu{font-size:var(--fs-2);color:var(--ink-3);margin:6px 0 20px}
.plan .pu.tight{margin-bottom:0}
.plan .pm{font-size:var(--fs-2);color:var(--ink-3);margin:3px 0 20px}
.plan ul{list-style:none;display:grid;gap:9px;font-size:var(--fs-3);color:var(--ink-2);margin-bottom:24px}
.plan li{display:flex;gap:9px}
.plan li::before{content:"";width:14px;height:14px;flex:0 0 14px;margin-top:4px;border-radius:50%;
  background:var(--brand-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.2 2.2 4.8-5' fill='none' stroke='%231E00FF' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat}
.plan .btn{margin-top:auto;width:100%}

/* тумблер */
.toggle{display:inline-flex;background:var(--canvas);border:1px solid var(--line);border-radius:100px;padding:4px;gap:2px}
.toggle button{border:0;background:none;font-family:var(--f);font-size:var(--fs-3);color:var(--ink-2);padding:9px 18px;border-radius:100px;cursor:pointer}
.toggle button.on{background:var(--ink);color:#fff}
.sec-dark .toggle{background:rgba(255,255,255,.06);border-color:var(--line-d2)}
.sec-dark .toggle button{color:var(--w-2)}
.sec-dark .toggle button.on{background:#fff;color:var(--ink)}

/* материалы */
.res{display:grid;grid-template-columns:repeat(auto-fit,minmax(228px,1fr));gap:10px}
.rc{background:rgba(255,255,255,.05);border:1px solid var(--line-d);border-radius:var(--r2);padding:var(--pad-card);transition:background .2s,border-color .2s}
.rc:hover{background:rgba(255,255,255,.09);border-color:var(--line-d2)}
.rc .t{font-size:var(--fs-1);color:var(--brand-2);margin-bottom:12px;display:block}
.rc strong{display:block;font-size:var(--fs-4);font-weight:500;margin-bottom:8px}
.rc span{font-size:var(--fs-3);color:var(--w-2);line-height:1.5}
.getform{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}
.getform input{height:48px;padding:0 20px;border-radius:100px;border:1px solid var(--line-d2);background:rgba(255,255,255,.06);color:#fff;font-family:var(--f);font-size:var(--fs-4);min-width:260px;flex:1 1 260px;max-width:380px}
.getform input::placeholder{color:var(--w-3)}
.getform input:focus{outline:none;border-color:var(--brand-2)}

/* FAQ */
.faq{border-top:1px solid var(--line)}
.q{border-bottom:1px solid var(--line)}
.q summary{list-style:none;cursor:pointer;padding:22px 0;display:flex;gap:20px;align-items:flex-start;font-size:clamp(16px,1.4vw,19px);font-weight:500;letter-spacing:-.02em}
.q summary::-webkit-details-marker{display:none}
.q summary::after{content:"";margin-left:auto;flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:var(--canvas)
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M6 2v8M2 6h8' stroke='%230B0B0D' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E") center/11px no-repeat;margin-top:2px}
.q[open] summary::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6h8' stroke='%230B0B0D' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E")}
.q .ans{padding-bottom:24px;max-width:76ch;font-size:var(--fs-4);color:var(--ink-2);line-height:1.65}
.q .ans p+p{margin-top:12px}

/* контакты в блоке «Запуск пилота» */
.ct{display:grid;gap:1px;background:var(--line-d);border:1px solid var(--line-d);border-radius:var(--r2);overflow:hidden;margin-top:20px}
.ct-i{background:rgba(255,255,255,.03);padding:11px 15px;display:flex;gap:13px;align-items:center;transition:background .25s ease}
.ct-i:hover{background:rgba(91,69,255,.10)}
.ct-ic{width:34px;height:34px;flex:0 0 34px;border-radius:var(--r1);background:rgba(91,69,255,.16);
  border:1px solid rgba(91,69,255,.32);display:grid;place-items:center;color:#B7ADFF;transition:background .25s ease,color .25s ease}
.ct-i:hover .ct-ic{background:var(--brand);border-color:var(--brand);color:#fff}
.ct-ic svg{width:16px;height:16px;display:block}
.ct-tx{min-width:0}
.ct-tx .lb{font-size:var(--fs-1);color:var(--w-3);margin-bottom:2px;letter-spacing:.01em}
.ct-tx .vl{font-size:var(--fs-3);color:#fff;letter-spacing:-.015em;display:flex;flex-wrap:wrap;gap:1px 12px}
.ct-tx .vl a:hover{color:#B7ADFF}
.ct-tx .vl .dim{color:var(--w-2);font-size:var(--fs-3)}

/* финальная форма */
.cta{background:var(--dark);color:#fff;border-radius:var(--r3);padding:clamp(26px,3vw,44px)}
.cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(22px,2.6vw,40px);align-items:stretch}
.cta-col{display:flex;flex-direction:column}
.cta-col .ct{margin-top:auto}
.cta h2{margin-top:14px;max-width:16ch;font-size:clamp(24px,3vw,38px)}
.cta .lead{margin-top:14px!important;font-size:var(--fs-4)}
form.lead-form{display:flex;flex-direction:column;gap:12px;height:100%;
  background:rgba(255,255,255,.05);border:1px solid var(--line-d);border-radius:var(--r2);padding:22px}
form.lead-form .btn{margin-top:auto}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
label{font-size:var(--fs-1);color:var(--w-3);margin-bottom:5px;display:block}
form.lead-form input,form.lead-form select{width:100%;height:44px;padding:0 14px;border-radius:var(--r1);border:1px solid var(--line-d2);
  background:rgba(255,255,255,.05);color:#fff;font-family:var(--f);font-size:var(--fs-4)}
form.lead-form input::placeholder{color:var(--w-3)}
form.lead-form input:focus,form.lead-form select:focus{outline:none;border-color:var(--brand-2)}
form.lead-form select option{background:var(--dark-2);color:#fff}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:var(--fs-2);color:var(--w-2);margin-top:4px}
.consent input{width:16px;height:16px;flex:0 0 16px;margin-top:2px;accent-color:var(--brand)}
.consent a{text-decoration:underline;text-underline-offset:2px}

/* ================= ФУТЕР (по luna8.kz/digital-admission) ================= */
footer{background:var(--dark);color:var(--w-2);padding-block:clamp(48px,5.5vw,76px) 28px;border-top:1px solid var(--line-d)}
.f-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:var(--gap)}
.f-about img.wm{height:22px;width:auto;margin-bottom:18px}
.f-about p{font-size:var(--fs-3);color:var(--w-2);max-width:34ch}
.f-badges{display:grid;gap:10px;margin-top:22px}
.f-badges div{display:flex;gap:12px;align-items:flex-start;font-size:var(--fs-2);color:var(--w-3);line-height:1.5;max-width:36ch}
.f-logo{flex:0 0 auto;background:#fff;border-radius:var(--r1);padding:7px 11px;display:inline-flex;align-items:center;
  box-shadow:0 1px 0 rgba(255,255,255,.06)}
.f-logo svg{height:20px;width:auto;display:block}
footer h5{font-size:var(--fs-2);font-weight:400;color:var(--w-3);margin-bottom:16px}
footer ul{list-style:none;display:grid;gap:9px}
footer li{font-size:var(--fs-3)}
footer a:hover{color:#fff}
.f-apps{display:grid;gap:8px;margin-top:10px}
.f-app{display:flex;align-items:center;gap:12px;border:1px solid var(--line-d);border-radius:var(--r1);padding:9px 14px;
  transition:border-color .22s ease,background .22s ease}
.f-app:hover{border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.05)}
.f-app .gl{width:20px;height:20px;flex:0 0 20px;color:#fff}
.f-app .gl svg{width:20px;height:20px;display:block;fill:currentColor}
.f-app .tx{line-height:1.2}
.f-app .tx small{display:block;font-size:var(--fs-1);color:var(--w-3);letter-spacing:.01em}
.f-app .tx b{font-size:var(--fs-3);font-weight:500;color:#fff;letter-spacing:-.01em}
@media (max-width:960px){.f-apps{grid-template-columns:repeat(auto-fit,minmax(190px,220px))}}

.f-legal{border-top:1px solid var(--line-d);margin-top:44px;padding-top:22px;display:grid;gap:14px;font-size:var(--fs-2);color:var(--w-3)}
.f-legal .links{display:flex;gap:20px;flex-wrap:wrap}
.f-legal .bot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center}
.f-soc{display:flex;gap:10px}
.f-soc a{width:34px;height:34px;border-radius:50%;border:1px solid var(--line-d);display:grid;place-items:center;font-size:var(--fs-2);color:var(--w-2)}
.f-soc a svg{width:17px;height:17px;display:block}
.f-soc a:hover{border-color:#fff;color:#fff}

/* ================= СТРАНИЦА ТАРИФОВ ================= */
.p-hero{background:var(--dark);color:#fff;padding-block:clamp(44px,5vw,76px) clamp(36px,4vw,60px)}
.crumbs{display:flex;gap:10px;align-items:center;font-size:var(--fs-3);color:var(--w-3);margin-bottom:22px}
.crumbs a:hover{color:#fff}
.p-hero h1{max-width:18ch;margin-bottom:20px}
.tar-head{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:flex-end;margin-bottom:30px}
.note{font-size:var(--fs-3);color:var(--ink-3);margin-top:16px;max-width:82ch;line-height:1.6}
.block-h{display:flex;justify-content:space-between;gap:20px;align-items:baseline;flex-wrap:wrap;margin-bottom:22px}
.block-h h3{font-size:clamp(20px,2.2vw,27px);font-weight:400;letter-spacing:-.03em}
.block-h span{font-size:var(--fs-3);color:var(--ink-3)}

.rv{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}
.rv.in{opacity:1;transform:none}

@media (max-width:960px){
  .stmt-grid,.split,.eco,.mob,.cta-grid,.f-top{grid-template-columns:1fr}
  .stmt-grid>.lead{padding-top:16px}
  .split.rev>*:first-child{order:0}
  .tabs{display:none}
  .tabs.open{display:flex;flex-direction:column;align-items:flex-start;gap:2px;position:absolute;top:66px;left:var(--pad);right:var(--pad);
    background:var(--brand);border:1px solid rgba(255,255,255,.22);border-radius:var(--r2);padding:12px 16px;
    box-shadow:0 24px 50px -20px rgba(0,0,0,.5)}
  .tabs.open a{padding:9px 0;border-bottom:0;width:100%}
  .burger{display:block}
  .tabs .tab-home{display:block}
  .nav-r .btn.sm-hide{display:none}
  .f-top{gap:32px}
}
@media (max-width:620px){
  .f2{grid-template-columns:1fr}
  th,td{padding:12px 14px;font-size:var(--fs-3)}
  .rows b{min-width:120px;flex:0 0 120px}
}

/* ================= ТЕЛЕФОН ================= */
@media (max-width:700px){
  /* экран реестра целиком вписан в ширину телефона */
  #security .dev-monitor .lid>svg{width:100%;max-width:none}
  /* инфографику цифрового следа на телефоне не показываем */
  #security .audit{display:none}
  /* таблицу сравнения на телефоне не показываем */
  #alternatives{display:none}
  /* интеграции: лента только из знаков, без подписей */
  .intlogos{--belt-gap:26px; --belt-time:24s}
  .intlogos .item{gap:0}
  .intlogos .nm{display:none}
  .intlogos .msg i{margin-left:-8px}
}
@media (max-width:560px){
  :root{--pad:18px; --gap:22px; --sec:clamp(56px,12vw,84px)}
  /* списки-таблицы: подпись над значением, а не в узкой колонке */
  .rows>div,.eco-list li{flex-direction:column;gap:5px;align-items:flex-start;padding:14px 18px}
  .rows b,.eco-list b{min-width:0;flex:none}
  /* всё в одну колонку */
  .g3,.g4,.weeks,.plans,.nums,.f-apps{grid-template-columns:1fr}
  .f-top{grid-template-columns:1fr;gap:28px}
  /* кнопки во всю ширину — попасть пальцем проще */
  .hero-cta{flex-direction:column;align-items:stretch}
  .hero-cta .btn,.getform .btn{width:100%}
  .btn{height:46px;padding:0 20px}
  /* цель нажатия не меньше 40 px */
  .f-soc a{width:40px;height:40px}
  .q summary{padding:18px 0;gap:14px}
  .plan .cap{min-height:0}
  .tar-head{gap:16px}
  .toggle{width:100%}
  .toggle button{flex:1;text-align:center;padding:9px 10px}
}
@media (max-width:400px){
  .plan .pr{font-size:24px}
  .intlogos .mark{width:40px;height:40px}
  .audit .step b{font-size:var(--fs-3)}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto}.rv{opacity:1;transform:none}.hero-shot .dev-monitor{transform:none}.rings.hot .r5,.rings.hot .r4,.rings.hot .r3,.rings.hot .r2,.rings.hot .r1{transform:translate(-50%,-50%) scale(1)}}

/* статус отправки форм */
.form-status{flex-basis:100%;font-size:var(--fs-2);color:#7fd99a;margin-top:2px}
.form-status.err{color:#ff9c8f}
.form-status:empty{display:none}
form.lead-form .form-status{text-align:center}