/* ═══════════════════════════════════════════════
   DARU LIVE — «Серверная» с массой анимаций.
   GSAP + ScrollTrigger (из FLOWKIT) + Motion.
   Палитра: графит / сталь / фосфорный янтарь.
   ═══════════════════════════════════════════════ */
:root{
	--lv-bg:#000; --lv-pan:#0a0a0a; --lv-line:#242424; --lv-tx:#fff; --lv-mut:#a1a1a1;
	--lv-amb:#458692; --lv-ok:#3fd67d; --lv-al:#FF5C5C; --lv-cy:#5EE6F2;
}
.lv{background:var(--lv-bg);color:var(--lv-tx);font-family:"IBM Plex Sans",system-ui,sans-serif;font-size:16px;line-height:1.6;overflow-x:clip}
.lv ::selection{background:var(--lv-amb);color:#14161a}
.lv .mono{font-family:"IBM Plex Mono",monospace}

/* фон: дрейфующее свечение + движущаяся сетка (CSS-анимации) */
.lv-bgwrap{position:fixed;inset:0;z-index:0;pointer-events:none}
.lv-grid{position:absolute;inset:-60px;
	background-image:linear-gradient(rgba(255,176,0,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,176,0,.05) 1px,transparent 1px);
	background-size:52px 52px;animation:lv-gridmove 14s linear infinite}
@keyframes lv-gridmove{to{transform:translate(52px,52px)}}
.lv-glow{position:absolute;width:52vw;height:52vw;border-radius:50%;filter:blur(90px);opacity:.16;background:var(--lv-amb);will-change:transform}
.lv-glow.g2{background:#2b6b8f;opacity:.12;width:40vw;height:40vw}
.lv-scan{position:absolute;left:0;right:0;height:140px;top:-140px;background:linear-gradient(180deg,transparent,rgba(255,176,0,.045),transparent);animation:lv-scan 9s linear infinite}
@keyframes lv-scan{to{transform:translateY(calc(100vh + 280px))}}

/* прогресс скролла */
.lv-progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--lv-amb);z-index:99}

/* верхняя панель */
.lv-top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid var(--lv-line);font-family:"IBM Plex Mono",monospace;font-size:12px}
.lv-top .b{font-weight:600;letter-spacing:.05em}
.lv-top .b i{font-style:normal;color:var(--lv-amb)}
.lv-top .r{color:var(--lv-mut);display:flex;gap:18px;align-items:center}
.lv-top .r b{color:var(--lv-ok);font-weight:500}
.lv-wrap{max-width:1160px;margin:0 auto;padding:0 clamp(18px,4vw,48px);position:relative;z-index:2}

