/*
             ___
  __      __/ _ \ _ __  _ __   __ _
  \ \ /\ / / | | | '_ \| '_ \ / _` |
   \ V  V /| |_| | | | | | | | (_| |
    \_/\_/  \___/|_| |_|_| |_|\__,_|

  made by w0nna · HANC Studio
*/

/* Лендинг HANC Studio 2.0 («Лендинг 2.0»). Токены, шрифты и общие примитивы (hs-*, ob-*, hl-*) приходят из
   /studio2/core.css, навигация из /studio2/pubnav.css; здесь только раскладка страницы. Макет нарисован на
   холсте 1440px с фиксированными высотами секций: здесь те же значения, но высоты текут от контента,
   а сцены с абсолютными координатами масштабируются через --k (его уточняет landing.js). */

html{scroll-padding-top:96px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body.ld{overflow-x:clip}
.ld img{max-width:none}
.ld-skip{position:fixed;left:16px;top:-80px;z-index:60;padding:10px 16px;border-radius:999px;background:var(--pri);color:var(--onpri);font-size:14px;font-weight:600}
.ld-skip:focus{top:16px}
.ld .pn-bar{position:fixed;z-index:50}
/* Шесть якорей лендинга не помещаются в пилюлю уже на ~1100px (общий pubnav.css прячет их только с 899px):
   здесь бургер и мобильная панель включаются раньше */
@media (min-width:900px) and (max-width:1100px){
  .ld .pn-links,.ld .pn-login{display:none}
  .ld .pn-burger{display:flex}
  .ld .pn-mob:not([hidden]){display:flex!important}
}

.ld-wrap{width:100%;max-width:1232px;margin:0 auto;padding:0 16px;box-sizing:border-box}
.ld-col{display:flex;flex-direction:column;align-items:center;gap:40px}
.ld-gap56{gap:clamp(36px,4vw,56px)}
.ld-gap48{gap:clamp(32px,3.4vw,48px)}
.ld-center{text-align:center}
.ld-grow{flex-grow:1;min-width:0}
.ld-mw640{max-width:640px}.ld-mw620{max-width:620px}.ld-mw560{max-width:560px}
.ld-row-sb{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ld-eyebrow{font-size:12px;letter-spacing:.16em;color:var(--vhi)}
.ld-h2{font-size:clamp(32px,4.2vw,56px);letter-spacing:-0.045em}
.ld-h2-60{font-size:clamp(34px,4.5vw,60px)}
.ld-lead-s{font-size:17.5px}
.ld-ok-ic{width:22px;height:22px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--oksoft);border-radius:999px;color:var(--ok)}
.ld-dot-v{width:6px;height:6px;flex-shrink:0;border-radius:999px;background:var(--vio)}

/* Кнопки макета */
.ld-btn-p{display:inline-flex;align-items:center;gap:10px;background:var(--pri);border:0;border-radius:999px;color:var(--onpri);font-weight:600;white-space:nowrap}
.ld-btn-lg{height:54px;padding:0 26px;font-size:16px}
.ld-btn-xl{height:58px;padding:0 32px;font-size:17px;margin-top:10px}
.ld-btn-play{height:54px;box-sizing:border-box;padding:0 22px 0 10px;display:inline-flex;align-items:center;gap:10px;background:var(--tint);border:1px solid var(--line2);border-radius:999px;color:var(--ink);font-size:16px;font-weight:500;white-space:nowrap}
.ld-play-dot{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:var(--tint2);border-radius:999px}
.ld-btn-s{height:50px;box-sizing:border-box;padding:0 24px;display:inline-flex;align-items:center;gap:8px;background:var(--tint);border:1px solid var(--line2);border-radius:999px;color:var(--ink);font-size:15px;font-weight:600;white-space:nowrap}
.ld-btn-sm{height:46px;padding:0 20px;font-size:14.5px}
.ld-btn-b{height:50px;padding:0 24px;display:inline-flex;align-items:center;background:#7c3aed;border:0;border-radius:999px;color:#ffffff;font-size:15px;font-weight:600;box-shadow:0 10px 30px -8px #7c3aedb3;white-space:nowrap}
.ld-btn-w{margin-top:6px;height:48px;padding:0 22px;display:inline-flex;align-items:center;gap:8px;background:#ffffff;border-radius:999px;color:#c2410c;font-size:15px;font-weight:600}
.ld-btn-or{height:44px;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(160deg,#ff8a3d 0%,#ff6a1a 60%);border:0;border-radius:12px;color:#ffffff;font-size:14.5px;font-weight:600;box-shadow:0 10px 30px -10px #ff6a1acc}

/* ================= HERO (первый экран) ================= */
/* Сцена и оверлей подписей рисуются в координатах макета 1440x900: --k масштабирует их, --cx/--cy задают точку
   макета, которая встает в центр героя. landing.js пересчитывает --k и --cx по ширине так, чтобы текст и стопка
   слоев стояли друг к другу как на холсте 1440 (ниже значения для страницы без JS). */
.ld-hero{position:relative;min-height:calc(900px * var(--k));overflow:clip;background:var(--canvas);--k:1;--cx:720;--cy:0}
.ld-hero-glow{position:absolute;left:50%;top:-460px;width:1200px;height:900px;margin-left:-600px;border-radius:50%;background:radial-gradient(closest-side,var(--hero-glow),transparent);pointer-events:none}
.ld-hero-in{position:relative;z-index:3;padding-top:max(140px,calc(290px * var(--k)))}
.ld-hero-text{width:680px;max-width:100%;display:flex;flex-direction:column;align-items:flex-start;text-align:left}
.ld-h1{font-size:clamp(34px,3.75vw,54px);line-height:1.06;letter-spacing:-0.055em;animation-delay:80ms}
.ld-hero-ctas{margin-top:34px;display:flex;flex-wrap:wrap;align-items:center;gap:14px}
/* В макете первая кнопка - <button> (без наследуемого letter-spacing), у второй рамка поверх высоты 54px */
.ld-hero-ctas .ld-btn-p{letter-spacing:normal}
.ld-hero-ctas .ld-btn-play{box-sizing:content-box}
.ld-hero-note{margin-top:18px;font-size:14px;color:var(--ink3)}
.ld-hero-art{position:absolute;inset:0;pointer-events:none}
.ld-scene.ob-scene,.ld-leg.ob-leg{left:50%;top:0;transform-origin:0 0;transform:translate(calc(var(--cx) * -1px * var(--k)),calc(var(--cy) * -1px * var(--k))) scale(var(--k))}
.ld-cap.ob-cap-line{left:calc(50% + (914 - var(--cx)) * var(--k) * 1px);top:calc(768px * var(--k));width:800px;max-width:calc(100% - 32px);transform:translateX(-50%);text-align:center}
/* Десктоп: заголовок и ширина текстового блока масштабируются тем же --k, что и сцена, иначе длинные EN/DE
   строки на 1100-1300px уходят в одну строку и заезжают на стопку */
@media (min-width:900px){
  .ld-hero-text{width:calc(680px * var(--k))}
  .ld-h1{font-size:calc(54px * var(--k))}
  /* Кнопки и подпись масштабируются вместе со сценой: фиксированный ряд на 950-1100px заезжал на угол стопки */
  .ld-hero-ctas,.ld-hero-note{zoom:var(--k)}
}
@media (min-width:900px) and (max-width:1179px){.ld-hero{--k:.82;--cx:770}}
@media (min-width:1180px) and (max-width:1439px){.ld-hero{--k:.93;--cx:760}}
@media (max-width:899px){
  .ld-hero{min-height:0;--k:.5;--cx:914;--cy:190}
  .ld-hero-in{padding-top:124px}
  .ld-hero-art{position:relative;inset:auto;height:calc(640px * var(--k) + 56px);margin-top:12px}
  .ld-leg.ob-leg{display:none}
  .ld-cap.ob-cap-line{left:16px;right:16px;top:auto;bottom:16px;width:auto;max-width:none;transform:none}
}
@media (max-width:520px){
  .ld-hero-ctas{gap:10px}
  .ld-btn-lg,.ld-btn-play{height:50px;font-size:15px}
}

/* Стопка слоев (правки «Лендинга 2.0» поверх общих ob-* из core.css, только для этой страницы):
   стопка сдвинута влево, слои без поочередной задержки, при сборке пружинят. */
.ld-scene .ob-floor{left:504px}
.ld-scene .ob-rig{left:724px}
.ld-scene .ob-l{transition:transform 1500ms cubic-bezier(.16,1,.3,1)}
.ld-scene .ob-l.is-in{transition-duration:950ms;transition-timing-function:cubic-bezier(.34,1.42,.5,1)}
.ld-scene .ob-l.is-lit .ob-f{animation:ld-ob-lit 700ms cubic-bezier(.2,.8,.2,1)}
@keyframes ld-ob-lit{0%{box-shadow:inset 0 0 0 1.5px #fff,0 0 0 0 #9868f8}60%{box-shadow:inset 0 0 0 1.5px #b79bff,0 0 90px 4px #7c3aedcc}100%{box-shadow:inset 0 0 0 1.5px #9868f8,0 0 60px -6px #7c3aedcc}}
/* Световые стойки между разведенными слоями, по ним бежит блик; при сборке стойки схлопываются */
.ld-scene .ob-br{position:absolute;width:3px;height:76px;margin-left:-1.5px;transform-origin:50% 0;transform:rotateX(90deg);transform-style:preserve-3d;background:linear-gradient(180deg,rgba(216,200,255,.95),rgba(152,104,248,.55) 60%,rgba(124,58,237,.1));box-shadow:0 0 12px #9868f8,0 0 24px #7c3aed;transition:transform 1500ms cubic-bezier(.16,1,.3,1),opacity 700ms;pointer-events:none}
.ld-scene .ob-br::before{content:"";position:absolute;inset:0;background:inherit;box-shadow:inherit;transform:rotateY(90deg)}
.ld-scene .ob-br::after{content:"";position:absolute;left:-2px;width:6px;height:14px;border-radius:6px;background:#fff;box-shadow:0 0 10px #fff,0 0 20px #b79bff;animation:ld-ob-flow 2.2s cubic-bezier(.65,0,.35,1) infinite}
@keyframes ld-ob-flow{0%{top:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{top:62px;opacity:0}}
.ld-scene .ob-l1 .ob-br::after{animation-delay:.35s}.ld-scene .ob-l2 .ob-br::after{animation-delay:.7s}.ld-scene .ob-l3 .ob-br::after{animation-delay:1.05s}.ld-scene .ob-l4 .ob-br::after{animation-delay:1.4s}
.ld-scene .ob-br:nth-child(2)::after{animation-delay:.2s}.ld-scene .ob-br:nth-child(3)::after{animation-delay:.5s}.ld-scene .ob-br:nth-child(4)::after{animation-delay:.8s}
.ld-scene .ob-l.is-in .ob-br{transform:rotateX(90deg) scaleY(.05);opacity:0;transition:transform 900ms cubic-bezier(.34,1.42,.5,1),opacity 300ms}
/* Первый кадр со скриптом: стопка сразу разведена, без анимации из собранного состояния разметки */
.ld-scene .ob-rig.ld-snap .ob-l,.ld-scene .ob-rig.ld-snap .ob-br,.ld-scene .ob-rig.ld-snap .ob-f,.ld-scene .ob-rig.ld-snap .ob-mark{transition:none}
/* Точка крепления подписи: нижний край слоя на 78% ширины */
.ld-scene .ob-anc{position:absolute;left:78%;top:100%;width:2px;height:2px;margin:-1px 0 0 -1px}

/* Подписи слоев: плоский оверлей поверх сцены. Линии и позиции ставит landing.js; пункт виден, пока его слой
   разведен (.on), и подсвечивается вместе со слоем (.lit). Значения итоговые, после !important-правок макета. */
.ld-leg.ob-leg{position:absolute;width:1440px;height:900px;z-index:4;pointer-events:none}
.ld-leg .ob-lsvg{position:absolute;inset:0;overflow:visible}
.ld-leg .ob-lp{fill:none;stroke:rgba(183,155,255,.55);stroke-width:1;stroke-dasharray:420;stroke-dashoffset:420;transition:stroke-dashoffset 700ms cubic-bezier(.65,0,.35,1),stroke 300ms}
.ld-leg .ob-lp:nth-of-type(1){--d:500ms}
.ld-leg .ob-lp.on{stroke-dashoffset:0;transition-delay:var(--d,0ms)}
.ld-leg .ob-lp.lit{stroke:#fff}
.ld-leg .ob-lc{fill:#0b0911;stroke:#d8c8ff;stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(0);transition:transform 500ms cubic-bezier(.34,1.56,.64,1),opacity 200ms;filter:drop-shadow(0 0 6px #9868f8)}
.ld-leg .ob-lc.on{opacity:1;transform:scale(1)}
.hs-root.is-light .ld-leg .ob-lc{fill:#fff;stroke:#7c3aed}
.ld-leg .ob-lt{position:absolute;left:0;top:0;width:190px;display:flex;align-items:flex-start;gap:10px;opacity:0;clip-path:inset(0 100% 0 0);transition:opacity 300ms,clip-path 700ms cubic-bezier(.16,1,.3,1),box-shadow 300ms;white-space:normal}
.ld-leg .ob-lt.on{opacity:1;clip-path:inset(-10px -10px -10px 0);transition-delay:calc(var(--d,0ms) + 400ms)}
.ld-leg .ob-lt[data-k="0"]{--d:500ms}.ld-leg .ob-lt[data-k="1"]{--d:400ms}.ld-leg .ob-lt[data-k="2"]{--d:300ms}.ld-leg .ob-lt[data-k="3"]{--d:200ms}.ld-leg .ob-lt[data-k="4"]{--d:100ms}.ld-leg .ob-lt[data-k="5"]{--d:0ms}
.ld-leg .ob-lt b{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding-top:4px;font:600 10.5px "Unbounded",sans-serif;letter-spacing:.02em;color:#9868f8}
.ld-leg .ob-lt span{display:flex;flex-direction:column;gap:2px}
.ld-leg .ob-lt em{position:relative;font:500 15px/1.25 "Onest",sans-serif;letter-spacing:-0.01em;color:#e4e4e7;transition:color 300ms,text-shadow 300ms}
.ld-leg .ob-lt em::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:2px;border-radius:2px;background:linear-gradient(90deg,#fff,#b79bff 40%,rgba(124,58,237,0));box-shadow:0 0 10px #9868f8;transform:scaleX(0);transform-origin:0 50%;transition:transform 500ms cubic-bezier(.16,1,.3,1)}
.ld-leg .ob-lt small{margin-top:6px;font-size:12px;line-height:1.3;color:#6b6b75}
.ld-leg .ob-lt.lit em{color:#fff;text-shadow:0 0 18px rgba(183,155,255,.7)}
.ld-leg .ob-lt.lit em::after{transform:scaleX(1)}
.ld-leg .ob-lt.lit b{color:#fff}
.ld-leg .ob-lt[data-k="5"] b{color:#fff}
.ld-leg .ob-lt[data-k="5"] em{font-weight:600;color:#fff}
.hs-root.is-light .ld-leg .ob-lt em{color:#18181b}
.hs-root.is-light .ld-leg .ob-lt[data-k="5"] em{color:#0a0a0a}
.hs-root.is-light .ld-leg .ob-lt[data-k="5"] b{color:#7c3aed}

/* ================= ЛИНЗА ================= */
.ld-lens{position:relative;padding:110px 0 clamp(48px,7.6vw,110px);background:var(--canvas);overflow:clip}
.ld-head-c{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 16px}
.ld-h2-lens{margin-top:18px;font-size:clamp(28px,3.7vw,50px);line-height:1.08}
.ld-lens-stage.hl-stage{position:relative;left:auto;top:auto;width:100%;height:540px;margin-top:36px;--lx:50vw;--ly:312px}
.ld-lens-stage .hl-wall{width:100%;height:100%}
@media (max-width:760px){
  .ld-lens{padding-top:88px}
  .ld-lens-stage.hl-stage{height:360px;--ly:200px;--lr:108px;margin-top:20px}
  .ld-lens-stage .hl-row{height:56px}
  .ld-lens-stage .hl-cell{font-size:22px;padding-right:60px}
  .ld-lens-stage .hl-cell::after{right:26px;width:6px;height:6px;margin-top:-3px}
  .ld-lens-stage .hl-e::before{top:-17px;font-size:9.5px}
}

/* ================= РЕЛИЗ 2.0 ================= */
.ld-rel{position:relative;overflow:clip;background:var(--canvas);padding:clamp(96px,14vw,215px) 0}
.ld-big20.hs-big{position:absolute;left:-60px;top:clamp(60px,11.8vw,170px);font-size:clamp(200px,36vw,520px);z-index:0}
.ld-rel-halo{left:calc(50% - 60px);top:180px;width:760px;height:560px;filter:blur(50px)}
.ld-rel-in{position:relative;z-index:2;display:grid;grid-template-columns:500px minmax(0,1fr);gap:40px;align-items:center}
.ld-rel-text{display:flex;flex-direction:column;gap:24px}
.ld-pill-v{align-self:flex-start;height:30px;padding:0 12px;display:flex;align-items:center;background:#7c3aed;border-radius:999px;font-size:11.5px;letter-spacing:.14em;color:#ffffff}
.ld-rel .ld-h2{font-size:clamp(30px,3.7vw,50px)}
.ld-term{justify-self:end;box-sizing:border-box;width:660px;max-width:100%;min-height:470px;display:flex;flex-direction:column;background:#07070a;border:1px solid #ffffff29;border-radius:22px;overflow:hidden;box-shadow:0 50px 120px -40px #000000,0 0 80px -30px #7c3aed99;color:#fafafa}
.ld-term-bar{height:44px;flex-shrink:0;padding:0 16px;display:flex;align-items:center;gap:14px;border-bottom:1px solid #ffffff14;background:#0c0c10}
.ld-term-dots{display:flex;gap:7px}.ld-term-dots span{width:10px;height:10px;border-radius:999px}
.ld-term-title{flex-grow:1;text-align:center;font-size:12px;color:#83838d;padding-right:44px}
.ld-term-body{padding:22px 24px;display:flex;flex-direction:column;gap:9px;font-size:14.5px;line-height:1.6}
.ld-term-ver{font-size:28px;line-height:1.2;font-weight:600;color:#fafafa}
.ld-mute{color:#83838d}.ld-v{color:#b79bff}.ld-plus{color:#4ade80}
@media (max-width:1100px){
  .ld-rel-in{grid-template-columns:minmax(0,1fr)}
  .ld-rel-text{max-width:600px}
  .ld-term{justify-self:stretch;width:100%;min-height:0}
}
@media (max-width:760px){
  .ld-term .hs-tl{white-space:normal;animation:none}
  .ld-term-body{padding:18px;font-size:13.5px}
}

/* ================= ТРИ СПОСОБА ================= */
.ld-ways{position:relative;padding:120px 0 clamp(72px,8vw,110px);background:var(--canvas)}
.ld-alias{position:absolute;top:0;left:0}
.ld-tabs{width:1000px;max-width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--line2)}
.ld-tab{position:relative;height:76px;padding:0 8px;display:flex;align-items:center;justify-content:center;gap:12px;background:#00000000;border:0;color:var(--ink3);font-family:Unbounded,Onest,sans-serif;font-size:20px;font-weight:600;letter-spacing:-0.03em;line-height:1.15;text-align:center}
.ld-tab-n{font-size:12px;font-weight:500;letter-spacing:.1em;color:var(--vhi)}
.ld-tab-bar{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,#7c3aed,#b79bff);box-shadow:0 0 12px #9868f8}
.hs-tab.is-on .ld-tab-bar{transform:scaleX(1)}
@media (prefers-reduced-motion:no-preference){.hs-tab.is-on .ld-tab-bar{transform:scaleX(0)}.ld-ways.is-paused .hs-tab.is-on .ld-tab-bar,.ld-ways.is-manual .hs-tab.is-on .ld-tab-bar{animation:none;transform:scaleX(1)}}
.ld-ways-box{position:relative;width:100%;display:grid;border-radius:36px;overflow:hidden;background:var(--s1);border:1px solid var(--line)}
.ld-ways-halo{left:calc(50% - 40px);top:40px;width:640px;height:520px;filter:blur(50px);opacity:.35}
.ld-pane.hs-pane{position:relative;inset:auto;grid-area:1/1;display:grid;grid-template-columns:440px minmax(0,1fr);gap:40px;align-items:center;padding:70px 56px}
.ld-pane-text{display:flex;flex-direction:column;gap:20px}
.ld-pane-n{font-size:120px;line-height:.85;letter-spacing:-0.07em;background-image:linear-gradient(180deg,var(--vhi),transparent);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.ld-h3-xl{font-size:clamp(26px,2.6vw,36px);letter-spacing:-0.04em}
.ld-pane-vis{position:relative;height:460px;box-sizing:border-box;border-radius:26px}
.ld-chat{padding:34px;display:flex;flex-direction:column;justify-content:flex-end;gap:14px;background-color:var(--graph);border:1px solid var(--line)}
.ld-bub-me{align-self:flex-end;max-width:420px;padding:16px 18px;background:var(--s4);border-radius:20px 20px 6px 20px;font-size:16px;line-height:1.5;color:var(--ink)}
.ld-bub-row{display:flex;align-items:flex-start;gap:12px}
.ld-bub-row img{width:28px;height:26px;flex-shrink:0}
.ld-bub-col{display:flex;flex-direction:column;gap:8px;min-width:0}
.ld-bub-ai{padding:12px 16px;background:var(--vsoft);border:1px solid var(--vline);border-radius:6px 20px 20px 20px;font-size:15px;color:var(--ink)}
.ld-chip-pri{align-self:flex-start;height:36px;padding:0 16px;display:flex;align-items:center;background:var(--pri);border-radius:999px;font-size:14px;font-weight:600;color:var(--onpri);white-space:nowrap}
.ld-chip-lg{height:44px;padding:0 22px;font-size:15px}
.ld-form{padding:34px;display:flex;flex-direction:column;gap:14px;background:var(--s2);border:1px solid var(--line)}
.ld-lbl{font-size:11px;letter-spacing:.14em;color:var(--ink3)}
.ld-sel{height:48px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;background:var(--s1);border:1px solid var(--vio);border-radius:12px;box-shadow:0 0 0 4px var(--vsoft);font-size:16px;font-weight:500;color:var(--ink)}
.ld-tags{display:flex;flex-wrap:wrap;gap:8px}
.ld-tag-on,.ld-tag-off{height:36px;box-sizing:border-box;padding:0 14px;display:flex;align-items:center;border-radius:999px;font-size:14px;font-weight:500}
.ld-tag-on{background:var(--ink);color:var(--canvas)}
.ld-tag-off{background:var(--tint);border:1px solid var(--line2);color:var(--ink)}
.ld-inp{height:48px;padding:0 16px;display:flex;align-items:center;background:var(--s1);border:1px solid var(--line2);border-radius:12px;font-size:15px;color:var(--ink2)}
.ld-form-foot{margin-top:auto;display:flex;justify-content:flex-end}
.ld-docx{background:var(--s2);border:1px solid var(--line);overflow:hidden}
.ld-docx-back{position:absolute;left:calc(50% - 194px);top:70px;width:250px;height:330px;background:var(--s1);border:1px solid var(--line2);border-radius:16px;transform:rotate(-8deg);box-shadow:0 30px 60px -30px var(--shadow)}
.ld-docx-front{position:absolute;left:calc(50% - 134px);top:44px;width:270px;height:350px;box-sizing:border-box;padding:24px;display:flex;flex-direction:column;gap:12px;background:var(--s1);border:1px solid var(--line2);border-radius:16px;transform:rotate(4deg);box-shadow:0 40px 80px -30px var(--shadow)}
.ld-docx-tag{align-self:flex-start;height:24px;padding:0 8px;display:flex;align-items:center;background:#2b579a;border-radius:6px;font-size:11px;color:#ffffff}
.ld-docx-t{font-size:15px;font-weight:600;line-height:1.3;color:var(--ink)}
.ld-ln{display:block;height:7px;flex-shrink:0;background:var(--s4);border-radius:4px}
.ld-ln-v{background:var(--vline)}
.ld-docx-ok{position:absolute;left:calc(50% + 76px);top:300px;height:48px;padding:0 16px;display:flex;align-items:center;gap:10px;background:var(--glass);border:1px solid var(--line2);border-radius:14px;box-shadow:0 20px 40px -20px var(--shadow);font-size:14px;font-weight:500;color:var(--ink);white-space:nowrap}
/* Без JS табы не работают: показываем все три способа подряд */
html:not(.js) .ld-tabs{display:none}
html:not(.js) .ld-ways-box{display:flex;flex-direction:column}
html:not(.js) .ld-pane.hs-pane{opacity:1;transform:none;filter:none;pointer-events:auto}
@media (max-width:1100px){.ld-pane.hs-pane{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);padding:48px 36px}}
@media (max-width:860px){
  .ld-pane.hs-pane{grid-template-columns:minmax(0,1fr);gap:24px;padding:32px 20px 24px;align-items:start}
  .ld-pane-n{font-size:64px}
  .ld-pane-vis{height:360px}
  .ld-chat,.ld-form{padding:20px}
  .ld-docx-back{transform:rotate(-8deg) scale(.8);top:30px}
  .ld-docx-front{transform:rotate(4deg) scale(.8);top:4px}
  .ld-docx-ok{left:auto;right:12px;top:auto;bottom:16px;height:44px;padding:0 12px;font-size:13px}
  .ld-ways-box{border-radius:28px}
}
@media (max-width:560px){
  .ld-tab{height:60px;font-size:13.5px;gap:6px;flex-direction:column}
  .ld-tab-n{font-size:10px}
  .ld-lead-s{font-size:16px}
}

/* ================= ЖИВАЯ СБОРКА ================= */
.ld-demo{position:relative;padding:120px 0 clamp(72px,8vw,120px);background:var(--canvas);overflow:clip}
.ld-demo-halo{left:calc(50% - 550px);top:380px;width:1100px;height:600px;filter:blur(60px);opacity:.35}
.ld-win{position:relative;width:100%;min-height:660px;display:flex;flex-direction:column;background:var(--s1);border:1px solid var(--line2);border-radius:28px;overflow:hidden;box-shadow:0 60px 120px -40px var(--shadow),0 0 0 1px var(--line)}
.ld-win-bar{height:52px;flex-shrink:0;display:flex;align-items:center;padding:0 20px;gap:16px;border-bottom:1px solid var(--line)}
.ld-win-dots{display:flex;gap:8px}.ld-win-dots span{width:11px;height:11px;border-radius:999px;background:var(--line2)}
.ld-win-url{flex-grow:1;display:flex;justify-content:center;align-items:center;gap:8px}
.ld-win-url img{width:18px;height:17px}
.ld-win-url span{font-size:11.5px;letter-spacing:.12em;color:var(--ink3)}
.ld-win-ver{height:24px;padding:0 8px;display:flex;align-items:center;background:var(--tint);border:1px solid var(--line);border-radius:6px;font-size:11px;color:var(--ink2)}
.ld-win-body{flex-grow:1;display:grid;grid-template-columns:440px minmax(0,1fr);min-height:0}
.ld-win-chat{position:relative;display:flex;flex-direction:column;gap:16px;padding:24px;border-right:1px solid var(--line)}
.ld-typed{align-self:flex-end;max-width:360px;box-sizing:border-box;padding:14px 16px;background:var(--s3);border-radius:18px 18px 4px 18px;font-size:14.5px;line-height:1.55;color:var(--ink);min-height:50px}
.ld-stages{display:flex;gap:12px}
.ld-stages img{flex-shrink:0;width:26px;height:24px;margin-top:4px}
.ld-stage-list{flex-grow:1;display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none}
.ld-stage-list .hs-stage{min-height:38px;display:flex;align-items:center;gap:12px}
.ld-st-ic{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.ld-st-ic .hs-st-dot{width:6px;height:6px;border-radius:999px;background:var(--line2)}
.ld-st-ic .hs-st-ok{width:20px;height:20px;align-items:center;justify-content:center;background:var(--oksoft);border-radius:999px;color:var(--ok)}
.ld-stage-list .hs-st-t{font-size:14.5px;color:var(--ink2)}
.ld-done{margin-top:auto;box-sizing:border-box;padding:18px;display:flex;flex-direction:column;gap:14px;background:var(--s2);border:1px solid var(--line2);border-radius:18px}
.ld-done-h{display:flex;align-items:center;gap:12px}
.ld-done-ic{width:34px;height:34px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--oksoft);border-radius:10px;color:var(--ok)}
.ld-done-t{display:flex;flex-direction:column}
.ld-done-t span:first-child{font-size:15px;font-weight:600;color:var(--ink)}
.ld-done-t .hs-mono{font-size:11px;color:var(--ink3)}
.ld-replay{position:absolute;left:24px;bottom:24px;height:40px;padding:0 14px;display:flex;align-items:center;gap:8px;background:#00000000;border:1px solid var(--line2);border-radius:10px;color:var(--ink2);font-size:14px;font-weight:500}
.ld-graph{position:relative;overflow:hidden;background-color:var(--graph);min-height:606px;--bk:1}
.ld-graph-top{position:absolute;left:24px;top:20px;right:24px;display:flex;align-items:center;gap:8px;z-index:3}
.ld-gchip{height:28px;padding:0 10px;display:flex;align-items:center;gap:6px;background:var(--glass);border:1px solid var(--line);border-radius:8px;font-size:11px;color:var(--ink2);white-space:nowrap}
.ld-gchip-v{background:var(--vsoft);border-color:var(--vline);color:var(--vhi)}
.ld-board{position:absolute;left:50%;top:50%;width:758px;height:606px;transform:translate(-50%,-50%) scale(var(--bk));transform-origin:50% 50%}
.ld-board-svg{position:absolute;left:0;top:0;z-index:1}
.ld-sparks{position:absolute;inset:0;z-index:1}
.ld-node{position:absolute;z-index:2;width:136px;height:62px;box-sizing:border-box;padding:10px 12px;display:flex;flex-direction:column;justify-content:center;gap:4px;background:var(--s2);border:1px solid var(--line2);border-radius:12px}
.ld-node .hs-mono{font-size:10px;line-height:1;letter-spacing:.12em;color:var(--ink3)}
.ld-node span:last-child{font-size:13.5px;line-height:1.2;font-weight:500;color:var(--ink)}
.ld-node-v{background:var(--vdeep);border-color:var(--vline)}
.ld-node-v .hs-mono{color:var(--vhi)}
.ld-checks{position:absolute;left:24px;right:24px;bottom:22px;z-index:3;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.ld-check{height:32px;padding:0 12px;display:flex;align-items:center;gap:7px;background:var(--glass);border:1px solid var(--line2);border-radius:999px;font-size:11.5px;color:var(--ink);white-space:nowrap}
@media (max-width:1100px){.ld-win-body{grid-template-columns:380px minmax(0,1fr)}}
@media (max-width:860px){
  .ld-win{min-height:0}
  .ld-win-body{grid-template-columns:minmax(0,1fr)}
  .ld-win-chat{border-right:0;border-bottom:1px solid var(--line);padding:20px 16px 76px}
  .ld-typed{max-width:100%}
  .ld-replay{left:16px;bottom:16px}
  .ld-graph{min-height:0;height:calc(606px * var(--bk) + 150px);--bk:.45}
  .ld-graph-top{flex-wrap:wrap;row-gap:6px}
  .ld-graph-top .ld-grow{display:none}
  .ld-board{top:84px;transform:translateX(-50%) scale(var(--bk));transform-origin:50% 0}
  .ld-graph-top{left:12px;right:12px;top:12px}
  .ld-checks{left:8px;right:8px;bottom:12px;gap:6px}
  .ld-check{height:28px;padding:0 10px;font-size:10.5px}
  .ld-win-url span{letter-spacing:.06em}
}

/* ================= СЕРТИФИКАТ ================= */
.ld-cert{position:relative;padding:110px 0 clamp(64px,7vw,110px);overflow:clip;background:var(--canvas)}
.ld-cert-wrap{position:relative;width:100%;display:grid;grid-template-columns:minmax(0,1fr) 480px minmax(0,1fr);gap:40px;perspective:1400px}
.ld-cert-halo{left:calc(50% - 270px);top:60px;width:540px;height:580px;filter:blur(60px);opacity:.55}
.ld-cert-side{display:flex;flex-direction:column;gap:150px;padding-top:130px;font-size:12px;letter-spacing:.14em;color:var(--ink3);width:250px;max-width:100%}
.ld-cert-l{text-align:right;justify-self:end}
.ld-cert-r{justify-self:start}
.ld-cert-side b{color:var(--ink);font-size:14px;letter-spacing:.02em;font-weight:500}
.ld-card3d{position:relative;width:480px;max-width:100%;margin-top:20px;border-radius:30px}
.ld-cert-card{position:relative;min-height:660px;box-sizing:border-box;display:flex;flex-direction:column;background:linear-gradient(170deg,var(--s2) 0%,var(--s1) 60%);border:1px solid var(--line2);border-radius:30px;box-shadow:0 60px 120px -40px var(--shadow),0 0 0 1px var(--line);overflow:hidden}
.ld-cert-top{padding:34px 34px 26px;display:flex;flex-direction:column;gap:18px}
.ld-brand-s{display:flex;align-items:center;gap:10px}
.ld-brand-s img{width:24px;height:22px}
.ld-brand-s .hs-disp{font-size:14px;letter-spacing:-0.02em;white-space:nowrap}
.ld-brand-s .hs-disp span{color:var(--ink3);font-weight:500}
.ld-cert-id{font-size:11px;letter-spacing:.16em;color:var(--ink3);white-space:nowrap}
.ld-cert-eye{margin-top:14px;font-size:11.5px;letter-spacing:.2em;color:var(--vhi)}
.ld-cert-name{font-size:34px;line-height:1.05;letter-spacing:-0.04em}
.ld-cert-score{display:flex;align-items:center;gap:16px}
.ld-seal{position:relative;width:76px;height:76px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.ld-seal .hs-seal-ring{position:absolute;inset:0}
.ld-seal-in{width:58px;height:58px;display:flex;align-items:center;justify-content:center;background:var(--vdeep);border:1px solid var(--vline);border-radius:999px}
.ld-score-t{display:flex;flex-direction:column;gap:2px}
.ld-score-t .hs-disp{font-size:30px;letter-spacing:-0.03em;color:var(--ok)}
.ld-score-t .hs-mono{font-size:11px;letter-spacing:.12em;color:var(--ink3)}
.ld-perf{position:relative;height:1px;margin:0 26px;border-top:2px dashed var(--line2)}
.ld-perf span{position:absolute;top:-17px;width:32px;height:32px;border-radius:999px;background:var(--canvas)}
.ld-perf span:first-child{left:-42px}.ld-perf span:last-child{right:-42px}
.ld-cert-rows{padding:18px 34px 0;margin:0;list-style:none;display:flex;flex-direction:column}
.ld-cert-rows .hs-cert-row{min-height:44px;display:flex;align-items:center;gap:12px;font-size:14.5px;color:var(--ink)}
.ld-pass{font-size:10.5px;letter-spacing:.08em;color:var(--ok)}
.ld-cert-foot{margin-top:auto;padding:24px 34px 28px;display:flex;align-items:flex-end;justify-content:space-between}
.ld-cert-foot .hs-mono{font-size:11px;letter-spacing:.12em;color:var(--ink3)}
.ld-barcode{display:flex;align-items:flex-end;gap:3px;height:34px}
.ld-barcode span{height:34px;background:var(--ink2)}
@media (max-width:1100px){
  .ld-cert-wrap{grid-template-columns:minmax(0,1fr);justify-items:center}
  .ld-cert-side{display:none}
}
@media (max-width:560px){
  .ld-cert-card{min-height:0}
  .ld-cert-top{padding:26px 22px 22px}
  .ld-cert-rows{padding:14px 22px 0}
  .ld-cert-foot{padding:22px 22px 24px}
  .ld-cert-name{font-size:28px}
  .ld-perf{margin:0 18px}.ld-perf span:first-child{left:-34px}.ld-perf span:last-child{right:-34px}
}

/* ================= ВОЗМОЖНОСТИ =================
   По умолчанию (телефон, reduced motion, без JS) это горизонтальный свайп-скроллер. На десктопе с JS
   секция закрепляется, и вертикальный скролл двигает ленту вбок: через scroll-timeline, а где его нет,
   landing.js двигает ленту сам (класс ld-hz-js). */
.ld-hz{position:relative;background:var(--canvas);padding:clamp(72px,9vw,110px) 0;--hz-left:max(16px,calc(50vw - 600px));--hz-dist:calc(3084px - 100vw + 2 * var(--hz-left))}
.ld-hz-pin{position:relative}
.ld-hz-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 var(--hz-left);margin-bottom:24px}
.ld-mute-cap{font-size:12px;letter-spacing:.16em;color:var(--ink3);white-space:nowrap}
/* Подсказка у ленты возможностей: стрелка иконкой 20px, а не символом шрифта. На десктопе лента едет от прокрутки вниз,
   поэтому стрелка вниз; на телефоне ленту листают пальцем вбок, там стрелка вправо. */
.ld-hint-d{display:none}
.ld-hint-d,.ld-hint-m{align-items:center;gap:8px}
.ld-hint-m{display:inline-flex}
.ld-hz-hint svg{flex-shrink:0}
.ld-hz-bar{width:360px;max-width:30%;height:2px;background:var(--line2);border-radius:2px;overflow:hidden}
.ld-hz-prog.hs-hz-prog{height:2px;background:linear-gradient(90deg,#7c3aed,#b79bff);transform-origin:0 50%;transform:scaleX(var(--p,0));animation:none}
.ld-hz-track.hs-hz-track{display:flex;align-items:stretch;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 var(--hz-left);padding:8px var(--hz-left) 24px;scrollbar-width:thin;animation:none}
.ld-hz-track > *{flex-shrink:0;width:min(420px,84vw);scroll-snap-align:start}
.ld-hz-intro{display:flex;flex-direction:column;justify-content:center;gap:28px}
.ld-hz-h2{font-size:clamp(40px,4.5vw,64px);line-height:1;letter-spacing:-0.05em}
.ld-hz-h2 span{color:var(--ink3)}
.ld-hz-intro .hs-lead{max-width:360px}
.ld-fc{box-sizing:border-box;min-height:560px;padding:34px;display:flex;flex-direction:column;border-radius:32px;overflow:hidden}
.ld-fc-n{font-size:12px;letter-spacing:.14em;color:var(--vhi)}
.ld-fc-h{margin-top:auto;font-size:26px;letter-spacing:-0.035em}
.ld-fc-p{margin:12px 0 0;font-size:15.5px;line-height:1.55}
.ld-fc-b{margin-top:12px}
.ld-fc-vis{margin:30px 0}
.ld-fc-v{background:linear-gradient(160deg,#8b5cf6 0%,#7c3aed 40%,#4c1d95 100%);color:#ffffff;box-shadow:0 40px 80px -30px #7c3aedaa}
.ld-fc-v .ld-fc-n,.ld-fc-v .ld-fc-p{color:#e9e1ff}
.ld-fc-v .ld-fc-h{color:#ffffff}
.ld-fc-pri{background:var(--pri);color:var(--onpri)}
.ld-fc-pri .ld-fc-n{color:var(--onpri);opacity:.6}
.ld-fc-pri .ld-fc-h{color:var(--onpri)}
.ld-fc-pri .ld-fc-p{opacity:.7}
.ld-f1{position:relative;height:280px;margin:20px 0}
.ld-seg{position:absolute;left:0;top:0;height:36px;padding:3px;box-sizing:border-box;display:flex;gap:2px;background:#ffffff26;border-radius:10px}
.ld-seg span{height:30px;padding:0 12px;display:flex;align-items:center;border-radius:7px;font-size:13px;font-weight:500;color:#e9e1ff}
.ld-seg .on{background:#ffffff;font-weight:600;color:#4c1d95}
.ld-f1-svg{position:absolute;left:0;top:40px}
.ld-f1-n{position:absolute;height:42px;box-sizing:border-box;padding:0 4px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.15;background:#ffffff1f;border:1px solid #ffffff59;border-radius:10px;font-size:12.5px;font-weight:500}
.ld-f1-sub{position:absolute;left:254px;top:196px;width:96px;height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffff;border-radius:10px;font-size:12.5px;font-weight:600;color:#4c1d95;box-shadow:0 0 30px #ffffff80}
.ld-f1-sub .hs-mono{font-size:9px;letter-spacing:.1em;color:#7c3aed}
.ld-files{display:flex;flex-direction:column;gap:10px}
.ld-file{height:52px;padding:0 14px;display:flex;align-items:center;gap:10px;background:var(--s2);border:1px solid var(--line);border-radius:14px;font-size:14.5px;font-weight:500;color:var(--ink)}
.ld-file-v{background:var(--vdeep);border-color:var(--vline)}
.ld-okc{font-size:11px;color:var(--ok)}.ld-vc{font-size:11px;color:var(--vhi)}
.ld-tests{display:flex;flex-direction:column;background:var(--s2);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.ld-tests > div{min-height:50px;box-sizing:border-box;padding:6px 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);font-size:14px;line-height:1.35;color:var(--ink)}
.ld-tests > div:last-child{border-bottom:0}
.ld-badge-ok,.ld-badge-run{height:22px;padding:0 8px;flex-shrink:0;display:flex;align-items:center;gap:5px;border-radius:6px;font-size:11px}
.ld-badge-ok{background:var(--oksoft);color:var(--ok)}
.ld-badge-run{background:var(--vsoft);color:var(--vhi)}
.ld-vers{position:relative;display:flex;flex-direction:column;gap:14px;padding-left:26px}
.ld-vers-line{position:absolute;left:7px;top:12px;bottom:12px;width:1px;background:var(--onpri);opacity:.25}
.ld-ver{position:relative;display:flex;align-items:center;gap:14px;font-size:15px}
.ld-ver .hs-disp{font-size:40px;letter-spacing:-0.05em;color:var(--onpri)}
.ld-ver-dot{position:absolute;left:-22px;width:7px;height:7px;border-radius:999px;background:var(--onpri)}
.ld-ver.on .ld-ver-dot{left:-25px;width:13px;height:13px;background:#7c3aed;box-shadow:0 0 0 5px #7c3aed40}
.ld-ver.on span:last-child{font-weight:500}
.ld-tpl{margin:36px 0;font-size:25px;line-height:1.75;letter-spacing:-0.03em;color:var(--ink2)}
.ld-tpl .hs-mono{display:inline-block;padding:0 10px;line-height:34px;background:var(--vsoft);border:1px solid var(--vline);border-radius:8px;font-size:16px;letter-spacing:0;color:var(--vhi)}
.ld-zip{display:flex;flex-direction:column;gap:16px}
.ld-zip-f{align-self:flex-start;height:48px;padding:0 16px;display:flex;align-items:center;gap:10px;background:var(--s2);border:1px solid var(--line);border-radius:12px;font-size:15px;font-weight:500;color:var(--ink)}
.ld-zip-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ld-zip-g > span{height:40px;padding:0 12px;display:flex;align-items:center;gap:8px;background:var(--tint);border:1px solid var(--line);border-radius:10px;font-size:13px;color:var(--ink);white-space:nowrap;overflow:hidden}
.ld-zip-g > span.ld-zip-off{color:var(--ink3)}
.ld-i-ok,.ld-i-off{width:7px;height:7px;flex-shrink:0;border-radius:999px;background:var(--ok)}
.ld-i-off{background:var(--line2)}
.ld-zip-p{display:flex;align-items:center;gap:12px}
.ld-zip-bar{flex-grow:1;height:6px;background:var(--s3);border-radius:999px;overflow:hidden}
.ld-zip-bar .hs-prog{height:6px;background:linear-gradient(90deg,#7c3aed,#b79bff);border-radius:999px}
.ld-zip-p .hs-mono{font-size:11.5px;color:var(--ink2)}
@media (max-width:480px){
  .ld-fc{min-height:500px;padding:26px}
  .ld-f1{transform:scale(.72);transform-origin:0 0;margin-bottom:-58px;width:352px}
  .ld-tpl{font-size:21px}
}
/* Закрепленный режим: только десктоп, с JS и без reduced motion */
@media (min-width:1100px) and (prefers-reduced-motion:no-preference){
  .js .ld-hz{height:calc(100vh + var(--hz-dist));padding:0}
  .js .ld-hz-pin{position:sticky;top:0;height:100vh;overflow:clip;display:flex;flex-direction:column;justify-content:center;padding-top:40px;box-sizing:border-box}
  .js .ld-hz-top{margin-bottom:36px}
  .js .ld-hint-d{display:inline-flex}
  .js .ld-hint-m{display:none}
  .js .ld-hz-track.hs-hz-track{width:max-content;height:min(620px,calc(100vh - 200px));overflow:visible;scroll-snap-type:none;padding:0 0 0 var(--hz-left)}
  .js .ld-hz-track > *{width:420px}
  .js .ld-fc{min-height:0}
}
@supports (animation-timeline: view()){
  @media (min-width:1100px) and (prefers-reduced-motion:no-preference){
    .js .ld-hz-track.hs-hz-track{animation:ld-hzmove linear both;animation-timeline:--hz;animation-range:contain 0% contain 100%}
    .js .ld-hz-prog.hs-hz-prog{animation:hs-hzprog linear both;animation-timeline:--hz;animation-range:contain 0% contain 100%}
  }
}
/* scroll-padding-top страницы (под фиксированную навигацию) иначе сдвигает начало view-timeline на 96px */
.ld-hz{view-timeline-inset:0}
@keyframes ld-hzmove{from{transform:translateX(0)}to{transform:translateX(calc(-1 * var(--hz-dist)))}}

/* ================= STUDIO / HANC (блок студии) ================= */
.ld-split{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:680px;overflow:clip}
.ld-split-l,.ld-split-r{position:relative;box-sizing:border-box;padding:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;text-align:center}
.ld-split-l{background:radial-gradient(ellipse 80% 70% at 30% 40%,#2e1065 0%,#0a0a0c 70%);color:#fafafa}
.ld-split-r{background:radial-gradient(ellipse 80% 70% at 70% 40%,#ff8a3d 0%,#ff6a1a 45%,#c2410c 100%);color:#ffffff}
.ld-split img{width:64px;height:60px}
.ld-split-mk{filter:drop-shadow(0 0 24px #7c3aedcc)}
.ld-split-h{font-size:clamp(38px,3.9vw,56px);letter-spacing:-0.05em;color:#fafafa}
.ld-split-r .ld-split-h{color:#ffffff}
.ld-split p{margin:0;max-width:420px;font-size:17.5px;line-height:1.55}
.ld-split-l p{color:#c4b5fd}
.ld-split-r p{color:#fff1e6}
/* Светлая тема: левая половина заканчивалась цветом фона страницы (#f5f5f7) и блок сливался с ним. Даём ей свою белую
   поверхность и тонкие линии сверху и снизу, как у тёмной версии, где #0a0a0c отличается от чёрного фона. */
.hs-root.is-light .ld-split .ld-split-l{background:radial-gradient(ellipse 80% 70% at 30% 40%,#ede9fe 0%,#ffffff 70%)!important;box-shadow:inset 0 1px 0 var(--line),inset 0 -1px 0 var(--line)}
.ld-seam{position:absolute;left:calc(50% - 1px);top:0;bottom:0;width:2px;background:#ffffff1f;overflow:hidden}
.ld-seam .hs-seam{width:2px;height:120px;background:linear-gradient(180deg,transparent,#ffffff,transparent)}
.ld-flow{position:absolute;left:50%;top:50%;width:0;height:0}
.ld-flow-ic{position:absolute;left:-36px;top:-36px;width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:#ffffff26;border:1px solid #ffffff59;border-radius:999px;color:#ffffff;box-shadow:0 20px 50px -10px #00000080}
.ld-soon{position:absolute;left:0;right:0;bottom:30px;display:flex;justify-content:center;padding:0 16px}
.ld-soon > span{min-height:32px;box-sizing:border-box;padding:6px 14px;display:flex;align-items:center;gap:8px;background:#0a0a0c99;border:1px solid #ffffff29;border-radius:999px;font-size:11.5px;letter-spacing:.1em;color:#fafafa;text-align:center}
.ld-soon .ld-dot-v{background:#b79bff}
@media (max-width:800px){
  .ld-split{grid-template-columns:minmax(0,1fr);min-height:0}
  .ld-split-l,.ld-split-r{padding:64px 24px}
  .ld-split-r{padding-bottom:112px}
  .ld-seam{left:0;right:0;top:50%;bottom:auto;width:auto;height:2px}
  .ld-seam .hs-seam{display:none}
  .ld-flow{display:none}
  .ld-split p{font-size:16px}
}

/* ================= ВИДЕОГАЙД ================= */
.ld-guide{position:relative;padding:120px 0 clamp(72px,8vw,120px);background:var(--canvas);overflow:clip}
.ld-guide-halo{left:calc(50% - 550px);top:360px;width:1100px;height:640px;filter:blur(60px);opacity:.45}
.ld-player{position:relative;width:100%;aspect-ratio:16/9;border-radius:28px;overflow:hidden;border:1px solid #ffffff29;background:#000000;box-shadow:0 60px 140px -40px #7c3aed80,0 0 0 1px #ffffff0f;--pk:.625;color:#fafafa}
.ld-player:fullscreen{border-radius:0;border:0;aspect-ratio:auto}
.ld-video{position:absolute;inset:0;width:100%;height:100%;display:block;background:#000000;object-fit:contain}
.ld-cover{display:none}
.js .ld-cover{display:block;position:absolute;inset:0;overflow:hidden;pointer-events:none}
.ld-player.is-started .ld-cover{display:none}
.ld-dim{position:absolute;inset:0;background:radial-gradient(ellipse 70% 70% at 50% 50%,#00000000,#00000066);pointer-events:none}
.ld-player.is-playing .ld-dim{opacity:0}
.ld-shade{position:absolute;left:0;right:0;bottom:0;height:190px;max-height:60%;background:linear-gradient(0deg,#000000e6 0%,#00000000 100%);pointer-events:none;transition:opacity 320ms}
.ld-bigplay{position:absolute;left:50%;top:46%;width:96px;height:96px;margin:-48px 0 0 -48px;padding:0;background:#00000000;border:0;border-radius:999px}
.ld-bigplay .hs-ring{position:absolute;inset:0;border-radius:999px;border:1px solid #ffffffb3}
.ld-bigplay .hs-big-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#ffffff26;border:1px solid #ffffff66;border-radius:999px;color:#ffffff;box-shadow:0 20px 60px -10px #7c3aedb3}
.ld-player.is-playing .ld-bigplay{display:none}
.ld-ctl{position:absolute;left:20px;right:20px;bottom:18px;display:flex;flex-direction:column;gap:10px;color:#fafafa;transition:opacity 320ms}
.ld-player.is-playing.is-idle .ld-ctl,.ld-player.is-playing.is-idle .ld-shade{opacity:0}
.ld-player.is-playing.is-idle{cursor:none}
html:not(.js) .ld-bigplay,html:not(.js) .ld-ctl,html:not(.js) .ld-dim,html:not(.js) .ld-shade{display:none}
.ld-scrub{position:relative;height:22px;display:flex;align-items:center;cursor:pointer;touch-action:none;border-radius:6px}
.ld-track{position:relative;flex-grow:1;height:4px;background:#ffffff33;border-radius:999px}
.ld-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,#7c3aed,#b79bff);border-radius:999px;box-shadow:0 0 12px #9868f8}
.ld-thumb{position:absolute;left:0;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;background:#ffffff;border-radius:999px;box-shadow:0 0 0 4px #9868f866,0 0 16px #b79bff}
.ld-scrub:focus-visible .hs-thumb{transform:scale(1)}
.ld-ctl-row{display:flex;align-items:center;gap:6px}
.ld-ctl-play{width:44px;height:44px;flex-shrink:0;padding:0;display:flex;align-items:center;justify-content:center;background:#fafafa;border:0;border-radius:999px;color:#0a0a0a}
.ld-ic{width:44px;height:44px;flex-shrink:0;padding:0;display:flex;align-items:center;justify-content:center;background:#00000000;border:0;border-radius:999px;color:#d4d4d8}
.ld-time{margin-left:6px;font-size:12.5px;color:#d4d4d8;white-space:nowrap;font-variant-numeric:tabular-nums}
.ld-chap{flex-grow:1;min-width:0;text-align:center;font-size:14px;font-weight:500;color:#fafafa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ld-chap .hs-mono{margin-right:8px;color:#b79bff}
.ld-vseg{margin-left:auto;height:34px;padding:3px;box-sizing:border-box;display:flex;gap:2px;background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;flex-shrink:0}
.ld-vseg button{height:26px;padding:0 10px;border:0;border-radius:999px;font-size:11px;letter-spacing:.08em;background:#00000000;color:#d4d4d8}
.ld-vseg button[aria-pressed=true]{background:#fafafa;color:#0a0a0a}
.ld-speed{height:34px;padding:0 12px;flex-shrink:0;background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;color:#fafafa;font-size:12px}
/* Обложка плеера = титульный кадр из Preview.dc.html, нарисован на 1920x1080 и масштабирован под ширину плеера (--pk) */
.ld-pv{position:absolute;left:0;top:0;width:1920px;height:1080px;transform:scale(var(--pk));transform-origin:0 0;overflow:hidden;background:#000000;color:#fafafa;font-family:"Onest",system-ui,sans-serif}
.ld-pv::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:9;opacity:.1;mix-blend-mode:overlay;background-image:url(/studio2/img/noise.svg);background-size:180px 180px}
.ld-pv .hs-mono{font-weight:500}
.ld-pv-dots{position:absolute;inset:0;background-image:radial-gradient(#ffffff24 1.5px,transparent 1.5px);background-size:34px 34px;-webkit-mask-image:radial-gradient(ellipse 45% 60% at 72% 50%,#000 0%,transparent 100%);mask-image:radial-gradient(ellipse 45% 60% at 72% 50%,#000 0%,transparent 100%)}
.ld-pv-glow{position:absolute;left:900px;top:60px;width:1100px;height:960px;border-radius:50%;background:radial-gradient(closest-side,#7c3aedb3,#7c3aed00);filter:blur(40px)}
.ld-pv-line{position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,#00000000,#b79bff 30%,#ffffff 50%,#b79bff 70%,#00000000)}
.ld-pv-brand{position:absolute;left:140px;top:120px;display:flex;align-items:center;gap:16px}
.ld-pv-brand img{width:52px;height:49px}
.ld-pv-brand .hs-disp{font-size:30px;letter-spacing:-0.03em;color:#fafafa}
.ld-pv-brand .hs-disp span{color:#83838d;font-weight:500}
.ld-pv-badge{height:36px;padding:0 12px;display:flex;align-items:center;background:#7c3aed;border-radius:10px;font-size:18px;color:#ffffff}
.ld-pv-main{position:absolute;left:140px;top:330px;width:900px;display:flex;flex-direction:column;gap:36px}
.ld-pv-eye{font-size:24px;letter-spacing:.2em;color:#b79bff}
.ld-pv-h{font-size:150px;line-height:.98;letter-spacing:-0.045em;color:#fafafa}
.ld-pv-h span{background-image:linear-gradient(95deg,#ffffff 0%,#d9ccff 35%,#9868f8 80%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.ld-pv-main p{margin:0;max-width:760px;font-size:38px;line-height:1.35;letter-spacing:-0.015em;color:#a1a1aa}
.ld-pv-art{position:absolute;left:1080px;top:250px;width:700px;height:580px;transform:perspective(2000px) rotateY(-14deg) rotateX(6deg)}
.ld-pv-card{position:absolute;left:0;top:0;width:700px;box-sizing:border-box;padding:34px 36px 28px;display:flex;flex-direction:column;gap:26px;background:#0a0a0ce6;border:2px solid #9868f8;border-radius:36px;box-shadow:0 0 0 8px #9868f826,0 60px 120px -30px #000000,0 0 120px -20px #7c3aedcc}
.ld-pv-lbl{font-size:18px;letter-spacing:.16em;color:#83838d}
.ld-pv-card p{margin:0;font-size:30px;line-height:1.45;color:#fafafa}
.ld-pv-caret{display:inline-block;width:3px;height:34px;margin-left:4px;vertical-align:-6px;background:#b79bff}
.ld-pv-files{height:46px;padding:0 16px;display:flex;align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;font-size:18px;color:#a1a1aa}
.ld-pv-cta{height:60px;padding:0 30px;display:flex;align-items:center;background:#fafafa;border-radius:999px;font-size:24px;font-weight:600;color:#0a0a0a;white-space:nowrap}
.ld-pv-nodes{position:absolute;left:60px;top:360px;display:flex;align-items:center;gap:12px}
.ld-pv-node{height:76px;box-sizing:border-box;padding:0 18px;display:flex;flex-direction:column;justify-content:center;gap:4px;background:#111114;border:1.5px solid #ffffff33;border-radius:18px}
.ld-pv-node .hs-mono{font-size:14px;letter-spacing:.12em;color:#83838d}
.ld-pv-node span:last-child{font-size:20px;font-weight:500;color:#fafafa;white-space:nowrap}
.ld-pv-node-v{background:#1e0b46;border-color:#9868f8;box-shadow:0 0 40px -6px #7c3aedcc}
.ld-pv-node-v .hs-mono{color:#b79bff}
.ld-pv-edge{width:28px;height:2px;background:linear-gradient(90deg,#ffffff33,#b79bff)}
.ld-pv-edge2{background:linear-gradient(90deg,#b79bff,#ffffff33)}
.ld-pv-oks{position:absolute;left:60px;top:480px;display:flex;gap:14px}
.ld-pv-oks span{white-space:nowrap}
.ld-pv-oks > span{height:48px;padding:0 18px;display:flex;align-items:center;gap:6px;background:#4ade801f;border:1px solid #4ade8059;border-radius:999px;font-size:18px;color:#4ade80}
.ld-pv-foot{position:absolute;left:140px;bottom:90px;display:flex;align-items:center;gap:18px}
.ld-pv-foot .hs-mono{font-size:20px;color:#83838d}
.ld-pv-foot .ld-pv-mode{height:52px;padding:0 20px;display:flex;align-items:center;background:#ffffff0f;border:1px solid #ffffff29;border-radius:999px;letter-spacing:.12em;color:#fafafa}
@media (max-width:900px){.ld-chap{visibility:hidden}}
@media (max-width:700px){
  .ld-player{border-radius:18px}
  .ld-opt{display:none}
  .ld-ctl{left:10px;right:10px;bottom:6px;gap:2px}
  .ld-bigplay{width:64px;height:64px;margin:-32px 0 0 -32px}
  .ld-bigplay svg{width:22px;height:22px}
  .ld-ctl-play{width:38px;height:38px}
  .ld-ic{width:38px;height:38px}
  .ld-time{font-size:11.5px;margin-left:2px}
}
@media (max-width:420px){.ld-ctl [data-mute]{display:none}.ld-vseg button{padding:0 8px}}

/* ================= ЦЕНЫ ================= */
.ld-price{position:relative;padding:120px 0 clamp(72px,8vw,120px);background:var(--canvas);overflow:clip}
.ld-price-grid{width:100%;display:grid;grid-template-columns:560px minmax(0,1fr);gap:24px}
.ld-start{position:relative;min-height:560px;box-sizing:border-box;padding:44px;display:flex;flex-direction:column;background:var(--s1);border:1px solid var(--line);border-radius:36px;overflow:hidden}
.ld-start-halo{left:-80px;top:120px;width:520px;height:420px;filter:blur(50px);opacity:.45}
.ld-cap-v{position:relative;font-size:12px;letter-spacing:.16em;color:var(--vhi)}
.ld-cap-m{font-size:12px;letter-spacing:.16em;color:var(--ink3)}
.ld-zero{position:relative;margin-top:18px;display:flex;align-items:flex-start;gap:10px}
.ld-zero-n{font-size:clamp(150px,17vw,240px);line-height:.8;letter-spacing:-0.08em}
.ld-zero-c{margin-top:14px;font-size:64px;letter-spacing:-0.04em;color:var(--ink3)}
.ld-start-p.hs-lead{position:relative;margin-top:30px;font-size:18px}
.ld-start-cta{position:relative;margin-top:auto;align-self:flex-start}
.ld-packs{display:flex;flex-direction:column;gap:16px;min-width:0}
.ld-beam{border-radius:28px}
.ld-pack{min-height:200px;box-sizing:border-box;padding:32px 36px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;background:var(--s1);border:1px solid var(--line);border-radius:28px}
.ld-pack-best{background:linear-gradient(135deg,var(--card-top) 0%,var(--s1) 70%);border-color:var(--vline)}
.ld-pack-t{display:flex;flex-direction:column;gap:10px}
.ld-pack-k{display:flex;align-items:center;gap:10px}
.ld-best{height:22px;padding:0 8px;display:flex;align-items:center;background:#7c3aed;border-radius:999px;font-size:10px;letter-spacing:.12em;color:#ffffff}
.ld-pack-sum{display:flex;align-items:center;gap:8px}
.ld-pack-sum .hs-disp{font-size:30px;line-height:1.4}
.ld-cur{color:var(--ink3)!important}
.ld-pack-d{font-size:14.5px;color:var(--ink2)}
.ld-perks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-height:128px}
.ld-perks > div{box-sizing:border-box;padding:24px 28px;display:flex;align-items:center;gap:14px;background:var(--s1);border:1px solid var(--line);border-radius:24px;font-size:15.5px;line-height:1.4;font-weight:500;color:var(--ink)}
.ld-perk-ic{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--vsoft);border-radius:12px;color:var(--vhi)}
@media (max-width:1100px){
  .ld-price-grid{grid-template-columns:minmax(0,1fr)}
  .ld-start{min-height:0}
  .ld-start-cta{margin-top:32px}
}
@media (max-width:600px){
  .ld-start{padding:32px 24px;border-radius:28px}
  .ld-pack{grid-template-columns:minmax(0,1fr);padding:26px 24px;gap:18px;min-height:0}
  .ld-pack .hs-btn{justify-self:start}
  .ld-perks{grid-template-columns:minmax(0,1fr)}
  .ld-perks > div{padding:20px 22px}
  .ld-zero-c{font-size:48px}
}

/* ================= FAQ (частые вопросы) ================= */
.ld-faq{position:relative;padding:120px 0 clamp(72px,8vw,120px);background:var(--canvas)}
.ld-faq-in{max-width:892px;display:flex;flex-direction:column;align-items:center;gap:56px}
.ld-faq-list{width:100%;display:flex;flex-direction:column;border-top:1px solid var(--line)}
.ld-faq-list .hs-faq{border-bottom:1px solid var(--line)}
.ld-faq-hh{margin:0;font:inherit}
.ld-faq-q{width:100%;min-height:76px;padding:12px 0;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#00000000;border:0;text-align:left;font-size:19px;font-weight:500;letter-spacing:-0.015em;color:var(--ink2)}
.ld-faq-q svg{flex-shrink:0}
.ld-faq-p.hs-body{padding:0 48px 26px 0;font-size:16px}
html:not(.js) .hs-faq-a{grid-template-rows:1fr;opacity:1}
.ld-faq-more{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}
.ld-faq-more p{font-size:16px}
@media (max-width:600px){
  .ld-faq-in{gap:40px}
  .ld-faq-q{min-height:64px;font-size:17px;gap:16px}
  .ld-faq-p.hs-body{padding-right:0;font-size:15.5px}
}

/* ================= CTA (призыв к действию) ================= */
.ld-cta{position:relative;min-height:900px;box-sizing:border-box;overflow:clip;background:var(--canvas)}
.ld-stars{position:absolute;inset:0}
.ld-dawn.hs-dawn{left:calc(50% - 800px);bottom:0;width:1600px;height:520px}
.ld-planet{position:absolute;inset:0}
.ld-rim.hs-rim{left:calc(50% - 1202px);top:calc(100% - 162px);width:2404px;height:2404px}
.ld-dusk.hs-dusk{left:calc(50% - 1200px);top:calc(100% - 160px);width:2400px;height:2400px}
.ld-pts{position:absolute;left:50%;top:calc(100% - 160px);width:0;height:0}
.ld-cta-fade{position:absolute;left:0;right:0;bottom:0;height:110px;z-index:1;background:linear-gradient(0deg,var(--canvas) 0%,transparent 100%)}
.ld-cta-in{position:relative;z-index:2;padding:130px 16px 300px;display:flex;flex-direction:column;align-items:center;gap:26px;text-align:center}
.ld-cta-mk{display:block;width:68px;height:64px;filter:drop-shadow(0 0 28px #7c3aedcc)}
.ld-cta-h{margin-top:12px;font-size:clamp(36px,5vw,72px);letter-spacing:-0.05em}
.ld-cta-note{font-size:12px;color:var(--ink3)}
@media (max-width:700px){
  .ld-cta{min-height:0}
  .ld-cta-in{padding:96px 16px 230px;gap:22px}
}

/* ================= ПОДВАЛ ================= */
.ld-foot{position:relative;box-sizing:border-box;padding:72px 0 296px;overflow:clip;background:var(--canvas)}
.ld-foot-in{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:36px;text-align:center}
.ld-foot-brand{display:flex;flex-direction:column;align-items:center;gap:16px}
.ld-brand-f img{display:block;width:30px;height:28px}
.ld-brand-f .hs-disp{font-size:18px;letter-spacing:-0.03em}
.ld-foot-brand p{margin:0;max-width:420px;font-size:15px;line-height:1.55;color:var(--ink2)}
.ld-foot-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 28px;font-size:14.5px}
.ld-foot-nav a{color:var(--ink2)}
.ld-foot-hanc{display:flex;align-items:center;gap:6px}
.ld-foot-hanc > span:first-child{width:8px;height:8px;border-radius:999px;background:#ff6a1a;box-shadow:0 0 8px #ff6a1a}
.ld-foot-bot{width:100%;padding-top:24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 28px;border-top:1px solid var(--line);font-size:13px;color:var(--ink3)}
.ld-foot-bot .hs-mono{font-size:12px}
.ld-foot-bot .hs-mono:nth-child(2){letter-spacing:.08em}
/* Большой «HANC» в перспективе. Свою анимируемую переменную зовем --ftx: зарегистрированная в макете
   --fx (inherits:false) перестала бы наследоваться в .hs-foil сертификата, который читает --fx у родителя. */
@property --ftx{syntax:'<percentage>';inherits:false;initial-value:20%}
.ft-big{position:absolute;left:0;right:0;bottom:-58px;z-index:1;height:300px;perspective:640px;perspective-origin:50% -40%;pointer-events:none}
.ft-big-in{position:absolute;left:0;right:0;bottom:0;text-align:center;font:700 clamp(72px,21vw,300px)/1 "Unbounded",sans-serif;letter-spacing:-0.07em;transform:rotateX(32deg);transform-origin:50% 100%;background-image:linear-gradient(180deg,var(--big-a) 0%,var(--big-b) 72%,transparent 94%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.ft-big-lt{background-image:radial-gradient(240px 150px at var(--ftx) 30%,#e9e1ff 0%,rgba(152,104,248,.85) 30%,rgba(124,58,237,.35) 58%,transparent 76%);-webkit-mask-image:linear-gradient(180deg,#000 45%,transparent 92%);mask-image:linear-gradient(180deg,#000 45%,transparent 92%);animation:ld-ftsweep 10s ease-in-out infinite alternate}
@keyframes ld-ftsweep{from{--ftx:12%}to{--ftx:88%}}
.ft-big-hz{position:absolute;left:10%;right:10%;top:22px;height:1px;background:linear-gradient(90deg,transparent,var(--vio) 25%,var(--rim) 50%,var(--vio) 75%,transparent);box-shadow:0 0 12px var(--vio);opacity:.7}
@media (max-width:700px){
  .ld-foot{padding:56px 0 120px}
  .ld-foot-in{gap:28px}
  .ld-foot-nav{gap:8px 20px}
  .ft-big{height:150px;bottom:-26px}
  .ft-big-hz{top:12px}
}

/* Телефон: вертикальные отступы секций короче, чем на холсте 1440 */
@media (max-width:700px){
  .ld-lens,.ld-ways,.ld-demo,.ld-cert,.ld-guide,.ld-price,.ld-faq{padding-top:72px}
  .ld-ways,.ld-demo,.ld-cert,.ld-guide,.ld-price,.ld-faq{padding-bottom:64px}
  .ld-rel{padding:72px 0}
  .ld-hz{padding:64px 0}
  .ld-col{gap:28px}
}

/* Секция «Голосовой виджет»: промо-ролик в iframe (тот же корпус, что у видеогайда) и кнопки заказа. */
.ld-wgt{padding-top:clamp(56px,6vw,90px)}
.ld-wplayer iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.ld-wctas{justify-content:center;margin-top:-20px}

/* Светлая тема: обложка видеогайда по дизайну «Превью видеогайда 1920×1080, светлая версия» (PreviewLight.dc.html) - светлый фон
   с сиреневым свечением и тремя кольцами вокруг композиции, белая карточка, светлые узлы; до запуска поверх нее почти нет затемнения. */
.hs-root.is-light .ld-pv{background:radial-gradient(ellipse 55% 75% at 74% 52%,#ebe3ff 0%,#f6f3fd 45%,#fbfaf7 100%);color:#111014}
.hs-root.is-light .ld-pv::after{display:none}
.hs-root.is-light .ld-pv-glow{display:none}
.hs-root.is-light .ld-pv-dots{background:radial-gradient(circle at 1430px 540px,transparent 419px,#7c3aed24 420px,transparent 421.5px,transparent 559px,#7c3aed17 560px,transparent 561.5px,transparent 699px,#7c3aed0d 700px,transparent 701.5px);-webkit-mask-image:none;mask-image:none}
.hs-root.is-light .ld-pv-line{background:linear-gradient(90deg,#00000000,#9868f8 30%,#6d28d9 50%,#9868f8 70%,#00000000)}
.hs-root.is-light .ld-pv-brand .hs-disp{color:#111014}
.hs-root.is-light .ld-pv-brand .hs-disp span{color:#8a8698}
.hs-root.is-light .ld-pv-eye{color:#6d28d9}
.hs-root.is-light .ld-pv-h{color:#111014}
.hs-root.is-light .ld-pv-h span{background-image:linear-gradient(95deg,#2e1065 0%,#6d28d9 45%,#a78bfa 100%)}
.hs-root.is-light .ld-pv-main p{color:#5d596b}
.hs-root.is-light .ld-pv-card{background:#ffffffeb;box-shadow:0 0 0 8px #9868f81f,0 60px 120px -40px #4c1d9559,0 0 100px -30px #7c3aed80}
.hs-root.is-light .ld-pv-lbl{color:#8a8698}
.hs-root.is-light .ld-pv-card p{color:#111014}
.hs-root.is-light .ld-pv-caret{background:#7c3aed}
.hs-root.is-light .ld-pv-files{background:#f2eff8;border-color:#e3dff0;color:#6a6580}
.hs-root.is-light .ld-pv-cta{background:#111014;color:#ffffff}
.hs-root.is-light .ld-pv-node{background:#ffffff;border-color:#dcd6ea;box-shadow:0 10px 24px -14px #4c1d9540}
.hs-root.is-light .ld-pv-node .hs-mono{color:#8a8698}
.hs-root.is-light .ld-pv-node span:last-child{color:#111014}
.hs-root.is-light .ld-pv-node-v{background:#7c3aed;border-color:#6d28d9;box-shadow:0 16px 40px -12px #7c3aedcc}
.hs-root.is-light .ld-pv-node-v .hs-mono{color:#e9e1ff}
.hs-root.is-light .ld-pv-node-v span:last-child{color:#ffffff}
.hs-root.is-light .ld-pv-edge{background:linear-gradient(90deg,#d6cfe8,#7c3aed)}
.hs-root.is-light .ld-pv-edge2{background:linear-gradient(90deg,#7c3aed,#d6cfe8)}
.hs-root.is-light .ld-pv-oks > span{background:#dcfce7;border-color:#86efac;color:#15803d}
.hs-root.is-light .ld-pv-foot .hs-mono{color:#8a8698}
.hs-root.is-light .ld-pv-foot .ld-pv-mode{background:#ffffff;border-color:#e3dff0;color:#111014}
.hs-root.is-light .ld-player:not(.is-started){background:#fbfaf7;border-color:#e3dff0}
.hs-root.is-light .ld-player:not(.is-started) .ld-dim{display:none}
/* До запуска это светлая обложка: белая панель управления на ней не читается - показываем ее при наведении и после старта. */
.hs-root.is-light .ld-player:not(.is-started) .ld-ctl,.hs-root.is-light .ld-player:not(.is-started) .ld-shade{opacity:0;transition:opacity 260ms}
.hs-root.is-light .ld-player:not(.is-started):hover .ld-ctl,.hs-root.is-light .ld-player:not(.is-started):hover .ld-shade,.hs-root.is-light .ld-player:not(.is-started):focus-within .ld-ctl,.hs-root.is-light .ld-player:not(.is-started):focus-within .ld-shade{opacity:1}
.hs-root.is-light .ld-player:not(.is-started) .hs-big-play{background:#7c3aed;color:#ffffff;border-color:#6d28d9;box-shadow:0 20px 50px -14px #7c3aedcc}