/* =========================================================
   Главная v2 — новый макет секций после кнопок (яркий + анимации)
   ========================================================= */
.yvo-doki-home-page .hv2 { font-family: "Onest","Inter","Segoe UI",system-ui,sans-serif; color: #0f172a; }
.yvo-doki-home-page .hv2-wrap { max-width: 1180px; margin: 0 auto; padding: 0 24px; }
.yvo-doki-home-page .hv2 { padding: clamp(48px, 7vw, 92px) 0; }
.yvo-doki-home-page .hv2-steps { background: linear-gradient(180deg,#f6f8ff,#fbfaf7); }
.yvo-doki-home-page .hv2-why { background: linear-gradient(180deg,#fbfaf7,#f4f7ff); }

/* палитра акцентов */
.yvo-doki-home-page .c-blue   { --a1:#6ea8ff; --a2:#4a5bff; }
.yvo-doki-home-page .c-orange { --a1:#ffb347; --a2:#ff7e3d; }
.yvo-doki-home-page .c-purple { --a1:#c94cff; --a2:#7a6cff; }
.yvo-doki-home-page .c-green  { --a1:#34d99b; --a2:#059669; }
.yvo-doki-home-page .c-cyan   { --a1:#4fd6e8; --a2:#0891b2; }
.yvo-doki-home-page .c-pink   { --a1:#fb7bb0; --a2:#db2777; }

/* типографика */
.yvo-doki-home-page .hv2-eyebrow { display:inline-block; font-size:13px; font-weight:800; letter-spacing:.14em; text-transform:uppercase;
  background: linear-gradient(90deg,#4a5bff,#c94cff,#ff7e3d); -webkit-background-clip:text; background-clip:text; color:transparent; margin-bottom:12px; }
.yvo-doki-home-page .hv2-h1 { font-size:clamp(32px,4.6vw,50px); font-weight:800; line-height:1.08; letter-spacing:-.02em; margin:0 0 16px; }
.yvo-doki-home-page .hv2-h2 { font-size:clamp(26px,3.4vw,38px); font-weight:800; line-height:1.12; letter-spacing:-.015em; margin:0 0 10px; }
.yvo-doki-home-page .hv2-grad { background:linear-gradient(90deg,#4a5bff,#7a6cff,#ff7e3d); -webkit-background-clip:text; background-clip:text; color:transparent; }
.yvo-doki-home-page .hv2-lead { font-size:17px; line-height:1.6; color:#475569; max-width:60ch; margin:0 0 22px; }
.yvo-doki-home-page .hv2-head { text-align:center; max-width:60ch; margin:0 auto clamp(28px,4vw,44px); }
.yvo-doki-home-page .hv2-sub { font-size:16px; color:#64748b; margin:0; }

/* иконка-чип */
.yvo-doki-home-page .hv2-ico { width:52px; height:52px; border-radius:15px; display:grid; place-items:center; color:#fff; flex:0 0 auto;
  background:linear-gradient(135deg,var(--a1,#4a5bff),var(--a2,#7a6cff)); box-shadow:0 12px 24px -8px color-mix(in srgb, var(--a2,#4a5bff) 60%, transparent), inset 0 1px 0 rgba(255,255,255,.45); }
.yvo-doki-home-page .hv2-ico svg { width:26px; height:26px; }

/* кнопки */
.yvo-doki-home-page .hv2-cta-row { display:flex; flex-wrap:wrap; gap:12px; }
.yvo-doki-home-page .hv2-cta-row--center { justify-content:center; }
.yvo-doki-home-page .hv2-btn { display:inline-flex; align-items:center; gap:9px; min-height:52px; padding:0 24px; border-radius:14px; font-weight:800; font-size:15.5px; text-decoration:none; cursor:pointer; transition:transform .18s, box-shadow .18s, background .18s; }
.yvo-doki-home-page .hv2-btn svg { width:20px; height:20px; }
.yvo-doki-home-page .hv2-btn--primary { background:linear-gradient(120deg,#4a5bff,#7a6cff); color:#fff; box-shadow:0 14px 30px -10px rgba(74,91,255,.6), inset 0 1px 0 rgba(255,255,255,.3); }
.yvo-doki-home-page .hv2-btn--primary:hover { transform:translateY(-2px); box-shadow:0 20px 40px -12px rgba(74,91,255,.65); }
.yvo-doki-home-page .hv2-btn--ghost { background:#fff; color:#3730a3; border:1px solid #e2e8f0; box-shadow:0 8px 20px -12px rgba(15,23,42,.3); }
.yvo-doki-home-page .hv2-btn--ghost:hover { transform:translateY(-2px); }
.yvo-doki-home-page .hv2-btn--light { background:#fff; color:#4a5bff; box-shadow:0 14px 30px -12px rgba(0,0,0,.35); }
.yvo-doki-home-page .hv2-btn--light:hover { transform:translateY(-2px); }
.yvo-doki-home-page .hv2-btn--outline { background:transparent; color:#fff; border:1.5px solid rgba(255,255,255,.6); }
.yvo-doki-home-page .hv2-btn--outline:hover { background:rgba(255,255,255,.12); }

/* intro */
.yvo-doki-home-page .hv2-intro__grid { display:grid; grid-template-columns:1.25fr .75fr; gap:40px; align-items:center; }
.yvo-doki-home-page .hv2-intro__stats { display:flex; flex-direction:column; gap:14px; }
.yvo-doki-home-page .hv2-stat { position:relative; background:#fff; border:1px solid #eef1f7; border-radius:18px; padding:18px 20px 18px 22px; overflow:hidden;
  box-shadow:0 16px 40px -24px rgba(15,23,42,.4); }
.yvo-doki-home-page .hv2-stat::before { content:""; position:absolute; left:0; top:0; bottom:0; width:5px; background:linear-gradient(180deg,var(--a1),var(--a2)); }
.yvo-doki-home-page .hv2-stat b { display:block; font-size:26px; font-weight:800; letter-spacing:-.01em; background:linear-gradient(120deg,var(--a1),var(--a2)); -webkit-background-clip:text; background-clip:text; color:transparent; }
.yvo-doki-home-page .hv2-stat span { font-size:14px; color:#64748b; }

/* steps */
.yvo-doki-home-page .hv2-steps-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.yvo-doki-home-page .hv2-step { position:relative; background:#fff; border:1px solid #eef1f7; border-radius:20px; padding:26px 22px 24px;
  box-shadow:0 20px 44px -26px rgba(15,23,42,.45); transition:transform .2s, box-shadow .2s; }
.yvo-doki-home-page .hv2-step:hover { transform:translateY(-6px); box-shadow:0 30px 56px -24px rgba(15,23,42,.5); }
.yvo-doki-home-page .hv2-step__n { position:absolute; top:18px; right:20px; font-size:44px; font-weight:900; line-height:1; letter-spacing:-.03em;
  background:linear-gradient(135deg,var(--a1),var(--a2)); -webkit-background-clip:text; background-clip:text; color:transparent; opacity:.9; }
.yvo-doki-home-page .hv2-step .hv2-ico { margin-bottom:16px; }
.yvo-doki-home-page .hv2-step h3 { font-size:17px; font-weight:800; margin:0 0 6px; }
.yvo-doki-home-page .hv2-step p { font-size:14px; line-height:1.5; color:#64748b; margin:0; }

/* tools */
.yvo-doki-home-page .hv2-tools-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:18px; }
.yvo-doki-home-page .hv2-tool { display:flex; align-items:flex-start; gap:16px; background:#fff; border:1px solid #eef1f7; border-radius:20px; padding:22px; text-decoration:none; color:inherit;
  box-shadow:0 18px 42px -26px rgba(15,23,42,.4); transition:transform .2s, box-shadow .2s, border-color .2s; position:relative; overflow:hidden; }
.yvo-doki-home-page .hv2-tool::after { content:""; position:absolute; inset:0 0 auto 0; height:4px; background:linear-gradient(90deg,var(--a1),var(--a2)); opacity:0; transition:opacity .2s; }
.yvo-doki-home-page .hv2-tool:hover { transform:translateY(-5px); box-shadow:0 30px 56px -24px rgba(15,23,42,.5); border-color:transparent; }
.yvo-doki-home-page .hv2-tool:hover::after { opacity:1; }
.yvo-doki-home-page .hv2-tool__b { flex:1; min-width:0; }
.yvo-doki-home-page .hv2-tool h3 { font-size:17px; font-weight:800; margin:2px 0 5px; }
.yvo-doki-home-page .hv2-tool p { font-size:14px; line-height:1.5; color:#64748b; margin:0; }
.yvo-doki-home-page .hv2-tool__arr { color:var(--a2); align-self:center; flex:0 0 auto; transition:transform .2s; }
.yvo-doki-home-page .hv2-tool__arr svg { width:22px; height:22px; }
.yvo-doki-home-page .hv2-tool:hover .hv2-tool__arr { transform:translateX(5px); }

/* why */
.yvo-doki-home-page .hv2-why-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.yvo-doki-home-page .hv2-why-card { border-radius:20px; padding:26px 22px; color:#fff; background:linear-gradient(150deg,var(--a1),var(--a2));
  box-shadow:0 22px 46px -22px color-mix(in srgb, var(--a2) 55%, transparent); transition:transform .2s; }
.yvo-doki-home-page .hv2-why-card:hover { transform:translateY(-6px); }
.yvo-doki-home-page .hv2-why-card .hv2-ico { background:rgba(255,255,255,.2); box-shadow:none; margin-bottom:14px; }
.yvo-doki-home-page .hv2-why-card h3 { font-size:17.5px; font-weight:800; margin:0 0 7px; }
.yvo-doki-home-page .hv2-why-card p { font-size:14px; line-height:1.5; margin:0; opacity:.95; }

/* final CTA */
.yvo-doki-home-page .hv2-final__box { border-radius:28px; padding:clamp(40px,6vw,64px) 28px; text-align:center; color:#fff; position:relative; overflow:hidden;
  background:radial-gradient(600px 300px at 15% -20%,rgba(255,126,61,.55),transparent 60%), radial-gradient(600px 320px at 100% 120%,rgba(201,76,255,.5),transparent 60%), linear-gradient(120deg,#4a5bff,#7a6cff);
  box-shadow:0 40px 80px -34px rgba(74,91,255,.7); }
.yvo-doki-home-page .hv2-final__box h2 { font-size:clamp(26px,3.6vw,40px); font-weight:800; margin:0 0 10px; }
.yvo-doki-home-page .hv2-final__box p { font-size:17px; opacity:.95; margin:0 0 22px; }

/* ---- анимации появления ---- */
.yvo-doki-home-page [data-reveal] { opacity:0; transform:translateY(28px); transition:opacity .6s cubic-bezier(.2,.7,.2,1), transform .6s cubic-bezier(.2,.7,.2,1); }
.yvo-doki-home-page [data-reveal].is-in { opacity:1; transform:none; }
/* стаггер внутри сеток */
.yvo-doki-home-page .hv2-steps-grid [data-reveal]:nth-child(2),
.yvo-doki-home-page .hv2-tools-grid [data-reveal]:nth-child(2),
.yvo-doki-home-page .hv2-why-grid [data-reveal]:nth-child(2) { transition-delay:.08s; }
.yvo-doki-home-page .hv2-steps-grid [data-reveal]:nth-child(3),
.yvo-doki-home-page .hv2-tools-grid [data-reveal]:nth-child(3),
.yvo-doki-home-page .hv2-why-grid [data-reveal]:nth-child(3) { transition-delay:.16s; }
.yvo-doki-home-page .hv2-steps-grid [data-reveal]:nth-child(4),
.yvo-doki-home-page .hv2-tools-grid [data-reveal]:nth-child(4),
.yvo-doki-home-page .hv2-why-grid [data-reveal]:nth-child(4) { transition-delay:.24s; }
.yvo-doki-home-page .hv2-tools-grid [data-reveal]:nth-child(5) { transition-delay:.32s; }
.yvo-doki-home-page .hv2-tools-grid [data-reveal]:nth-child(6) { transition-delay:.40s; }

/* ---- ДЕМО: фото документа → готовый договор (зациклено) ---- */
.yvo-doki-home-page .hv2-demo { display:flex; align-items:center; justify-content:center; gap:18px; flex-wrap:nowrap;
  max-width:900px; margin:0 auto clamp(28px,4vw,44px); }
.yvo-doki-home-page .hv2-demo__card { position:relative; flex:1 1 0; min-width:0; background:#fff; border:1px solid #eef1f7; border-radius:18px;
  padding:18px; box-shadow:0 22px 46px -26px rgba(15,23,42,.45); overflow:hidden; }
.yvo-doki-home-page .hv2-demo__tag { display:inline-block; font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase;
  color:#4a5bff; background:#eef1ff; border-radius:20px; padding:4px 11px; margin-bottom:12px; }
.yvo-doki-home-page .hv2-demo__tag--ok { color:#059669; background:#e7f8f0; }
/* паспорт */
.yvo-doki-home-page .hv2-demo__doc-body { display:flex; gap:12px; align-items:center; }
.yvo-doki-home-page .hv2-demo__ava { width:56px; height:66px; border-radius:10px; flex:0 0 auto; display:grid; place-items:center; color:#fff;
  background:linear-gradient(135deg,#6ea8ff,#4a5bff); }
.yvo-doki-home-page .hv2-demo__ava svg { width:26px; height:26px; }
.yvo-doki-home-page .hv2-demo__doc-lines { display:flex; flex-direction:column; gap:7px; min-width:0; }
.yvo-doki-home-page .hv2-demo__doc-lines span { font-size:12.5px; font-weight:700; color:#0f172a; white-space:nowrap; }
.yvo-doki-home-page .hv2-demo__doc-lines .l2, .yvo-doki-home-page .hv2-demo__doc-lines .l3 { font-weight:600; color:#64748b; font-size:12px; }
/* сканирующий луч */
.yvo-doki-home-page .hv2-demo__scan { position:absolute; left:0; right:0; height:34px; top:-12%;
  background:linear-gradient(180deg, rgba(74,91,255,0), rgba(74,91,255,.28), rgba(74,91,255,0));
  border-top:2px solid rgba(74,91,255,.9); box-shadow:0 0 22px 4px rgba(74,91,255,.35);
  animation:hv2-scan 7s linear infinite; }
/* поток данных */
.yvo-doki-home-page .hv2-demo__flow { position:relative; flex:0 0 64px; height:60px; display:grid; place-items:center; }
.yvo-doki-home-page .hv2-demo__arrow { color:#94a3b8; }
.yvo-doki-home-page .hv2-demo__arrow svg { width:26px; height:26px; }
.yvo-doki-home-page .hv2-demo__dot { position:absolute; left:2px; top:50%; width:9px; height:9px; border-radius:50%;
  background:linear-gradient(135deg,#6ea8ff,#7a6cff); opacity:0; animation:hv2-dot 7s linear infinite; }
.yvo-doki-home-page .hv2-demo__dot.d2 { animation-delay:.18s; }
.yvo-doki-home-page .hv2-demo__dot.d3 { animation-delay:.36s; }
/* договор */
.yvo-doki-home-page .hv2-demo__ct-title { font-size:14px; font-weight:800; color:#0f172a; margin-bottom:10px; }
.yvo-doki-home-page .hv2-demo__field { font-size:12.5px; color:#0f172a; margin:0 0 7px; display:flex; gap:6px; }
.yvo-doki-home-page .hv2-demo__field b { color:#64748b; font-weight:700; flex:0 0 auto; }
.yvo-doki-home-page .hv2-demo__field i { font-style:normal; font-weight:700; color:#4a5bff; opacity:0; }
.yvo-doki-home-page .hv2-demo__field.f1 i { animation:hv2-v1 7s ease-in-out infinite; }
.yvo-doki-home-page .hv2-demo__field.f2 i { animation:hv2-v2 7s ease-in-out infinite; }
.yvo-doki-home-page .hv2-demo__field.f3 i { animation:hv2-v3 7s ease-in-out infinite; }
.yvo-doki-home-page .hv2-demo__field.f4 i { animation:hv2-v4 7s ease-in-out infinite; }
.yvo-doki-home-page .hv2-demo__done { display:inline-block; margin-top:6px; font-size:11.5px; font-weight:800; color:#059669;
  background:#e7f8f0; border-radius:20px; padding:5px 12px; opacity:0; animation:hv2-done 7s ease-in-out infinite; }

@keyframes hv2-scan { 0%{top:-12%;opacity:0} 3%{opacity:.9} 22%{top:104%;opacity:.9} 26%,100%{top:-12%;opacity:0} }
@keyframes hv2-dot { 0%,22%{opacity:0;transform:translate(0,-50%) scale(.6)} 27%{opacity:1} 40%{opacity:0;transform:translate(58px,-50%) scale(.6)} 100%{opacity:0} }
@keyframes hv2-v1 { 0%,34%{opacity:0;transform:translateX(8px)} 41%,93%{opacity:1;transform:none} 98%,100%{opacity:0} }
@keyframes hv2-v2 { 0%,44%{opacity:0;transform:translateX(8px)} 51%,93%{opacity:1;transform:none} 98%,100%{opacity:0} }
@keyframes hv2-v3 { 0%,54%{opacity:0;transform:translateX(8px)} 61%,93%{opacity:1;transform:none} 98%,100%{opacity:0} }
@keyframes hv2-v4 { 0%,64%{opacity:0;transform:translateX(8px)} 71%,93%{opacity:1;transform:none} 98%,100%{opacity:0} }
@keyframes hv2-done { 0%,76%{opacity:0;transform:scale(.8)} 82%,93%{opacity:1;transform:none} 98%,100%{opacity:0} }

@media (max-width:620px){
  .yvo-doki-home-page .hv2-demo { flex-direction:column; }
  .yvo-doki-home-page .hv2-demo__flow { flex-basis:auto; height:40px; transform:rotate(90deg); }
}

/* ---- Оживление секции «Как это работает» ---- */
/* вход карточек с лёгким масштабом */
.yvo-doki-home-page .hv2-steps-grid [data-reveal] { transform: translateY(30px) scale(.95); }
.yvo-doki-home-page .hv2-steps-grid [data-reveal].is-in { transform: none; }
/* иконки мягко парят (со стаггером) */
.yvo-doki-home-page .hv2-step .hv2-ico { animation: hv2-float 3.4s ease-in-out infinite; transition: transform .25s ease, box-shadow .25s ease; }
.yvo-doki-home-page .hv2-steps-grid .hv2-step:nth-child(2) .hv2-ico { animation-delay:.4s; }
.yvo-doki-home-page .hv2-steps-grid .hv2-step:nth-child(3) .hv2-ico { animation-delay:.8s; }
.yvo-doki-home-page .hv2-steps-grid .hv2-step:nth-child(4) .hv2-ico { animation-delay:1.2s; }
.yvo-doki-home-page .hv2-step:hover .hv2-ico { animation:none; transform: scale(1.14) rotate(-6deg); box-shadow:0 18px 34px -8px color-mix(in srgb, var(--a2,#4a5bff) 65%, transparent); }
@keyframes hv2-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }
/* номера переливаются градиентом */
.yvo-doki-home-page .hv2-step__n { background-size: 220% 100%; animation: hv2-shine 3.2s linear infinite; }
.yvo-doki-home-page .hv2-steps-grid .hv2-step:nth-child(2) .hv2-step__n { animation-delay:.3s; }
.yvo-doki-home-page .hv2-steps-grid .hv2-step:nth-child(3) .hv2-step__n { animation-delay:.6s; }
.yvo-doki-home-page .hv2-steps-grid .hv2-step:nth-child(4) .hv2-step__n { animation-delay:.9s; }
@keyframes hv2-shine { 0% { background-position: 0% 50%; } 100% { background-position: 220% 50%; } }

@media (prefers-reduced-motion: reduce) {
  .yvo-doki-home-page [data-reveal] { opacity:1 !important; transform:none !important; transition:none !important; }
  .yvo-doki-home-page .hv2-step .hv2-ico, .yvo-doki-home-page .hv2-step__n { animation: none !important; }
  .yvo-doki-home-page .hv2-demo__scan, .yvo-doki-home-page .hv2-demo__dot { animation:none !important; opacity:0 !important; }
  .yvo-doki-home-page .hv2-demo__field i, .yvo-doki-home-page .hv2-demo__done { animation:none !important; opacity:1 !important; transform:none !important; }
}

/* ---- адаптив ---- */
@media (max-width: 960px) {
  .yvo-doki-home-page .hv2-intro__grid { grid-template-columns:1fr; gap:26px; }
  .yvo-doki-home-page .hv2-intro__stats { flex-direction:row; }
  .yvo-doki-home-page .hv2-stat { flex:1; }
  .yvo-doki-home-page .hv2-steps-grid { grid-template-columns:repeat(2,1fr); }
  .yvo-doki-home-page .hv2-why-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width: 620px) {
  .yvo-doki-home-page .hv2-intro__stats { flex-direction:column; }
  .yvo-doki-home-page .hv2-steps-grid, .yvo-doki-home-page .hv2-why-grid { grid-template-columns:1fr; }
  .yvo-doki-home-page .hv2-tools-grid { grid-template-columns:1fr; }
}

/* =========================================================
   ДЕМО v2: Загрузка → Чтение → Подстановка → Сборка (фазы через JS)
   ========================================================= */
.yvo-doki-home-page .hv2-demo2 { max-width:940px; margin:0 auto clamp(28px,4vw,44px); }
.yvo-doki-home-page .hv2-d2-steps { display:flex; gap:8px; justify-content:center; flex-wrap:wrap; margin-bottom:22px; }
.yvo-doki-home-page .hv2-d2-step { display:flex; align-items:center; gap:8px; font-size:13.5px; font-weight:700; color:#94a3b8; background:#fff; border:1px solid #eef1f7; border-radius:100px; padding:8px 15px; transition:.35s; }
.yvo-doki-home-page .hv2-d2-n { width:22px; height:22px; border-radius:50%; background:#e2e8f0; color:#64748b; display:grid; place-items:center; font-size:12px; font-weight:800; transition:.35s; }
.yvo-doki-home-page .hv2-d2-step.is-active { color:#1e2b6b; border-color:transparent; background:linear-gradient(120deg,#eef1ff,#f3edff); box-shadow:0 10px 22px -10px rgba(74,91,255,.5); }
.yvo-doki-home-page .hv2-d2-step.is-active .hv2-d2-n { background:linear-gradient(135deg,#6ea8ff,#4a5bff); color:#fff; transform:scale(1.08); }
.yvo-doki-home-page .hv2-d2-step.is-done { color:#059669; }
.yvo-doki-home-page .hv2-d2-step.is-done .hv2-d2-n { background:#059669; color:transparent; font-size:0; }
.yvo-doki-home-page .hv2-d2-step.is-done .hv2-d2-n::after { content:"\2713"; color:#fff; font-size:12px; }
.yvo-doki-home-page .hv2-d2-stage { display:flex; align-items:stretch; justify-content:center; gap:16px; }
.yvo-doki-home-page .hv2-d2-left, .yvo-doki-home-page .hv2-d2-right { flex:1 1 0; min-width:0; position:relative; background:#fff; border:1px solid #eef1f7; border-radius:18px; padding:18px; box-shadow:0 22px 46px -26px rgba(15,23,42,.45); overflow:hidden; min-height:176px; transition:box-shadow .4s, transform .4s; }
.yvo-doki-home-page .hv2-demo2[data-phase="upload"] .hv2-d2-left,
.yvo-doki-home-page .hv2-demo2[data-phase="read"] .hv2-d2-left { box-shadow:0 0 0 2px #6ea8ff, 0 26px 52px -24px rgba(74,91,255,.5); }
.yvo-doki-home-page .hv2-demo2[data-phase="fill"] .hv2-d2-right,
.yvo-doki-home-page .hv2-demo2[data-phase="build"] .hv2-d2-right { box-shadow:0 0 0 2px #34d99b, 0 26px 52px -24px rgba(5,150,105,.45); }
.yvo-doki-home-page .hv2-d2-upload { position:absolute; inset:0; z-index:3; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; background:linear-gradient(160deg,#f6f8ff,#fff); opacity:0; pointer-events:none; transition:opacity .4s; }
.yvo-doki-home-page .hv2-demo2[data-phase="upload"] .hv2-d2-upload { opacity:1; }
.yvo-doki-home-page .hv2-d2-uico { width:54px; height:54px; border-radius:15px; display:grid; place-items:center; color:#fff; background:linear-gradient(135deg,#6ea8ff,#4a5bff); box-shadow:0 14px 26px -8px rgba(74,91,255,.6); }
.yvo-doki-home-page .hv2-d2-uico svg { width:26px; height:26px; }
.yvo-doki-home-page .hv2-demo2[data-phase="upload"] .hv2-d2-uico { animation:hv2-up 1.4s ease-in-out infinite; }
.yvo-doki-home-page .hv2-d2-utext { font-size:13px; color:#475569; font-weight:600; }
.yvo-doki-home-page .hv2-d2-bar { width:72%; height:7px; border-radius:6px; background:#e8edf7; overflow:hidden; }
.yvo-doki-home-page .hv2-d2-bar i { display:block; height:100%; width:6%; border-radius:6px; background:linear-gradient(90deg,#6ea8ff,#4a5bff); }
.yvo-doki-home-page .hv2-demo2[data-phase="upload"] .hv2-d2-bar i { animation:hv2-prog 2.4s ease forwards; }
@keyframes hv2-up { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-7px)} }
@keyframes hv2-prog { 0%{width:6%} 100%{width:100%} }
.yvo-doki-home-page .hv2-d2-passtag { display:inline-block; font-size:11px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:#4a5bff; background:#eef1ff; border-radius:20px; padding:4px 11px; margin-bottom:12px; }
.yvo-doki-home-page .hv2-d2-passrow { display:flex; gap:12px; align-items:center; }
.yvo-doki-home-page .hv2-d2-ava { width:52px; height:64px; border-radius:10px; flex:0 0 auto; display:grid; place-items:center; color:#fff; background:linear-gradient(135deg,#6ea8ff,#4a5bff); }
.yvo-doki-home-page .hv2-d2-ava svg { width:24px; height:24px; }
.yvo-doki-home-page .hv2-d2-passlines { display:flex; flex-direction:column; gap:9px; min-width:0; }
.yvo-doki-home-page .pl { font-size:12.5px; font-weight:700; color:#0f172a; white-space:nowrap; display:flex; align-items:center; gap:7px; }
.yvo-doki-home-page .pl.pl2, .yvo-doki-home-page .pl.pl3 { font-weight:600; color:#64748b; }
.yvo-doki-home-page .pl .ok { opacity:0; transform:scale(.4); color:#059669; font-weight:900; transition:.3s; }
.yvo-doki-home-page .hv2-demo2[data-phase="read"] .pl .ok,
.yvo-doki-home-page .hv2-demo2[data-phase="fill"] .pl .ok,
.yvo-doki-home-page .hv2-demo2[data-phase="build"] .pl .ok { opacity:1; transform:none; }
.yvo-doki-home-page .hv2-demo2[data-phase="read"] .pl1 .ok { transition-delay:.25s; }
.yvo-doki-home-page .hv2-demo2[data-phase="read"] .pl2 .ok { transition-delay:.6s; }
.yvo-doki-home-page .hv2-demo2[data-phase="read"] .pl3 .ok { transition-delay:.95s; }
.yvo-doki-home-page .hv2-d2-scan { position:absolute; left:0; right:0; height:34px; top:-14%; opacity:0; background:linear-gradient(180deg,rgba(74,91,255,0),rgba(74,91,255,.28),rgba(74,91,255,0)); border-top:2px solid rgba(74,91,255,.9); box-shadow:0 0 22px 4px rgba(74,91,255,.35); }
.yvo-doki-home-page .hv2-demo2[data-phase="read"] .hv2-d2-scan { animation:hv2-scan 1.6s ease-in-out infinite; }
@keyframes hv2-scan { 0%{top:-14%;opacity:0} 10%{opacity:.9} 85%{top:106%;opacity:.9} 100%{top:106%;opacity:0} }
.yvo-doki-home-page .hv2-d2-flow { position:relative; flex:0 0 74px; }
.yvo-doki-home-page .hv2-d2-chip { position:absolute; left:0; font-size:11px; font-weight:800; color:#fff; background:linear-gradient(135deg,#6ea8ff,#7a6cff); border-radius:20px; padding:4px 10px; opacity:0; white-space:nowrap; box-shadow:0 8px 16px -6px rgba(74,91,255,.6); }
.yvo-doki-home-page .hv2-d2-chip.c1 { top:16%; } .yvo-doki-home-page .hv2-d2-chip.c2 { top:46%; } .yvo-doki-home-page .hv2-d2-chip.c3 { top:74%; }
.yvo-doki-home-page .hv2-demo2[data-phase="fill"] .hv2-d2-chip { animation:hv2-fly 1.6s ease-in-out infinite; }
.yvo-doki-home-page .hv2-demo2[data-phase="fill"] .hv2-d2-chip.c2 { animation-delay:.28s; }
.yvo-doki-home-page .hv2-demo2[data-phase="fill"] .hv2-d2-chip.c3 { animation-delay:.56s; }
@keyframes hv2-fly { 0%{opacity:0;transform:translateX(-12px) scale(.8)} 22%{opacity:1} 68%{opacity:1;transform:translateX(54px) scale(.85)} 100%{opacity:0;transform:translateX(74px) scale(.7)} }
.yvo-doki-home-page .hv2-d2-cttag { display:inline-block; font-size:11px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:#059669; background:#e7f8f0; border-radius:20px; padding:4px 11px; margin-bottom:10px; }
.yvo-doki-home-page .hv2-d2-cttitle { font-size:14px; font-weight:800; color:#0f172a; margin-bottom:12px; }
.yvo-doki-home-page .hv2-d2-f { display:flex; justify-content:space-between; gap:10px; font-size:12.5px; margin:0 0 8px; border-bottom:1px dashed #eef1f7; padding-bottom:6px; }
.yvo-doki-home-page .hv2-d2-f b { color:#94a3b8; font-weight:700; }
.yvo-doki-home-page .hv2-d2-f i { font-style:normal; font-weight:800; color:#4a5bff; opacity:0; transform:translateX(8px); transition:opacity .45s, transform .45s; }
.yvo-doki-home-page .hv2-demo2[data-phase="build"] .hv2-d2-f i { opacity:1; transform:none; }
.yvo-doki-home-page .hv2-demo2[data-phase="build"] .f1 i { transition-delay:.1s; }
.yvo-doki-home-page .hv2-demo2[data-phase="build"] .f2 i { transition-delay:.3s; }
.yvo-doki-home-page .hv2-demo2[data-phase="build"] .f3 i { transition-delay:.5s; }
.yvo-doki-home-page .hv2-demo2[data-phase="build"] .f4 i { transition-delay:.7s; }
.yvo-doki-home-page .hv2-d2-ctfoot { display:flex; align-items:center; gap:12px; margin-top:12px; opacity:0; transform:translateY(6px); transition:.45s .95s; }
.yvo-doki-home-page .hv2-demo2[data-phase="build"] .hv2-d2-ctfoot { opacity:1; transform:none; }
.yvo-doki-home-page .hv2-d2-done { font-size:11.5px; font-weight:800; color:#059669; background:#e7f8f0; border-radius:20px; padding:5px 11px; }
.yvo-doki-home-page .hv2-d2-word { display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:800; color:#4a5bff; }
.yvo-doki-home-page .hv2-d2-word svg { width:16px; height:16px; }
@media (max-width:640px) {
  .yvo-doki-home-page .hv2-d2-stage { flex-direction:column; }
  .yvo-doki-home-page .hv2-d2-flow { flex-basis:auto; height:44px; }
  .yvo-doki-home-page .hv2-d2-chip.c1 { top:20%; left:36%; } .yvo-doki-home-page .hv2-d2-chip.c2 { top:20%; left:44%; } .yvo-doki-home-page .hv2-d2-chip.c3 { top:20%; left:52%; }
}
@media (prefers-reduced-motion: reduce) {
  .yvo-doki-home-page .hv2-d2-scan, .yvo-doki-home-page .hv2-d2-chip, .yvo-doki-home-page .hv2-d2-uico, .yvo-doki-home-page .hv2-d2-bar i { animation:none !important; }
  .yvo-doki-home-page .hv2-d2-f i, .yvo-doki-home-page .pl .ok, .yvo-doki-home-page .hv2-d2-ctfoot { opacity:1 !important; transform:none !important; transition:none !important; }
}

/* ============ ПОЛИРОВКА демо: детали красивее и современнее ============ */
/* карточки: мягкие многослойные тени + чуть стекла */
.yvo-doki-home-page .hv2-d2-left, .yvo-doki-home-page .hv2-d2-right {
  border-radius:20px;
  background:linear-gradient(180deg,#ffffff,#fdfefe);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9), 0 2px 6px rgba(15,23,42,.05), 0 30px 62px -34px rgba(30,43,107,.45);
}
/* дышащее свечение активной карточки (вместо статичной рамки) */
.yvo-doki-home-page .hv2-demo2[data-phase="upload"] .hv2-d2-left,
.yvo-doki-home-page .hv2-demo2[data-phase="read"] .hv2-d2-left { animation:hv2-glowb 2.4s ease-in-out infinite; }
.yvo-doki-home-page .hv2-demo2[data-phase="fill"] .hv2-d2-right,
.yvo-doki-home-page .hv2-demo2[data-phase="build"] .hv2-d2-right { animation:hv2-glowg 2.4s ease-in-out infinite; }
@keyframes hv2-glowb { 0%,100%{ box-shadow:0 0 0 1.5px #7ba9ff, 0 18px 42px -22px rgba(74,91,255,.5) } 50%{ box-shadow:0 0 0 1.5px #aecaff, 0 28px 64px -18px rgba(74,91,255,.72) } }
@keyframes hv2-glowg { 0%,100%{ box-shadow:0 0 0 1.5px #4fd6b0, 0 18px 42px -22px rgba(5,150,105,.42) } 50%{ box-shadow:0 0 0 1.5px #8ee9cd, 0 28px 64px -18px rgba(5,150,105,.66) } }
/* прогресс-бар: бегущий блик */
.yvo-doki-home-page .hv2-demo2[data-phase="upload"] .hv2-d2-bar i { position:relative; overflow:hidden; }
.yvo-doki-home-page .hv2-demo2[data-phase="upload"] .hv2-d2-bar i::after {
  content:""; position:absolute; inset:0; background:linear-gradient(90deg, transparent, rgba(255,255,255,.65), transparent);
  transform:translateX(-100%); animation:hv2-shine2 1.1s linear infinite;
}
@keyframes hv2-shine2 { to { transform:translateX(220%); } }
/* иконка загрузки: мягкая тень-пульс */
.yvo-doki-home-page .hv2-demo2[data-phase="upload"] .hv2-d2-uico { box-shadow:0 16px 30px -8px rgba(74,91,255,.65); }
/* галочки: пружинный «поп» */
.yvo-doki-home-page .pl .ok { transform:scale(.2); transition:opacity .25s ease, transform .5s cubic-bezier(.34,1.75,.5,1); }
/* чипы: стекло + внутренняя обводка */
.yvo-doki-home-page .hv2-d2-chip { backdrop-filter:blur(4px); box-shadow:0 8px 18px -6px rgba(74,91,255,.6), inset 0 0 0 1px rgba(255,255,255,.28); }
/* значения договора: плавнее вход */
.yvo-doki-home-page .hv2-d2-f i { transition:opacity .5s ease, transform .55s cubic-bezier(.2,.8,.2,1); text-shadow:0 1px 0 rgba(255,255,255,.6); }
/* строка договора «вспыхивает» при заполнении */
.yvo-doki-home-page .hv2-demo2[data-phase="build"] .hv2-d2-f { animation:hv2-rowflash 1.2s ease; border-radius:8px; }
.yvo-doki-home-page .hv2-demo2[data-phase="build"] .f2 { animation-delay:.2s; }
.yvo-doki-home-page .hv2-demo2[data-phase="build"] .f3 { animation-delay:.4s; }
.yvo-doki-home-page .hv2-demo2[data-phase="build"] .f4 { animation-delay:.6s; }
@keyframes hv2-rowflash { 0%{ background:rgba(74,91,255,.16); box-shadow:0 0 0 6px rgba(74,91,255,.05) } 100%{ background:transparent; box-shadow:none } }
/* «Готово» — мягкий поп */
.yvo-doki-home-page .hv2-demo2[data-phase="build"] .hv2-d2-done { animation:hv2-pop .5s cubic-bezier(.34,1.7,.5,1) .95s both; }
@keyframes hv2-pop { 0%{ transform:scale(.6); opacity:0 } 100%{ transform:scale(1); opacity:1 } }
/* активный шаг: пульс свечения */
.yvo-doki-home-page .hv2-d2-step.is-active { animation:hv2-steppulse 2s ease-in-out infinite; }
@keyframes hv2-steppulse { 0%,100%{ box-shadow:0 10px 22px -10px rgba(74,91,255,.5) } 50%{ box-shadow:0 14px 32px -8px rgba(74,91,255,.78) } }
.yvo-doki-home-page .hv2-d2-step { transition:.4s cubic-bezier(.2,.8,.2,1); }
/* аккуратный «печатающий» курсор у последнего заполняемого значения */
.yvo-doki-home-page .hv2-demo2[data-phase="build"] .f4 i::after { content:"▍"; color:#4a5bff; margin-left:2px; animation:hv2-caret .8s steps(1) 3; }
@keyframes hv2-caret { 50%{ opacity:0 } }
@media (prefers-reduced-motion: reduce) {
  .yvo-doki-home-page .hv2-d2-left, .yvo-doki-home-page .hv2-d2-right,
  .yvo-doki-home-page .hv2-d2-step.is-active, .yvo-doki-home-page .hv2-d2-uico { animation:none !important; }
  .yvo-doki-home-page .pl .ok { transform:none !important; }
  .yvo-doki-home-page .hv2-d2-f i::after { content:none !important; }
}

/* при активном GSAP отключаем CSS-переход reveal, чтобы не было двойной анимации */
.yvo-doki-home-page.gsap-on [data-reveal] { transition: none !important; }