/* ─── HERO ─── */
.lv-hero{padding:72px max(clamp(18px,4vw,48px),calc((100% - 1160px)/2)) 56px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:52px;align-items:center}
.lv-kick{font-family:"IBM Plex Mono",monospace;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--lv-mut);display:flex;align-items:center;gap:10px}
.lv-kick::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lv-ok);box-shadow:0 0 12px var(--lv-ok);animation:lv-blink 1.6s infinite}
@keyframes lv-blink{0%,100%{opacity:1}50%{opacity:.25}}
.lv-h1{font-size:clamp(36px,4.6vw,58px);line-height:1.06;font-weight:600;letter-spacing:-.025em;margin:20px 0 0;min-height:3.2em}
.lv-h1 .cur{display:none}
@keyframes lv-cur{50%{opacity:0}}
.lv-lead{color:var(--lv-mut);max-width:470px;margin:20px 0 0}
.lv-lead b{color:var(--lv-tx);font-weight:500}
.lv-cta{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}
.lv-btn{display:inline-flex;align-items:center;gap:9px;padding:15px 28px;background:var(--lv-amb);color:#14161a;font-family:"IBM Plex Mono",monospace;font-weight:600;font-size:13.5px;letter-spacing:.04em;text-decoration:none;border:1px solid var(--lv-amb);position:relative;overflow:hidden;will-change:transform}
.lv-btn span{position:relative;z-index:1}
.lv-btn::after{content:"";position:absolute;inset:0;background:#ffc63d;transform:translateX(-101%);transition:transform .35s cubic-bezier(.16,1,.3,1)}
.lv-btn:hover::after{transform:translateX(0)}
.lv-btn2{background:transparent;color:var(--lv-tx);border:1px solid var(--lv-line)}
.lv-btn2::after{background:#1d2127}
/* вращающийся круговой бейдж */
.lv-orbit{position:absolute;right:-8px;top:-86px;width:120px;height:120px;animation:lv-spin 14s linear infinite;pointer-events:none}
.lv-orbit text{font-family:"IBM Plex Mono",monospace;font-size:9.5px;letter-spacing:3px;fill:var(--lv-amb)}
.lv-orbit .c{fill:none;stroke:var(--lv-line)}
.lv-orbit .dot{fill:var(--lv-ok)}
@keyframes lv-spin{to{transform:rotate(360deg)}}

/* терминал */
.lv-term{border:1px solid var(--lv-line);background:var(--lv-pan);position:relative}
.lv-term::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 3px);pointer-events:none}
.lv-term-h{display:flex;align-items:center;gap:7px;padding:11px 14px;border-bottom:1px solid var(--lv-line);font-family:"IBM Plex Mono",monospace;font-size:11px;color:var(--lv-mut);letter-spacing:.08em}
.lv-term-h .d{width:9px;height:9px;border-radius:50%}
.lv-term-h .live{margin-left:auto;color:var(--lv-ok)}
.lv-term-b{padding:16px;font-family:"IBM Plex Mono",monospace;font-size:12.5px;line-height:2;min-height:285px}
.lv-term-b .ln{white-space:nowrap;overflow:hidden}
.lv-term-b .p{color:var(--lv-amb)}
.lv-term-b .ok{color:var(--lv-ok)}
.lv-term-b .cy{color:var(--lv-cy)}
.lv-term-b .mu{color:var(--lv-mut)}

/* ─── секции ─── */
.lv-sec{padding:64px 0;position:relative}
.lv-h2{font-size:clamp(26px,3.4vw,42px);font-weight:600;letter-spacing:-.02em;margin:14px 0 0}
.lv-sub{color:var(--lv-mut);max-width:560px;margin:12px 0 34px}
.lv-h2 .dec{color:var(--lv-amb)}

/* счётчики */
.lv-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--lv-line);border:1px solid var(--lv-line)}
.lv-stat{background:var(--lv-pan);padding:22px 20px}
.lv-stat b{display:block;font-family:"IBM Plex Mono",monospace;font-size:clamp(30px,3.2vw,44px);font-weight:600;letter-spacing:-.03em;color:var(--lv-amb);font-variant-numeric:tabular-nums}
.lv-stat > span{display:block;margin-top:6px;font-family:"IBM Plex Mono",monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--lv-mut)}
.lv-stat .live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lv-ok);margin-right:6px;animation:lv-blink 1.4s infinite}

/* бегущие строки */
.lv-mq{border-top:1px solid var(--lv-line);border-bottom:1px solid var(--lv-line);overflow:hidden;padding:14px 0;--gap:44px;
	-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.lv-mq__t{display:flex;gap:var(--gap);width:max-content;font-family:"IBM Plex Mono",monospace;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--lv-mut)}
.lv-mq__t span{white-space:nowrap}
.lv-mq__t i{font-style:normal;color:var(--lv-amb);padding-left:var(--gap)}
.lv-mq--rev .lv-mq__t{animation:lv-mqr 34s linear infinite}
.lv-mq .lv-mq__t{animation:lv-mq 34s linear infinite}
@keyframes lv-mq{to{transform:translateX(-50%)}}
@keyframes lv-mqr{from{transform:translateX(-50%)}to{transform:translateX(0)}}

/* карточки-юниты с 3D-tilt */
.lv-grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px;perspective:1200px}
.lv-card{position:relative;border:1px solid var(--lv-line);background:linear-gradient(180deg,var(--lv-pan),#12151a);padding:26px;transform-style:preserve-3d;will-change:transform;transition:border-color .3s}
.lv-card:hover{border-color:var(--lv-amb)}
.lv-card .glare{position:absolute;inset:0;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(255,176,0,.12),transparent 45%);opacity:0;transition:opacity .3s;pointer-events:none}
.lv-card:hover .glare{opacity:1}
.lv-card .no{position:absolute;top:20px;right:22px;font-family:"IBM Plex Mono",monospace;font-size:11px;color:var(--lv-mut)}
.lv-card .ic{display:inline-flex;width:44px;height:44px;border:1px solid var(--lv-line);align-items:center;justify-content:center;font-size:19px;color:var(--lv-amb);background:#0e1114;transform:translateZ(30px)}
.lv-card h3{font-size:20px;font-weight:600;margin:16px 0 0;transform:translateZ(24px)}
.lv-card p{color:var(--lv-mut);font-size:14px;margin:10px 0 0;transform:translateZ(16px)}
.lv-card .pr{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:14px;border-top:1px dashed var(--lv-line);transform:translateZ(12px)}
.lv-card .pr b{font-family:"IBM Plex Mono",monospace;color:var(--lv-amb);font-size:15px}
.lv-card .pr .t{font-family:"IBM Plex Mono",monospace;font-size:10.5px;color:var(--lv-mut);text-transform:uppercase;letter-spacing:.1em}

/* uptime sparkline */
.lv-up{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:center}
.lv-up svg{width:100%;height:auto;display:block}
.lv-up .path{stroke:var(--lv-amb);stroke-width:2;fill:none;filter:none}
.lv-up .area{fill:rgba(255,176,0,.06);stroke:none}
.lv-up .dotp{fill:var(--lv-ok);animation:lv-blink 1.4s infinite}
.lv-up-facts{display:flex;flex-direction:column;gap:14px}
.lv-up-facts .f{display:flex;justify-content:space-between;border-bottom:1px dashed var(--lv-line);padding-bottom:10px;font-family:"IBM Plex Mono",monospace;font-size:13px}
.lv-up-facts .f span{color:var(--lv-mut)}
.lv-up-facts .f b{color:var(--lv-amb);font-weight:500}

/* радар */
.lv-radar{position:relative;width:min(320px,80vw);aspect-ratio:1;border:1px solid var(--lv-line);border-radius:50%;margin:0 auto}
.lv-radar::before,.lv-radar::after{content:"";position:absolute;border:1px solid rgba(141,147,155,.25);border-radius:50%}
.lv-radar::before{inset:33%}
.lv-radar::after{inset:16%}
.lv-radar .cross{position:absolute;background:rgba(141,147,155,.25)}
.lv-radar .cross.h{left:0;right:0;top:50%;height:1px}
.lv-radar .cross.v{top:0;bottom:0;left:50%;width:1px}
.lv-radar .sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(255,176,0,.35),transparent 70deg,transparent);animation:lv-sweep 3.6s linear infinite}
@keyframes lv-sweep{to{transform:rotate(360deg)}}
.lv-radar .blip{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--lv-ok);animation:lv-blip 3.6s infinite}
@keyframes lv-blip{0%,18%{opacity:1}45%,100%{opacity:.12}}

/* процесс: линия заполняется при скролле */
.lv-flow{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:10px}
.lv-flow .bar{position:absolute;top:26px;left:3%;right:3%;height:2px;background:var(--lv-line)}
.lv-flow .bar i{position:absolute;inset:0;background:var(--lv-amb);transform-origin:left;transform:scaleX(0);display:block}
.lv-step{position:relative;padding-top:52px}
.lv-step .nd{position:absolute;top:14px;left:0;width:24px;height:24px;border:1px solid var(--lv-amb);background:var(--lv-bg);transform:rotate(45deg);display:flex;align-items:center;justify-content:center}
.lv-step .nd i{width:8px;height:8px;background:var(--lv-amb);transform:rotate(0);opacity:0;display:block}
.lv-step.done .nd i{opacity:1}
.lv-step h3{font-size:17px;font-weight:600;margin:0}
.lv-step .d{font-family:"IBM Plex Mono",monospace;font-size:10.5px;color:var(--lv-amb);letter-spacing:.12em;text-transform:uppercase}
.lv-step p{color:var(--lv-mut);font-size:13.5px;margin:8px 0 0}

/* FAQ */
.lv-faq{border-top:1px solid var(--lv-line)}
.lv-faq__i{border-bottom:1px solid var(--lv-line)}
.lv-faq__q{padding:18px 0 6px;font-size:16.5px;font-weight:600;margin:0}
.lv-faq__a{color:var(--lv-mut);font-size:14px;padding:0 0 18px;margin:0;max-width:640px}

/* финал */
.lv-final{padding:70px 0 60px;border-top:1px solid var(--lv-line);text-align:left}
.lv-big{font-size:clamp(30px,4vw,50px);font-weight:600;letter-spacing:-.025em;line-height:1.08;margin:0}
.lv-chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.lv-chip{font-family:"IBM Plex Mono",monospace;font-size:11.5px;border:1px solid var(--lv-line);padding:9px 15px;color:var(--lv-mut)}
.lv-foot{border-top:1px solid var(--lv-line);padding:16px 0 34px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-family:"IBM Plex Mono",monospace;font-size:10.5px;color:var(--lv-mut)}

/* появление секций (GSAP добавит .in; fallback — видно сразу) */
.lv-rv{opacity:1}
.lv.js .lv-rv{opacity:0;transform:translateY(34px)}
.lv.js .lv-rv.in{opacity:1;transform:none;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}

@media(max-width:920px){
	.lv-hero{grid-template-columns:1fr}
	.lv-grid2{grid-template-columns:1fr}
	.lv-stats{grid-template-columns:1fr 1fr}
	.lv-up{grid-template-columns:1fr}
	.lv-flow{grid-template-columns:1fr 1fr}
	.lv-flow .bar{display:none}
	.lv-orbit{display:none}
}
@media(prefers-reduced-motion:reduce){
	.lv-grid,.lv-scan,.lv-orbit,.lv-radar .sweep,.lv-mq .lv-mq__t{animation:none!important}
	.lv.js .lv-rv{opacity:1;transform:none}
}

/* хедер/футер темы не нужны на живой демке */
body:has(.lv) .top, body:has(.lv) .foot, body:has(.lv) .progress{display:none}

/* ═══ глобальная шапка/футер сайта (LIVE) ═══ */
body{background:#101216}
.lv-top-site{position:sticky;top:0;z-index:50;background:rgba(16,18,22,.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--lv-line)}
.lv-top-site .lv-top{border-bottom:0}
.nav-lv{display:flex;gap:22px;align-items:center}
.nav-lv a{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.08em;color:var(--lv-mut);text-decoration:none;text-transform:uppercase;transition:color .2s}
.nav-lv a:hover{color:var(--lv-tx)}
.nav-lv__cta{border:1px solid var(--lv-line);padding:9px 16px;color:var(--lv-tx)!important;transition:all .25s}
.nav-lv__cta:hover{border-color:var(--lv-amb);color:var(--lv-amb)!important}
.burger-lv{display:none;border:1px solid var(--lv-line);background:none;color:var(--lv-tx);font-family:"IBM Plex Mono",monospace;font-size:11px;padding:8px 14px;cursor:pointer}
.lv-mnav{display:none;border-top:1px solid var(--lv-line)}
.lv-mnav.open{display:block}
.lv-mnav a{display:block;padding:14px clamp(18px,4vw,48px);border-bottom:1px solid var(--lv-line);font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--lv-mut);text-decoration:none}
.lv-foot-site{border-top:1px solid var(--lv-line);background:var(--lv-bg)}
@media(max-width:1080px){.nav-lv{display:none}.burger-lv{display:inline-flex}}

/* одиночная запись в стиле LIVE */
.single-post main,.single-post #content{max-width:800px;margin:0 auto;padding:clamp(40px,7vh,80px) clamp(18px,4vw,48px) 60px}
.single-post h1{font-family:"IBM Plex Sans",sans-serif;font-size:clamp(30px,4vw,50px)!important;font-weight:600!important;letter-spacing:-.02em;line-height:1.1!important;margin:10px 0 0!important;color:var(--lv-tx)}
.single-post .post-meta{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--lv-mut);margin-bottom:30px}
.single-post .post-meta b{color:var(--lv-amb);font-weight:500}
.single-post p{color:#B9BDC4;font-size:16.5px;line-height:1.75;margin:0 0 18px}
.single-post p strong,.single-post b{color:var(--lv-tx)}
.single-post h2{font-size:clamp(22px,2.6vw,30px)!important;font-weight:600;margin:44px 0 14px!important;padding-top:20px;border-top:1px solid var(--lv-line);color:var(--lv-tx)}
.single-post h3{font-size:19px;font-weight:600;margin:28px 0 10px!important;color:var(--lv-tx)}
.single-post ul,.single-post ol{margin:0 0 18px 20px;color:#B9BDC4;line-height:1.7}
.single-post li{margin-bottom:8px}
.single-post a{color:var(--lv-amb);text-decoration:none;border-bottom:1px dashed rgba(255,176,0,.4)}
.single-post table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14px}
.single-post th{font-family:"IBM Plex Mono",monospace;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--lv-mut);text-align:left;padding:10px 12px;border-bottom:1px solid var(--lv-tx)}
.single-post td{padding:11px 12px;border-bottom:1px solid var(--lv-line);color:var(--lv-mut);vertical-align:top}
.single-post td b{color:var(--lv-tx)}
.single-post blockquote{border-left:2px solid var(--lv-amb);margin:22px 0;padding:4px 0 4px 20px;color:var(--lv-tx);font-size:17px}
.single-post .backlink{display:inline-block;margin-top:44px;font-family:"IBM Plex Mono",monospace;font-size:12px;color:var(--lv-amb);border:1px solid var(--lv-line);padding:11px 18px;text-decoration:none}
.single-post .backlink:hover{border-color:var(--lv-amb)}

/* архивы рубрик в стиле LIVE */
.archive main{max-width:1160px;margin:0 auto;padding:clamp(40px,7vh,80px) clamp(18px,4vw,48px) 60px}
.archive .entry-title{font-size:clamp(24px,3vw,38px);font-weight:600;letter-spacing:-.02em;margin:8px 0 26px}
.archive .entry-title a{color:var(--lv-tx);text-decoration:none}
.archive .entry-title a:hover{color:var(--lv-amb)}
.archive article{border:1px solid var(--lv-line);background:var(--lv-pan);padding:20px 22px;margin-bottom:14px}
.archive .post-meta{font-family:"IBM Plex Mono",monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--lv-mut);margin-bottom:8px}

/* демо-страницы со своей вёрсткой — глобальный хедер скрыт */
body:has(.v-spec) .lv-top-site,body:has(.v-srv) .lv-top-site,body:has(.v-blp) .lv-top-site,
body:has(.v-spec) .lv-foot-site,body:has(.v-srv) .lv-foot-site,body:has(.v-blp) .lv-foot-site{display:none}

::selection{background:#458692;color:#000}
.elementor-button{background-color:#458692!important;border:1px solid #458692!important;color:#000!important}
.elementor-button:hover,.elementor-button:focus{background-color:#3a737e!important;border-color:#3a737e!important;color:#000!important}