/* /reklama — «Рекламно студио» (14.10.2026): витрина + симулатор на сайта (споделен с мастера). */
.lx{--nv:#0a1124;--nv2:#111a33;--nv3:#1a2547;--y:#ffc22e;--y2:#ffd966;--rd:#dc2626;--gr:#16a34a;--cy:#22b8da;--brand:#e63946;--pp:#f5f1e8;--pp2:#fffdf8;--ik:#121620;--mt:#5f6673;--ln:#e3dccd;
  font:400 17px/1.55 var(--sans);color:var(--ik);background:var(--pp);overflow-x:clip;position:relative}
html.dark .lx{--pp:#0f131a;--pp2:#161b24;--ik:#f1ede4;--mt:#a3a8b2;--ln:#283041}
.lx *{box-sizing:border-box}
.lx-w{max-width:1320px;margin:0 auto;padding:0 28px}
@media(max-width:700px){.lx-w{padding:0 16px}}
.lx h1,.lx h2,.lx h3,.lx h4{font-family:var(--serif);margin:0;letter-spacing:-.02em;color:inherit}
.lx-mut{color:var(--mt);font-size:14px}
.lx-fine{font-size:13px;color:var(--mt);margin:12px 0 0;line-height:1.5}
.lx-fine a{color:inherit}
.lx-prog{position:fixed;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--y,#ffc22e),var(--brand));transform:scaleX(0);transform-origin:0 50%;z-index:90;pointer-events:none}
.lx-grain{position:absolute;inset:0;pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* кнопки, сегменти */
.lx-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:10px 22px;border-radius:999px;border:2px solid currentColor;background:transparent;color:inherit;font:800 16px/1.15 var(--sans);text-decoration:none;cursor:pointer;transition:transform .25s cubic-bezier(.2,.9,.3,1.3),background .2s,color .2s,box-shadow .25s;-webkit-tap-highlight-color:transparent;white-space:nowrap}
.lx-btn.sig{background:var(--y,#ffc22e);border-color:var(--y,#ffc22e);color:#14110a;box-shadow:0 10px 30px -10px rgba(255,194,46,.7)}
.lx-btn.sig:hover{box-shadow:0 16px 40px -10px rgba(255,194,46,.9)}
.lx-btn.xl{min-height:62px;padding:14px 30px;font-size:18px}
.lx-btn.s{min-height:38px;padding:6px 14px;font-size:14px}
.lx-btn span{transition:transform .25s}.lx-btn:hover span{transform:translateX(4px)}
.lx-btn.dis{opacity:.45;pointer-events:none}
.lx-btn.on{background:var(--gr);border-color:var(--gr);color:#fff}
.lx-seg{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:rgba(127,127,127,.12);flex-wrap:wrap}
.lx-seg button{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:inherit;padding:9px 15px;border-radius:999px;font:700 14.5px/1 var(--sans);cursor:pointer;transition:background .2s,color .2s,transform .2s;-webkit-tap-highlight-color:transparent}
.lx-seg button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lx-seg button[aria-pressed=true]{background:var(--y,#ffc22e);color:#14110a;box-shadow:0 6px 18px -8px rgba(255,194,46,.8)}
.lx-seg button:disabled{opacity:.35;cursor:not-allowed}
.lx-seg.s button{padding:7px 12px;font-size:13.5px}
.lx-seg.xs{align-items:center}.lx-seg.xs>span{padding:0 6px 0 10px;font:700 13px var(--sans);opacity:.75}.lx-seg.xs button{padding:6px 11px;font-size:13px}

/* ═══ HERO / СТУДИО ═══ */
.lx-hero{position:relative;background:radial-gradient(900px 600px at var(--mx,70%) var(--my,30%),rgba(34,184,218,.16),transparent 60%),radial-gradient(800px 500px at 10% 110%,color-mix(in srgb,var(--brand) 26%,transparent),transparent 60%),linear-gradient(160deg,#0a1124,#0d1530 55%,#0a0f20);color:#eef1f7;padding:54px 0 0;overflow:hidden}
.lx-hg{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:44px;align-items:start;position:relative}
@media(max-width:1080px){.lx-hg{grid-template-columns:minmax(0,1fr);gap:28px}}
.lx-kick{display:inline-flex;align-items:center;gap:10px;font:800 12.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--y,#ffc22e);padding:8px 14px;border:1px solid rgba(255,194,46,.35);border-radius:999px}
.lx-kick .dot{width:8px;height:8px;border-radius:50%;background:#ff4d4d;box-shadow:0 0 0 0 rgba(255,77,77,.7);animation:lxPulse 1.8s infinite}
@keyframes lxPulse{70%{box-shadow:0 0 0 10px rgba(255,77,77,0)}100%{box-shadow:0 0 0 0 rgba(255,77,77,0)}}
.lx-copy h1{font-size:clamp(36px,4.6vw,66px);line-height:1.02;margin:22px 0 18px;font-weight:600;color:#fff}
.lx-copy h1 em{font-style:italic;color:var(--y,#ffc22e)}
.lx-copy h1 .who{display:inline-block;color:#fff;background:linear-gradient(transparent 70%,color-mix(in srgb,var(--brand) 80%,transparent) 70%);padding:0 .08em;min-width:3ch;transition:background .4s}
.lx-copy h1 .who.own{background:linear-gradient(transparent 62%,var(--y,#ffc22e) 62%,var(--y,#ffc22e) 94%,transparent 94%);color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.25)}
.lx-lead{font-size:18.5px;color:#c4cbdb;max-width:560px;margin:0 0 24px}
.lx-studio{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.13);border-radius:22px;padding:18px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 30px 60px -30px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.08)}
.lx-studio .lx-r2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-bottom:10px}
@media(max-width:520px){.lx-studio .lx-r2{grid-template-columns:minmax(0,1fr)}}
.lx-studio label>span,.lx-studio .lx-lg>span,.lx-studio .lx-swr>span,.lx-studio .lx-str>span{display:block;font:800 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#93a0bb;margin:0 0 7px}
.lx-studio input:not([type=color]):not([type=file]){width:100%;height:46px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:rgba(5,9,22,.55);color:#fff;font:600 16px var(--sans);padding:0 14px;transition:border-color .2s,box-shadow .2s}
.lx-studio input::placeholder{color:#6f7a93}
.lx-studio input:focus{outline:0;border-color:var(--y,#ffc22e);box-shadow:0 0 0 4px rgba(255,194,46,.18)}
.lx-studio .lx-lg{position:relative}
.lx-file{display:flex;align-items:center;height:46px;border-radius:12px;border:1px dashed rgba(255,255,255,.28);padding:0 40px 0 14px;font:600 14px var(--sans);color:#c4cbdb;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.lx-file:hover{border-color:var(--y,#ffc22e);color:#fff}.lx-file input{display:none}
.lx-x{position:absolute;right:8px;bottom:9px;width:28px;height:28px;border-radius:50%;border:0;background:rgba(255,255,255,.1);color:#fff;cursor:pointer}
.lx-studio .lx-swr,.lx-studio .lx-str{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px}
.lx-studio .lx-swr>span,.lx-studio .lx-str>span{width:100%;margin:6px 0 0}
.lx-sw{width:34px;height:34px;border-radius:50%;border:3px solid rgba(255,255,255,.15);background:var(--c);cursor:pointer;transition:transform .2s,border-color .2s;position:relative;padding:0}
.lx-sw:hover{transform:scale(1.12)}.lx-sw[aria-pressed=true]{border-color:#fff;transform:scale(1.12);box-shadow:0 0 0 3px var(--c)}
.lx-sw.any{background:conic-gradient(#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00);overflow:hidden}.lx-sw.any input{opacity:0;width:100%;height:100%;cursor:pointer}
.lx-st{display:flex;flex-direction:column;align-items:center;gap:5px;border:2px solid transparent;background:rgba(255,255,255,.05);border-radius:12px;padding:6px;cursor:pointer;color:#c4cbdb;transition:border-color .2s,transform .2s}
.lx-st img{width:96px;height:32px;border-radius:6px;display:block;object-fit:cover}
.lx-st b{font:700 12px var(--sans)}
.lx-st:hover{transform:translateY(-2px)}.lx-st[aria-pressed=true]{border-color:var(--y,#ffc22e);color:#fff}
.lx-studio .lx-fine{color:#8792ab}

.lx-stagewrap{position:relative}
.lx-tools{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:14px}
.lx-tools .lx-seg{background:rgba(255,255,255,.07);color:#dfe5f1}
.lx-hrow{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:14px 0 10px}
.lx-hrow .lx-seg{background:rgba(255,255,255,.07);color:#dfe5f1}.lx-hrow .lx-mut{color:#8792ab}
.lx-stage{perspective:1600px;position:relative}
.lx-emu{--rx:0deg;--ry:0deg;transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .26s,filter .26s;display:flex;justify-content:center}
.lx-emu.swap{opacity:0;filter:blur(8px);transform:rotateX(var(--rx)) rotateY(var(--ry)) scale(.94)}
.lx-heres{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:26px}
.lx-here{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.04);color:#dfe5f1;border-radius:999px;padding:7px 12px;font:700 13px var(--sans);cursor:pointer;display:inline-flex;gap:8px;align-items:center;transition:all .2s}
.lx-here b{color:var(--y,#ffc22e);font-weight:800}
.lx-here.on,.lx-here:hover{background:var(--y,#ffc22e);color:#14110a;border-color:var(--y,#ffc22e)}.lx-here.on b,.lx-here:hover b{color:#14110a}
.lx-here.is-in::before{content:"✓";color:#4ade80;font-weight:900}.lx-here.on.is-in::before{color:#14110a}
.lx-pop{position:absolute;right:-6px;top:40px;z-index:5;width:280px;background:#fff;color:#121620;border-radius:18px;padding:18px;box-shadow:0 30px 60px -20px rgba(0,0,0,.6);transform-origin:90% 0}
.lx-pop.is-in{animation:lxPop .45s cubic-bezier(.2,1.2,.3,1)}
@keyframes lxPop{from{opacity:0;transform:scale(.7) translateY(-10px)}}
.lx-pop .x{position:absolute;right:10px;top:10px;border:0;background:#f1f1f1;width:28px;height:28px;border-radius:50%;cursor:pointer}
.lx-pop .pk{font:800 11px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#0f6e8c}
.lx-pop h4{font-size:20px;margin:6px 0}.lx-pop p{font-size:14px;color:#5f6673;margin:0 0 10px}
.lx-pop .pr{margin-bottom:12px}.lx-pop .pr b{font:600 26px var(--serif)}.lx-pop .pr s{color:#999}
.lx-pop .lx-btn{width:100%}.lx-pop .lx-btn.ghost{color:#16a34a}
@media(max-width:700px){.lx-pop{left:8px;right:8px;width:auto;top:auto;bottom:10px}}

/* тикер */
.lx-ticker{border-top:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.25);overflow:hidden;white-space:nowrap;padding:12px 0;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.lx-trk{display:inline-flex;align-items:center;gap:34px;animation:lxTick 60s linear infinite;padding-left:34px}
.lx-ticker:hover .lx-trk{animation-play-state:paused}
@keyframes lxTick{to{transform:translateX(-50%)}}
.lx-trk .t{font:600 19px/1 var(--serif);color:#aeb7cb}
.lx-trk .ad img{height:40px;width:auto;border-radius:6px;display:block;box-shadow:0 0 0 2px var(--y,#ffc22e),0 8px 22px -8px rgba(255,194,46,.8)}

/* ═══ СЕКЦИИ ═══ */
.lx-sec{padding:100px 0;position:relative}
@media(max-width:700px){.lx-sec{padding:64px 0}}
.lx-dark{background:#0a1124;color:#eef1f7}.lx-dark .lx-mut{color:#8f9ab1}
.lx-paper{background:var(--pp2)}
.lx-k{display:inline-flex;align-items:center;gap:10px;font:800 12px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--brand);margin-bottom:14px}
.lx-k::before{content:"";width:28px;height:2px;background:currentColor}
.lx-h2{font-size:clamp(30px,4vw,54px);line-height:1.05;font-weight:600;max-width:980px}
.lx-h2 .u{background:linear-gradient(transparent 66%,color-mix(in srgb,var(--y,#ffc22e) 70%,transparent) 66%);padding:0 .05em}
.lx-sub{font-size:18px;color:var(--mt);max-width:760px;margin:16px 0 0}

[data-rv]{opacity:0;transform:translateY(34px);transition:opacity .8s cubic-bezier(.2,.8,.2,1) var(--d,0ms),transform .8s cubic-bezier(.2,.8,.2,1) var(--d,0ms)}
[data-rv].is-in{opacity:1;transform:none}
.lx h2[data-rv]{clip-path:inset(0 0 100% 0);transform:translateY(20px);transition:clip-path 1s cubic-bezier(.7,0,.2,1),transform 1s cubic-bezier(.2,.8,.2,1),opacity .4s}
.lx h2[data-rv].is-in{clip-path:inset(0 0 0 0)}
.lx h2[data-rv]{padding-bottom:.12em}

/* места */
.lx-places{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:44px}
@media(max-width:1080px){.lx-places{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.lx-places{grid-template-columns:minmax(0,1fr)}}
.lx-place{background:var(--pp2);border:1px solid var(--ln);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .3s}
.lx-place:hover{transform:translateY(-6px);box-shadow:0 30px 50px -30px rgba(10,17,36,.45)}
.lx-place.is-in{border-color:var(--gr);box-shadow:0 0 0 2px var(--gr)}
.lx-pv{position:relative;background:repeating-linear-gradient(-45deg,rgba(127,127,127,.06) 0 10px,transparent 10px 20px),#e9e4d8;padding:22px;display:flex;align-items:center;justify-content:center;min-height:170px;overflow:hidden}
html.dark .lx-pv{background:repeating-linear-gradient(-45deg,rgba(255,255,255,.03) 0 10px,transparent 10px 20px),#1b2130}
.lx-pv img{max-width:100%;max-height:200px;width:auto;height:auto;border-radius:8px;box-shadow:0 18px 30px -16px rgba(0,0,0,.5);display:block}
.lx-pv.tall img{max-height:260px}
.lx-shine{position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);transform:translateX(-120%);pointer-events:none}
.lx-place:hover .lx-shine{transition:transform 1s ease;transform:translateX(120%)}
.lx-pb{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1}
.lx-pb h3{font-size:22px;line-height:1.15}
.lx-dv{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 8px}
.lx-dv span{display:inline-flex;align-items:center;gap:6px;font:700 12px var(--sans);padding:4px 10px;border-radius:999px;border:1px solid var(--ln)}
.lx-dv svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}
.lx-dv .y{background:rgba(22,163,74,.12);border-color:rgba(22,163,74,.45);color:#15803d}
html.dark .lx-dv .y{color:#4ade80}
.lx-dv .n{opacity:.45;text-decoration:line-through}
.lx-where{font-size:14.5px;margin:0;color:var(--ik)}
.lx-rot{font-size:13.5px;color:var(--mt);margin:4px 0 14px}
.lx-pf{margin-top:auto;display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;justify-content:space-between}
.lx-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px}
.lx-price b{font:600 30px/1 var(--serif)}.lx-price span{font-size:13px;color:var(--mt)}.lx-price s{color:var(--mt);font-size:15px}
.lx-price em,.lx-promo{font:800 10.5px var(--sans);font-style:normal;letter-spacing:.06em;text-transform:uppercase;background:var(--rd);color:#fff;border-radius:5px;padding:3px 7px}
.lx-pa{display:flex;gap:6px}

/* шапката: цяла / части */
.lx-splitui{margin:30px 0 22px}.lx-dark .lx-seg{background:rgba(255,255,255,.08)}
.lx-split{position:relative;max-width:980px;aspect-ratio:970/250}
.lx-split .whole,.lx-split .tls{position:absolute;inset:0;transition:all .8s cubic-bezier(.7,0,.2,1)}
.lx-split .whole img{width:100%;height:100%;border-radius:14px;display:block;box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.lx-split .tls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:center;opacity:0;transform:scale(.96)}
.lx-split .tls img{width:100%;border-radius:10px;display:block;box-shadow:0 20px 40px -20px rgba(0,0,0,.8);transform:translateY(30px);opacity:0;transition:all .7s cubic-bezier(.2,.8,.2,1)}
.lx-split.tiles .whole{clip-path:inset(0 50% 0 50% round 14px);opacity:0}
.lx-split.tiles .tls{opacity:1;transform:none}
.lx-split.tiles .tls img{transform:none;opacity:1}
.lx-split.tiles .tls img:nth-child(2){transition-delay:.12s}.lx-split.tiles .tls img:nth-child(3){transition-delay:.24s}
.lx-split .tls img:first-child{box-shadow:0 0 0 3px var(--y,#ffc22e),0 20px 40px -20px rgba(0,0,0,.8)}
.lx-splitcap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:34px;font-size:15.5px;color:#c4cbdb}
@media(max-width:800px){.lx-splitcap{grid-template-columns:minmax(0,1fr)}}
.lx-splitcap b{color:#fff}

/* миксер */
.lx-mix{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:0;margin-top:40px;border-radius:28px;overflow:hidden;border:1px solid var(--ln);background:var(--pp2);box-shadow:0 40px 80px -50px rgba(10,17,36,.5)}
@media(max-width:900px){.lx-mix{grid-template-columns:minmax(0,1fr)}}
.lx-mix .l{padding:30px}.lx-mix .r{padding:30px;background:#0a1124;color:#fff;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.lx-mix .r::before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,194,46,.25),transparent 60%);right:-160px;top:-160px;transition:transform .6s}
.lx-mix.maxed .r::before{transform:scale(1.6)}
.lx-mix .lbl{font:800 12px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--mt);margin-bottom:10px}
.lx-mix .lbl b{color:var(--ik);letter-spacing:0;text-transform:none;font-size:15px}
.lx-chips{display:flex;flex-wrap:wrap;gap:8px}
.lx-chip{border:1.5px solid var(--ln);background:transparent;color:var(--ik);border-radius:14px;padding:9px 13px;font:700 14px var(--sans);cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:2px;transition:all .2s}
.lx-chip small{font-weight:600;color:var(--mt)}
.lx-chip[aria-pressed=true]{background:#0a1124;border-color:#0a1124;color:#fff}.lx-chip[aria-pressed=true] small{color:var(--y,#ffc22e)}
html.dark .lx-chip[aria-pressed=true]{background:var(--y,#ffc22e);color:#14110a;border-color:var(--y,#ffc22e)}html.dark .lx-chip[aria-pressed=true] small{color:#14110a}
.lx-mix input[type=range]{width:100%;accent-color:var(--brand);height:30px}
.lx-wks{display:flex;flex-wrap:wrap;gap:6px}
.lx-wks button{border:1px solid var(--ln);background:transparent;color:var(--ik);border-radius:999px;padding:6px 11px;font:700 13px var(--sans);cursor:pointer}
.lx-wks button[aria-pressed=true]{background:var(--y,#ffc22e);border-color:var(--y,#ffc22e);color:#14110a}
.lx-meter{position:relative;height:18px;border-radius:999px;background:rgba(127,127,127,.15);display:flex;overflow:visible;margin:8px 0 26px}
.lx-meter i{display:block;height:100%;transition:width .6s cubic-bezier(.2,.8,.2,1)}
.lx-meter .s1{background:var(--cy);border-radius:999px 0 0 999px}.lx-meter .s2{background:var(--gr)}
.lx-meter .ov{background:repeating-linear-gradient(-45deg,rgba(220,38,38,.55) 0 5px,transparent 5px 10px);border-radius:0 999px 999px 0}
.lx-meter .cap{position:absolute;top:-6px;bottom:-6px;width:2px;background:var(--rd)}
.lx-meter .cap b{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:4px;font:800 11px var(--sans);color:var(--rd);white-space:nowrap}
.lx-dl{font-size:14.5px;color:var(--mt)}.lx-dl b{color:var(--ik)}
.lx-mix .tot{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:6px 0}
.lx-mix .tot b{font:600 clamp(44px,5vw,68px)/1 var(--serif);color:var(--y,#ffc22e);font-variant-numeric:tabular-nums}
.lx-mix .tot s{color:#7e8aa5;font-size:20px}
.lx-mix .day{color:#c4cbdb;font-size:15px}
.lx-mix .sv{color:#4ade80;font-weight:800;margin:10px 0 18px;min-height:1.4em}
.lx-mix .r .lx-mut,.lx-mix .r .lx-fine{color:#8f9ab1}

/* статия */
.lx-art{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:50px;align-items:center;margin-top:40px}
@media(max-width:900px){.lx-art{grid-template-columns:minmax(0,1fr)}}
.lx-big span{display:block;font:800 12px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--mt);margin-bottom:8px}
.lx-big input{width:100%;border:0;border-bottom:3px solid var(--ik);background:transparent;color:var(--ik);font:600 clamp(22px,2.6vw,32px)/1.25 var(--serif);padding:8px 0}
.lx-big input:focus{outline:0;border-color:var(--brand)}
.lx-art .lx-seg{background:rgba(127,127,127,.1)}.lx-art .lx-seg s{opacity:.55}
.lx-xs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px 0}
@media(max-width:520px){.lx-xs{grid-template-columns:minmax(0,1fr)}}
.lx-xs label{display:flex;gap:8px;align-items:center;font-size:15px;border:1px solid var(--ln);border-radius:12px;padding:10px 12px;cursor:pointer}
.lx-xs b{margin-left:auto;font-size:13.5px}
.lx-xs input{accent-color:var(--brand);width:18px;height:18px}
.lx-atot{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin:8px 0 16px}
.lx-atot b{font:600 46px/1 var(--serif)}.lx-atot s{color:var(--mt);font-size:20px}.lx-atot .lx-mut{width:100%}
.lx-phone{width:340px;max-width:100%;margin:0 auto;border-radius:44px;padding:12px;background:#0b0f1a;box-shadow:0 50px 80px -40px rgba(10,17,36,.8),inset 0 0 0 2px #2a3245;transform:rotate(2deg)}
.lx-phone .scr{background:#fff;color:#0f1e3d;border-radius:34px;overflow:hidden;min-height:560px;padding:16px 16px 18px;position:relative}
.ph-h{display:flex;justify-content:center;padding:12px 0 12px;border-bottom:1px solid #e5e9f0}
.ph-t{font:800 13px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#0891b2;margin:14px 0 6px}
.ph-feed{list-style:none;margin:0;padding:0}
.ph-feed li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;padding:10px 0;border-bottom:1px solid #edf0f5;font:600 14px/1.35 var(--sans)}
.ph-feed time{font:700 12px var(--mono);color:#0891b2}
.ph-feed em{display:block;font:700 10.5px var(--sans);font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:#7a8699;margin-top:3px}
.ph-feed li.own{background:linear-gradient(90deg,rgba(255,194,46,.25),rgba(255,194,46,0));margin:0 -16px;padding:12px 16px;animation:lxIn .7s cubic-bezier(.2,1.2,.3,1)}
.ph-feed li.own em{color:#b45309}
@keyframes lxIn{from{transform:translateX(-30px);opacity:0}}
.ph-l{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:14px}
.ph-l span{font:800 11px var(--sans);padding:4px 8px;border-radius:6px;background:#eef1f6;color:#5b6577;transition:all .3s}
.ph-l span.on{background:#0f1e3d;color:#fff;transform:translateY(-2px)}
.ph-l small{font-size:12px;color:#7a8699}

/* как става */
.lx-how{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:60px;padding-top:70px}
.lx-how .lx-ln{position:absolute;left:0;right:0;top:0;width:100%;height:110px}
.lx-how .lx-ln path{fill:none;stroke-width:3}.lx-how .lx-ln .bg{stroke:var(--ln)}.lx-how .lx-ln .draw{stroke:var(--brand);stroke-linecap:round}
.lx-step b{display:inline-flex;width:56px;height:56px;border-radius:50%;align-items:center;justify-content:center;font:600 26px var(--serif);background:var(--pp2);border:2px solid var(--ln);transition:all .5s cubic-bezier(.2,1.3,.3,1);position:relative;z-index:1}
.lx-step.lit b{background:var(--y,#ffc22e);border-color:var(--y,#ffc22e);transform:scale(1.12) rotate(-6deg);box-shadow:0 12px 26px -10px rgba(255,194,46,.9)}
.lx-step h3{font-size:22px;margin:16px 0 6px}.lx-step p{color:var(--mt);font-size:15.5px;margin:0}
@media(max-width:800px){.lx-how{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:20px}.lx-how .lx-ln{display:none}}
@media(max-width:480px){.lx-how{grid-template-columns:minmax(0,1fr)}}

/* правила / въпроси */
.lx-qa{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px}
@media(max-width:900px){.lx-qa{grid-template-columns:minmax(0,1fr);gap:30px}}
.lx-rules{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:14px}
.lx-rules li{padding-left:34px;position:relative;font-size:16px;color:var(--mt)}
.lx-rules li b{color:var(--ik)}
.lx-rules li::before{content:"";position:absolute;left:0;top:3px;width:22px;height:22px;border-radius:50%;background:var(--gr) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/14px no-repeat}
.lx-faq details{border-bottom:1px solid var(--ln);padding:4px 0}
.lx-faq summary{cursor:pointer;list-style:none;font:600 19px/1.3 var(--serif);padding:16px 40px 16px 0;position:relative}
.lx-faq summary::-webkit-details-marker{display:none}
.lx-faq summary::after{content:"+";position:absolute;right:4px;top:12px;font:400 28px/1 var(--sans);transition:transform .3s;color:var(--brand)}
.lx-faq details[open] summary::after{transform:rotate(45deg)}
.lx-faq details>div{padding:0 0 18px;color:var(--mt);font-size:16px}

/* финал */
.lx-final{position:relative;background:radial-gradient(700px 400px at 80% 0%,color-mix(in srgb,var(--brand) 35%,transparent),transparent 65%),#0a1124;color:#fff;padding:120px 0;overflow:hidden;text-align:center}
.lx-final h2{font-size:clamp(34px,5.4vw,80px);line-height:1.02;font-weight:600}
.lx-final h2 em{color:var(--y,#ffc22e)}
.lx-final .lx-acts{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin:40px 0 22px}
.lx-final .lx-btn.ghost{color:#fff}
.lx-final .lx-mut{color:#8f9ab1}.lx-final a{color:#dfe5f1}

/* кошница */
.lx-cart{position:fixed;right:20px;bottom:20px;z-index:60;display:flex;align-items:center;gap:12px;padding:10px 10px 10px 12px;border-radius:999px;background:#0a1124;color:#fff;text-decoration:none;box-shadow:0 20px 40px -14px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.08);animation:lxIn .5s cubic-bezier(.2,1.2,.3,1)}
.lx-cart .ic{width:40px;height:40px;border-radius:50%;background:var(--y,#ffc22e);display:flex;align-items:center;justify-content:center}
.lx-cart .ic svg{width:20px;height:20px;fill:none;stroke:#14110a;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.lx-cart b{display:block;font:800 14px var(--sans)}.lx-cart small{font:600 12.5px var(--sans);color:#aeb7cb}
.lx-cart .go{font:800 14px var(--sans);background:rgba(255,255,255,.1);padding:10px 14px;border-radius:999px}
.lx-cart.bump{animation:lxBump .5s cubic-bezier(.2,1.6,.3,1)}
@keyframes lxBump{40%{transform:scale(1.12)}}
@media(max-width:780px){.lx-cart{left:12px;right:12px;bottom:calc(76px + env(safe-area-inset-bottom));justify-content:space-between}}
.lx-fly{position:fixed;z-index:95;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;background:var(--y,#ffc22e);box-shadow:0 0 20px var(--y,#ffc22e);pointer-events:none;transition:transform .6s cubic-bezier(.5,-.3,.6,1),opacity .6s}
.lx-confetti{position:fixed;inset:0;z-index:96;pointer-events:none}

/* ═══ СИМУЛАТОР (рамки) ═══ */
.mk-frame{position:relative;width:100%;margin:0 auto;transition:width .55s cubic-bezier(.7,0,.2,1),border-radius .55s,padding .55s;background:#0b0f1a;box-shadow:0 60px 100px -50px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.08)}
.mk-frame.is-d{border-radius:14px;padding:0}
.mk-frame.is-m,.mk-frame.is-amp{width:min(330px,100%);border-radius:46px;padding:12px;box-shadow:0 60px 100px -50px rgba(0,0,0,.85),inset 0 0 0 2px #2b3348}
.mk-chrome{display:flex;align-items:center;gap:7px;height:38px;padding:0 14px;background:#1a2133;border-radius:14px 14px 0 0}
.mk-chrome i{width:11px;height:11px;border-radius:50%;background:#ff5f57}.mk-chrome i:nth-child(2){background:#febc2e}.mk-chrome i:nth-child(3){background:#28c840}
.mk-url{margin-left:14px;flex:1;max-width:420px;height:24px;border-radius:7px;background:#0b0f1a;color:#9aa4ba;font:600 12px/24px var(--sans);padding:0 12px;overflow:hidden;white-space:nowrap}
.mk-url::before{content:"🔒 ";filter:grayscale(1);opacity:.6}
.mk-frame:not(.is-d) .mk-chrome{display:none}
.mk-notch{display:none}
.mk-frame:not(.is-d) .mk-notch{display:block;position:absolute;left:50%;top:20px;transform:translateX(-50%);width:96px;height:26px;border-radius:14px;background:#0b0f1a;z-index:3}
.mk-screen{position:relative;overflow:hidden;background:#fff;height:min(56vw,560px)}
.mk-frame.is-d .mk-screen{border-radius:0 0 14px 14px;aspect-ratio:16/10;height:auto}
.mk-frame:not(.is-d) .mk-screen{border-radius:34px;aspect-ratio:9/19;height:auto}
.mk-scroll{position:absolute;left:0;top:0;transform-origin:0 0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;overscroll-behavior:contain}
.mk-scroll::-webkit-scrollbar{display:none}
.mk-home{display:none}
.mk-frame:not(.is-d) .mk-home{display:block;position:absolute;left:50%;bottom:20px;transform:translateX(-50%);width:110px;height:4px;border-radius:2px;background:rgba(0,0,0,.35);z-index:3}

/* ═══ СИМУЛАТОР (страницата в натурален размер) ═══ */
.mk{font-family:'Manrope',system-ui,sans-serif;color:#0f1e3d;background:#fff;min-height:100%;-webkit-font-smoothing:antialiased;line-height:1.45}
.mk *{box-sizing:border-box}
.mk img{display:block;max-width:100%}
.mk-noimg{display:block;background:linear-gradient(135deg,#dfe6ef,#c7d2e0)}
.mk-logo{display:inline-flex;align-items:center;gap:.4em;font-weight:800;letter-spacing:-.02em;color:#0f1e3d;line-height:1}
.mk-logo .r{color:#dc2626;margin-left:-.4em}
.mk-mark{position:relative;width:1.6em;height:1.6em;border-radius:.32em;overflow:hidden;display:inline-flex;flex-direction:column;box-shadow:0 2px 6px rgba(15,30,61,.25)}
.mk-mark i{flex:1;display:block}.mk-mark i:nth-child(1){background:#fff}.mk-mark i:nth-child(2){background:#16a34a}.mk-mark i:nth-child(3){background:#dc2626}
.mk-mark b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.95em;text-shadow:0 1px 2px rgba(0,0,0,.5)}
.mk-mark em{display:none}
.mk-util{display:flex;justify-content:space-between;background:#0f1e3d;color:#c8d1e3;font-size:13px;padding:8px 40px}
.mk-mast{display:flex;align-items:center;gap:30px;padding:18px 40px;border-bottom:1px solid #e3e8f0;background:#fff}
.mk-mast nav{display:flex;gap:22px;font-weight:700;font-size:15px;color:#33415c;flex:1}
.mk-srch{width:40px;height:40px;border-radius:50%;background:#eef1f6}
.mk-mast.m{padding:14px 16px;gap:10px}.mk-mast.m .mk-logo{margin-right:auto}
.mk-ic{width:34px;height:34px;border-radius:50%;background:#eef1f6}.mk-burg{width:30px;height:20px;border-top:3px solid #0f1e3d;border-bottom:3px solid #0f1e3d;position:relative}.mk-burg::after{content:"";position:absolute;left:0;right:0;top:5.5px;border-top:3px solid #0f1e3d}
.mk-body{padding:22px 40px 40px}
.mk-m .mk-body,.mk-amp .mk-body{padding:14px 16px 90px}
.mk-cols{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:36px}
.mk-m .mk-cols,.mk-amp .mk-cols{display:block}
.mk-lead{display:grid;grid-template-columns:1.25fr 1fr;gap:22px;align-items:center}
.mk-m .mk-lead{display:block}
.mk-lead img,.mk-lead .mk-noimg{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:10px}
.mk-k{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#0891b2}
.mk-lead h2{font-family:'Literata',Georgia,serif;font-size:30px;line-height:1.15;margin:8px 0 0;font-weight:600;letter-spacing:-.01em}
.mk-m .mk-lead h2{font-size:23px;margin-top:10px}
.mk-two{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:22px 0}
.mk-m .mk-two{gap:12px}
.mk-card img,.mk-card .mk-noimg{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:8px;margin-bottom:8px}
.mk-card span{font-weight:700;font-size:15.5px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mk-m .mk-card span{font-size:14px}
.mk-feed{margin-top:26px}
.mk-feed h3{font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#0891b2;margin:0 0 6px;font-family:'Manrope',sans-serif}
.mk-feed ol{list-style:none;padding:0;margin:0;column-count:2;column-gap:30px}
.mk-m .mk-feed ol{column-count:1}
.mk-feed li{break-inside:avoid;display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;padding:11px 0;border-bottom:1px solid #e3e8f0;font-weight:700;font-size:15px}
.mk-feed time{font-family:ui-monospace,monospace;font-size:13px;color:#0891b2}
.mk-feed em{display:block;font-style:normal;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#7a8699;margin-top:4px}
.mk-feed li.mk-feedad{display:block;border:0;padding:6px 0}
.mk-side .mk-pop{border:1px solid #e3e8f0;border-radius:10px;padding:14px 16px;margin:18px 0}
.mk-pop h4{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#0891b2;margin:0 0 6px;font-family:'Manrope',sans-serif}
.mk-pop p{display:flex;gap:10px;font-size:14px;font-weight:700;margin:8px 0;line-height:1.3}.mk-pop b{color:#dc2626;font-size:18px;font-family:'Literata',serif}
.mk-crumb{font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#0891b2}
.mk-art h1{font-family:'Literata',Georgia,serif;font-size:38px;line-height:1.12;font-weight:600;margin:10px 0 10px;letter-spacing:-.015em}
.mk-m .mk-art h1,.mk-amp .mk-art h1{font-size:25px}
.mk-meta{font-size:13.5px;color:#7a8699;margin-bottom:16px}
.mk-hero{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;margin-bottom:18px}
.mk-art p{font-family:'Literata',Georgia,serif;font-size:18px;line-height:1.7;color:#24324f;margin:0 0 16px}
.mk-m .mk-art p,.mk-amp .mk-art p{font-size:16.5px}
.mk-more h3{font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#0891b2;margin:26px 0 12px;font-family:'Manrope',sans-serif}
.mk-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.mk-m .mk-cards{grid-template-columns:1fr 1fr}.mk-m .mk-cards .mk-card:nth-child(3){display:none}
.mk-cath{font-family:'Literata',Georgia,serif;font-size:44px;margin:0 0 16px;font-weight:600}
.mk-m .mk-cath{font-size:30px}
.mk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.mk-m .mk-grid{grid-template-columns:1fr 1fr;gap:12px}
.mk-foot{display:flex;justify-content:space-between;align-items:center;padding:26px 40px;background:#0f1e3d;color:#9aa4ba;font-size:14px}
.mk-foot .mk-logo{color:#fff}
.mk-m .mk-foot{padding:20px 16px 90px;flex-direction:column;gap:10px}
.mk-appbar{position:sticky;bottom:0;display:flex;justify-content:space-around;align-items:center;height:68px;background:#fff;border-top:1px solid #e3e8f0;margin-top:-68px}
.mk-appbar i{width:26px;height:26px;border-radius:8px;background:#dfe5ee}.mk-appbar b{width:54px;height:54px;border-radius:50%;background:#0f1e3d;margin-top:-26px;box-shadow:0 6px 16px rgba(15,30,61,.4)}
.mk-amp-g{display:flex;align-items:center;gap:12px;background:#f1f3f4;padding:12px 14px;border-bottom:1px solid #dadce0;font-family:Arial,sans-serif;position:sticky;top:0;z-index:2}
.mk-amp-g .x{font-size:18px;color:#5f6368}.mk-amp-g .u{flex:1;line-height:1.2}.mk-amp-g .u b{display:block;font-size:14px;color:#202124}.mk-amp-g .u small{font-size:11.5px;color:#5f6368}
.mk-amp-g .sh{width:22px;height:22px;border-radius:50%;border:2px solid #5f6368}
.mk-amp-h{display:flex;justify-content:center;padding:14px;border-bottom:1px solid #e3e8f0}

/* рекламата в макета */
.mk-ad{position:relative;margin:18px auto;text-align:center;cursor:pointer;transition:transform .3s}
.mk-ad img,.mk-ad .mk-ph{width:100%;height:auto;border-radius:6px;display:block}
.mk-ph{display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(-45deg,#fff7db 0 10px,#fff1c2 10px 20px);border:2px dashed #e0b23a;color:#8a6400;font-weight:800;font-size:14px}
.mk-adl{display:block;text-align:left;font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#7b8494;line-height:1.8}
.mk-tag{position:absolute;left:50%;top:-14px;transform:translate(-50%,-6px);opacity:0;background:#ffc22e;color:#14110a;font-weight:800;font-size:14px;padding:6px 12px;border-radius:999px;white-space:nowrap;transition:all .3s;pointer-events:none;z-index:2;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.mk-ad::after{content:"";position:absolute;inset:12px -8px -8px;border:4px solid #ffc22e;border-radius:12px;opacity:0;transition:opacity .3s;pointer-events:none}
.mk-ad:hover::after,.mk-ad.on::after{opacity:1}
.mk-ad.on::after{animation:mkPulse 1.6s infinite}
.mk-ad:hover .mk-tag,.mk-ad.on .mk-tag{opacity:1;transform:translate(-50%,0)}
.mk-ad.is-in .mk-adl::after{content:" · в кошницата ✓";color:#16a34a}
@keyframes mkPulse{50%{box-shadow:0 0 0 10px rgba(255,194,46,.25)}}
.mk-row{display:grid;grid-template-columns:repeat(3,minmax(0,300px));gap:14px;justify-content:center}
.mk-tile.nb{opacity:.92}
.mk-side .mk-ad{margin:0 0 18px}

/* статус-бар на телефона (над скрола) */
.mk-sb{display:none}
.mk-frame:not(.is-d) .mk-sb{display:flex;position:absolute;left:0;right:0;top:0;height:34px;align-items:center;justify-content:space-between;padding:4px 26px 0;background:#fff;z-index:2;font:800 13px var(--sans);color:#111}
.mk-sb span{display:flex;align-items:flex-end;gap:2px}.mk-sb i{width:3px;background:#111;border-radius:1px}.mk-sb i:nth-child(1){height:5px}.mk-sb i:nth-child(2){height:8px}.mk-sb i:nth-child(3){height:11px}
.mk-sb em{width:22px;height:11px;border:2px solid #111;border-radius:3px;margin-left:6px;background:linear-gradient(90deg,#111 70%,transparent 70%)}
.mk-m,.mk-amp{padding-top:44px}
.mk-amp-g{top:0}
.lx-hero .lx-seg button{color:#dfe5f1}.lx-hero .lx-seg button[aria-pressed=true]{color:#14110a}
.lx-dark .lx-seg button{color:#dfe5f1}.lx-dark .lx-seg button[aria-pressed=true]{color:#14110a}

/* ═══ МАСТЕР: студио + симулатор ═══ */
.rk2 .box.sd{background:linear-gradient(135deg,#0a1124,#16214a);color:#eef1f7;border-color:transparent}
.rk2 .box.sd h3{color:#fff}.rk2 .box.sd .sub{color:#c4cbdb}
.sd-h{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.sd-pv{max-width:300px;width:100%;border-radius:8px;box-shadow:0 18px 30px -16px rgba(0,0,0,.7)}
.sd-f{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
@media(max-width:700px){.sd-f{grid-template-columns:minmax(0,1fr)}}
.sd-f label{font:700 13px var(--sans);color:#93a0bb}
.rk2 .box.sd .in{background:rgba(5,9,22,.55);border-color:rgba(255,255,255,.18);color:#fff;margin-top:4px}
.sd-o{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;align-items:center}
.sd-sw{width:30px;height:30px;border-radius:50%;border:3px solid rgba(255,255,255,.2);background:var(--c);cursor:pointer;padding:0}
.sd-sw[aria-pressed=true]{border-color:#fff;box-shadow:0 0 0 2px var(--c)}
.sd-st{border:1px solid rgba(255,255,255,.2);background:transparent;color:#dfe5f1;border-radius:999px;padding:6px 12px;font:700 13px var(--sans);cursor:pointer}
.sd-st[aria-pressed=true]{background:#ffc22e;border-color:#ffc22e;color:#14110a}
.rk2 .box.sd .b.ghost{color:#fff;border-color:rgba(255,255,255,.4);background:transparent}
.rk2 .box.emu{background:#0a1124;color:#eef1f7;border-color:transparent}
.rk2 .box.emu h3{color:#fff}.rk2 .box.emu .sub{color:#aeb7cb}
.emu-h{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.emu-t{display:flex;flex-wrap:wrap;gap:8px}
.emu-t .lx-seg{background:rgba(255,255,255,.08)}.emu-t .lx-seg button{color:#dfe5f1}.emu-t .lx-seg button[aria-pressed=true]{color:#14110a}
.emu-st{margin-top:14px}
.emu-none{position:sticky;top:0;z-index:3;background:#fff7db;color:#8a6400;font:800 16px var(--sans);padding:14px 18px;text-align:center}

.mk h1,.mk h2,.mk h3,.mk h4{color:#0f1e3d}

/* ═══ 14.10 v5: заглавие без „скачане“ ═══ */
.lx-copy h1{font-size:clamp(34px,4.2vw,60px)}
.lx-copy h1 .who-box{display:block;height:1.16em;overflow:hidden;position:relative;margin-bottom:.06em}
.lx-copy h1 .who{position:absolute;left:0;top:0;white-space:nowrap;transform-origin:0 50%;transition:opacity .26s ease,translate .26s ease;padding:0 .08em;min-width:0}
.lx-copy h1 .who.out{opacity:0;translate:0 -.35em}
.lx-copy h1 .who.inn{opacity:0;translate:0 .35em;transition:none}
.lx-here.off{opacity:.45}
.lx-heres{min-height:84px;align-content:flex-start}

/* ═══ СЦЕНА: ноутбук + телефон ═══ */
.lx-emu{display:block}
.dvc{position:relative;width:100%;aspect-ratio:16/10.6;margin:6px 0 4px}
.dvc-glow{position:absolute;inset:6% 4% -2% 4%;background:radial-gradient(closest-side,color-mix(in srgb,var(--brand,#e63946) 42%,transparent),transparent);filter:blur(46px);opacity:.6;pointer-events:none;transition:background .6s}
.dv-lap{position:absolute;left:0;top:0;width:85%;transform-origin:35% 60%;transition:transform .85s cubic-bezier(.7,0,.2,1),filter .85s,opacity .85s;z-index:1}
.lap-lid{position:relative;background:linear-gradient(180deg,#30353f,#16191f 30%);border-radius:16px 16px 5px 5px;padding:2.1% 2.1% 2.6%;box-shadow:inset 0 0 0 1.5px #474d5a,inset 0 0 0 4px #0c0e12,0 40px 80px -36px rgba(0,0,0,.85)}
.lap-cam{position:absolute;top:.85%;left:50%;width:7px;height:7px;margin-left:-3.5px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#3b4a66,#05070b 60%);z-index:2}
.lap-base{position:relative;height:0;padding-bottom:2.7%;margin:0 -6.5%;background:linear-gradient(180deg,#eef0f4 0,#c4c9d2 35%,#8d939e 100%);border-radius:2px 2px 18px 18px / 2px 2px 100% 100%;box-shadow:inset 0 1px 0 #fff}
.lap-base i{position:absolute;left:50%;top:0;width:15%;height:45%;transform:translateX(-50%);background:linear-gradient(#a9afba,#c9ced6);border-radius:0 0 10px 10px}
.lap-shadow{position:absolute;left:-4%;right:-4%;bottom:-24px;height:26px;background:radial-gradient(closest-side,rgba(0,0,0,.6),transparent);filter:blur(6px)}
.dv-ph{position:absolute;right:0;bottom:1%;width:25%;transform-origin:50% 100%;transition:transform .85s cubic-bezier(.7,0,.2,1),filter .85s;z-index:2}
.ph-shadow{position:absolute;left:8%;right:8%;bottom:-16px;height:22px;background:radial-gradient(closest-side,rgba(0,0,0,.7),transparent);filter:blur(5px);z-index:-1}
.ph-btn{position:absolute;width:1.6%;background:linear-gradient(90deg,#2b2f37,#5b616d);border-radius:2px}
.ph-btn.b1{right:-1.2%;top:24%;height:11%}.ph-btn.b2{left:-1.2%;top:20%;height:6%}.ph-btn.b3{left:-1.2%;top:29%;height:9%}
.dvc .mk-frame{width:100%!important;margin:0;padding:0;border-radius:0;background:none;box-shadow:none;transition:none}
.dvc .fx-lap .mk-chrome{height:26px;border-radius:6px 6px 0 0;background:#e8eaee;padding:0 10px;gap:6px}
.dvc .fx-lap .mk-chrome i{width:9px;height:9px}
.dvc .fx-lap .mk-url{background:#fff;color:#5b6577;height:18px;line-height:18px;font-size:11px;max-width:360px;border-radius:5px}
.dvc .fx-lap .mk-screen{aspect-ratio:16/9.4;height:auto;border-radius:0 0 3px 3px;background:#fff}
.dvc .fx-ph{border-radius:15%/7%;padding:3.6%;background:linear-gradient(145deg,#5c626e,#23262d 32%,#121418 60%,#3f444e);box-shadow:inset 0 0 0 1.2px #8a909b,inset 0 0 0 3px #0b0c0f,0 50px 90px -34px rgba(0,0,0,.9)!important}
.dvc .fx-ph .mk-screen{aspect-ratio:9/19.3;height:auto;border-radius:12.5%/5.8%;background:#fff}
.ph-island{position:absolute;top:1.7%;left:50%;width:31%;height:3.1%;transform:translateX(-50%);border-radius:999px;background:#000;z-index:5}
.dvc .mk-sb{height:calc(44px * var(--k,.6));padding:0 9% 0;font-size:calc(14px * var(--k,.6) + 4px);align-items:center}
.mk-gloss{position:absolute;inset:0;pointer-events:none;z-index:4;background:linear-gradient(118deg,rgba(255,255,255,.13) 0,rgba(255,255,255,.04) 26%,rgba(255,255,255,0) 40%)}
.dvc.f-ph .dv-lap{transform:translate(-3%,2%) scale(.9);filter:blur(1.2px) brightness(.55) saturate(.8)}
.dvc.f-ph .dv-ph{transform:translateX(-118%) scale(1.14)}
.dvc.f-lap .dv-ph{filter:brightness(.97)}
.dvc .dv-lap:hover,.dvc .dv-ph:hover{filter:none}
@media(max-width:760px){
  .dvc{aspect-ratio:auto}
  .dvc .dv-lap,.dvc .dv-ph{position:relative;left:auto;right:auto;top:auto;bottom:auto;transform:none!important;filter:none!important}
  .dvc.f-ph .dv-lap,.dvc.f-lap .dv-ph{display:none}
  .dvc .dv-lap{width:100%}.dvc .dv-ph{width:min(290px,76%);margin:0 auto 20px}
  .lap-base{margin:0 -4%}
}
/* по-жив макет: лента „НОВО“ както на сайта */
.mk-strip{display:flex;align-items:center;gap:14px;background:#0891b2;color:#e6f7fb;font-size:14px;font-weight:600;padding:9px 40px;white-space:nowrap;overflow:hidden}
.mk-strip b{background:#fff;color:#0891b2;font-size:11px;font-weight:800;letter-spacing:.08em;padding:3px 8px;border-radius:4px}
.mk-m .mk-strip{padding:8px 16px;font-size:13px}
.mk-lead{position:relative}
.mk-d .mk-lead img{box-shadow:0 18px 40px -24px rgba(15,30,61,.6)}
.mk-k{display:inline-block;background:#e6f6fa;padding:3px 8px;border-radius:4px}

/* ═══ 14.10 v6 ═══ */
/* меню-котви */
.lx-nav{position:sticky;top:0;z-index:45;background:rgba(10,17,36,.86);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);border-bottom:1px solid rgba(255,255,255,.08)}
.lx-nav .lx-w{display:flex;gap:4px;align-items:center;overflow-x:auto;scrollbar-width:none;padding-top:8px;padding-bottom:8px}
.lx-nav .lx-w::-webkit-scrollbar{display:none}
.lx-nav a{flex:none;color:#aeb7cb;text-decoration:none;font:700 14px var(--sans);padding:8px 13px;border-radius:999px;transition:background .2s,color .2s}
.lx-nav a:hover{color:#fff;background:rgba(255,255,255,.07)}
.lx-nav a.on{color:#14110a;background:var(--y,#ffc22e)}
.lx-nav a.go{margin-left:auto;background:var(--brand,#e63946);color:#fff}
.lx-nav a.go:hover{filter:brightness(1.1)}

/* заглавие-табло */
.lx-copy h1 .who-box{perspective:700px;height:1.18em}
.lx-copy h1 .who{background:none!important;transition:none;translate:none!important;opacity:1!important}
.lx-copy h1 .who .lc{display:inline-block;transform-origin:50% 60%;animation:lxChIn .62s cubic-bezier(.2,1.5,.35,1) both;backface-visibility:hidden}
.lx-copy h1 .who .lc.lc-s{animation:none}
.lx-copy h1 .who .lc.lc-o{animation:lxChOut .32s cubic-bezier(.5,0,.8,.4) both}
@keyframes lxChIn{0%{transform:rotateX(-95deg) translateY(.25em);opacity:0;filter:blur(3px)}60%{opacity:1;filter:none}}
@keyframes lxChOut{to{transform:rotateX(95deg) translateY(-.25em);opacity:0}}
.lx-copy h1 .who.own{color:#fff;text-shadow:0 0 30px color-mix(in srgb,var(--brand,#e63946) 70%,transparent)}
.who-bar{position:absolute;left:0;bottom:.06em;height:.2em;width:0;background:linear-gradient(90deg,var(--y,#ffc22e),var(--brand,#e63946));border-radius:3px;transform-origin:0 50%;transition:width .4s cubic-bezier(.2,.8,.2,1);z-index:-1}
.who-bar.wipe{transform:scaleX(0);transform-origin:100% 50%;transition:transform .25s ease-in}
.who-bar.draw{animation:lxBar .7s cubic-bezier(.2,.8,.2,1) both}
@keyframes lxBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.lx-copy h1 .who-box{isolation:isolate}

/* студио: режими и контроли */
.lx-mode{position:relative;display:grid;grid-template-columns:1fr 1fr;background:rgba(5,9,22,.55);border-radius:14px;padding:4px;margin-bottom:14px}
.lx-mode button{position:relative;z-index:1;border:0;background:none;color:#aeb7cb;font:800 14px var(--sans);padding:11px 8px;border-radius:10px;cursor:pointer;transition:color .3s}
.lx-mode button[aria-pressed=true]{color:#14110a}
.lx-mode-ink{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:10px;background:var(--y,#ffc22e);box-shadow:0 8px 22px -8px rgba(255,194,46,.8);transition:transform .45s cubic-bezier(.3,1.4,.4,1)}
.lx.mode-own .lx-mode-ink{transform:translateX(100%)}
.lx-studio .lx-lbl{display:block;font:800 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#93a0bb;margin:0 0 7px}
.lx-studio label>span small{letter-spacing:0;text-transform:none;font-weight:600;color:#6f7a93}
.lx-studio .lx-r2>div{min-width:0}
.lx-font{background:rgba(5,9,22,.55)!important;display:flex;width:100%}.lx-font button{flex:1;justify-content:center;color:#c4cbdb}
.lx-font button[data-font=serif]{font-family:var(--serif)}.lx-font button[data-font=mono]{font-family:var(--mono)}
.lx-swr.sm .lx-sw{width:26px;height:26px}
.lx-sw.auto{background:repeating-linear-gradient(45deg,#334 0 4px,#223 4px 8px);color:#dfe5f1;font:800 11px var(--sans)}
.lx-studio .lx-str{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.lx-studio .lx-str .lx-lbl{grid-column:1/-1;margin:6px 0 0}
.lx-st img{width:100%;height:auto;aspect-ratio:3/1}
.lx-sacts{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.lx-studio .lx-btn.ghost{color:#dfe5f1;border-color:rgba(255,255,255,.3)}
.lx-file .nudge,.nudge{color:var(--y,#ffc22e)!important;animation:lxNudge .6s 2}
@keyframes lxNudge{50%{transform:translateX(4px)}}
.lx-lg{position:relative}
.lx-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:120px;border:2px dashed rgba(255,255,255,.28);border-radius:16px;cursor:pointer;color:#c4cbdb;text-align:center;padding:16px;transition:border-color .2s,background .2s}
.lx-drop b{color:#fff;font-size:17px}.lx-drop span{font-size:13px}
.lx-drop input{display:none}.lx-drop:hover,.lx-drop.over{border-color:var(--y,#ffc22e);background:rgba(255,194,46,.07)}
.lx-ownl{display:grid;gap:8px;margin-top:10px}
.lx-ownit{position:relative;display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px;align-items:center;background:rgba(255,255,255,.05);border-radius:12px;padding:8px 40px 8px 8px;font-size:13px;color:#c4cbdb;animation:lxIn .5s cubic-bezier(.2,1.2,.3,1)}
.lx-ownit img{width:110px;max-height:70px;object-fit:contain;border-radius:6px;background:#000}
.lx-ownit b{display:block;color:#fff}.lx-ownit .ok{display:block;color:#4ade80}.lx-ownit .fx{display:block;color:#fbbf24}
.lx-ownit .lx-x{top:8px;bottom:auto}

/* галерия */
.lx-gal{position:fixed;inset:0;z-index:120;background:rgba(5,8,18,.82);backdrop-filter:blur(8px);display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:40px 16px;opacity:0;transition:opacity .3s}
.lx-gal.on{opacity:1}
.lx-gal .in{position:relative;width:min(1100px,100%);background:#0f1730;color:#eef1f7;border-radius:24px;padding:28px;box-shadow:0 40px 100px -30px #000;transform:translateY(20px) scale(.98);transition:transform .45s cubic-bezier(.2,1.2,.3,1)}
.lx-gal.on .in{transform:none}
.lx-gal h3{font:600 28px var(--serif);margin:0 0 4px;color:#fff}
.lx-gal .x{position:absolute;right:16px;top:16px;width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;font-size:16px}
.lx-gal .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:20px}
.lx-gal figure{margin:0;background:rgba(255,255,255,.04);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:10px}
.lx-gal figure img{width:100%;max-height:260px;object-fit:contain;border-radius:8px}
.lx-gal figcaption{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#aeb7cb}
.lx-gal figcaption b{color:#fff;font-size:15px}
.lx-gal figcaption a{align-self:flex-start;margin-top:4px;background:var(--y,#ffc22e);color:#14110a;text-decoration:none;font:800 13px var(--sans);padding:7px 12px;border-radius:999px}

/* сцена: само ноутбук; телефонът излиза при превключване */
.dvc.solo.f-lap .dv-ph{opacity:0;transform:translateX(40%) scale(.9);pointer-events:none}
.dvc.solo.f-ph .dv-lap{opacity:0;transform:scale(.9) translateY(4%);filter:blur(2px);pointer-events:none}
.dvc.solo.f-ph .dv-ph{transform:translateX(-150%) scale(1.12)}
.dvc.solo .dv-lap{left:5%;width:90%}
.dvc .dv-ph{transition:transform .85s cubic-bezier(.7,0,.2,1),opacity .6s,filter .85s}
@media(max-width:760px){.dvc.solo .dv-lap{left:auto;width:100%}}
/* отваряне на капака + „зареждане“ на екрана */
.dv-lap{perspective:1800px}
.lap-lid{transform-origin:50% 100%;transition:transform 1.5s cubic-bezier(.25,1.15,.35,1)}
.dvc.closed .lap-lid{transform:rotateX(-86deg);transition:none}
.lap-boot{position:absolute;inset:0;z-index:6;background:#05070c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;opacity:0;pointer-events:none;transition:opacity .6s ease .1s}
.lap-boot .bar{display:block;width:30%;height:4px;border-radius:2px;background:rgba(255,255,255,.15);overflow:hidden;position:relative}
.lap-boot .bar::after{content:"";position:absolute;inset:0;background:#fff;transform:scaleX(0);transform-origin:0 50%}
.dvc.closed .lap-boot,.dvc.booting .lap-boot{opacity:1;transition:none}
.dvc.booting .lap-boot{animation:lxBootOut .5s ease 1.2s both}
.dvc.booting .lap-boot .bar::after{animation:lxBootBar 1.1s cubic-bezier(.4,0,.2,1) .2s both}
@keyframes lxBootBar{to{transform:scaleX(1)}}
@keyframes lxBootOut{to{opacity:0}}
.dvc.booting .mk-screen{animation:lxPower 1.8s ease both}
@keyframes lxPower{0%{filter:brightness(0)}35%{filter:brightness(1.6)}100%{filter:none}}

/* КИНО */
.lx-cine{position:relative;height:330vh;background:radial-gradient(1200px 700px at 50% 40%,#1a2547,#070b17 70%)}
.lx-cine-pin{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center}
.lx-cine-stage{width:min(1000px,88vw);will-change:transform;transform-origin:50% 50%}
.lx-cine .dvc.cine{aspect-ratio:auto}
.lx-cine .dvc.cine .dv-lap{position:relative;left:auto;top:auto;width:100%}
.lx-cine .dvc.cine .lap-lid{transform:rotateX(calc((1 - var(--open,0)) * -86deg));transition:none}
.lx-cine .dvc.cine .lap-boot{opacity:calc(1 - var(--boot,0));transition:none}
.lx-cine .dvc.cine .mk-screen{filter:brightness(calc(.15 + var(--boot,0) * .85))}
.lx-cine .dvc-glow{opacity:calc(.25 + var(--open,0) * .5)}
.lx-cine-intro{position:absolute;left:0;right:0;top:9vh;text-align:center;color:#fff;opacity:var(--intro,1);transform:translateY(calc((1 - var(--intro,1)) * -30px));pointer-events:none;z-index:3;padding:0 16px}
.lx-cine-intro h2{font:600 clamp(28px,4vw,54px)/1.05 var(--serif);color:#fff;margin:10px 0 0}
.lx-cine-cap{position:absolute;left:0;right:0;bottom:8vh;text-align:center;opacity:0;z-index:4;padding:0 16px}
.lx-cine-cap h2{font:600 clamp(30px,4.6vw,64px)/1.05 var(--serif);color:#fff;text-shadow:0 10px 40px rgba(0,0,0,.7);margin:0 0 22px}
.lx-cine-cap h2 em{color:var(--y,#ffc22e)}
.lx-cine .mk-ad .mk-tag,.lx-cine .mk-ad::after{display:none}
@media(prefers-reduced-motion:reduce){.lx-cine{height:auto}.lx-cine-pin{position:relative;height:auto;padding:60px 0}.lx-cine-cap{position:relative;opacity:1!important;bottom:auto;margin-top:20px}}

/* карти на местата: отблясък след курсора */
.lx-place{transform-style:preserve-3d;will-change:transform}
.lx-place::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(400px circle at var(--gx,50%) var(--gy,0%),rgba(255,255,255,.18),transparent 40%);opacity:0;transition:opacity .3s}
.lx-place{position:relative}.lx-place:hover::after{opacity:1}
.lx-cine-cap{padding:22vh 16px 7vh;bottom:0!important;background:linear-gradient(180deg,transparent,rgba(5,8,18,.82) 45%,rgba(5,8,18,.95))}
/* предпросмотр на статия */
.rk2 .box.apv{background:#0a1124;color:#eef1f7;border-color:transparent}
.rk2 .box.apv h3{color:#fff}.rk2 .box.apv .sub{color:#aeb7cb}
.rk2 .box.apv .lx-seg{background:rgba(255,255,255,.08)}.rk2 .box.apv .lx-seg button{color:#dfe5f1}.rk2 .box.apv .lx-seg button[aria-pressed=true]{color:#14110a}
.mk-paid{display:inline-block;background:#fff4d1;color:#8a6400;border:1px solid #f1d27a;border-radius:4px;padding:3px 8px;font-size:12px;letter-spacing:.06em}
.mk-alink{color:#0891b2;text-decoration:underline;text-underline-offset:3px;font-weight:600}
.mk-links{font-family:'Manrope',sans-serif!important;font-size:15px!important}
.mk-langs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:20px;font-family:'Manrope',sans-serif}
.mk-langs b,.mk-langs span{font-size:12px;padding:4px 8px;border-radius:5px;background:#eef1f6;color:#5b6577;font-weight:800}
.mk-langs b{background:#0f1e3d;color:#fff}.mk-langs small{font-size:12.5px;color:#7a8699}
@media(max-width:780px){.lx-cine-cap{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.lx-cine-intro{top:12vh}}
/* 14.10 v7: кино — екранът не прихваща колелото/тъча, сцената е по-къса; горе — скролът на макета не „заключва“ страницата */
.lx-cine{height:230vh}
.lx-cine-stage,.lx-cine-stage *{pointer-events:none}
.lx-cine .mk-scroll{overflow:hidden!important}
.mk-scroll{overscroll-behavior:auto}
.lx-font{flex-wrap:nowrap}
.lx-font button{flex:1 1 0;min-width:0;justify-content:center;padding:8px 6px;font-size:13px;white-space:nowrap}
/* 14.10 v8: меню без „отрязване“ — пренася се на 2 реда */
.lx-nav a.go{margin-left:6px}
/* ✕ до кошницата */
.lx-cartx{position:fixed;right:20px;bottom:86px;z-index:61;width:34px;height:34px;border-radius:50%;border:0;background:#fff;color:#111;font:800 14px var(--sans);box-shadow:0 8px 20px -6px rgba(0,0,0,.5);cursor:pointer}
.lx-cartx:hover{background:#fee2e2;color:#b91c1c}
@media(max-width:780px){.lx-cartx{right:14px;bottom:calc(142px + env(safe-area-inset-bottom))}}

/* 14.10 v9: меню-котви в един ред; на тесен екран — плъзгане с пръст + меко затъмнение по краищата */
.lx-nav .lx-w{flex-wrap:nowrap;justify-content:safe center;overflow-x:auto;overscroll-behavior-x:contain;scroll-behavior:smooth}
.lx-nav a.go{margin-left:10px}
@media(max-width:900px){.lx-nav .lx-w{justify-content:flex-start;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 28px),transparent 100%)}.lx-nav a{padding:7px 11px;font-size:13.5px}}

/* ═══ 14.10 v9: КИНО — камера в рамките на екрана ═══ */
.lx-cine{height:300vh}
.lx-cine-pin{display:flex;align-items:center}
.lx-cine-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:48px;align-items:center;width:100%}
.lx-cine-stage{width:100%!important;transform:none!important}
.lx-cine-txt h2{font:600 clamp(28px,3.4vw,48px)/1.06 var(--serif);color:#fff;margin:6px 0 24px}
.lx-cine-txt .lx-k{color:var(--y,#ffc22e)}
.lx-cine-steps{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:cs}
.lx-cine-steps li{position:relative;padding:12px 14px 12px 50px;border-radius:14px;color:#8f9ab1;font-size:16.5px;line-height:1.4;transition:all .45s cubic-bezier(.2,.8,.2,1);counter-increment:cs}
.lx-cine-steps li::before{content:counter(cs);position:absolute;left:12px;top:11px;width:26px;height:26px;border-radius:50%;border:2px solid #3a4560;color:#8f9ab1;font:800 12px/22px var(--sans);text-align:center;transition:all .45s}
.lx-cine-steps li b{color:#c9d2e3}
.lx-cine-steps li.on{background:rgba(255,255,255,.07);color:#eef1f7;transform:translateX(6px)}
.lx-cine-steps li.on b{color:var(--y,#ffc22e)}
.lx-cine-steps li.on::before{background:var(--y,#ffc22e);border-color:var(--y,#ffc22e);color:#14110a;box-shadow:0 0 0 6px rgba(255,194,46,.15)}
.lx-cine-steps li.done::before{content:"✓";background:#16a34a;border-color:#16a34a;color:#fff}
.lx-cine-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;opacity:0;transform:translateY(16px);transition:all .5s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.lx-cine-cta.on{opacity:1;transform:none;pointer-events:auto}
.lx-cine-cta .lx-btn.ghost{color:#fff}
/* екранът: сайтът се движи вътре, рамката стои */
.lx-cine .mk{will-change:transform}
.lx-cine .mk-ad .mk-tag,.lx-cine .mk-ad::after{display:none}
.lx-cine .mk-ad img{transition:box-shadow .5s,filter .5s}
.lx-cine .mk-ad.on img{box-shadow:0 0 0 5px #ffc22e,0 0 70px 10px rgba(255,194,46,.55)}
.lx-cine .dvc.cine .dv-lap{width:100%}
/* телефонът излиза до ноутбука накрая */
.lx-cine .dvc.cine .dv-ph{position:absolute;right:-3%;bottom:-2%;width:27%;opacity:0;transform:translateY(30%) rotate(6deg);transition:opacity .7s,transform .9s cubic-bezier(.2,1.2,.3,1)}
.lx-cine.ph-phone .dvc.cine .dv-ph{opacity:1;transform:none}
.lx-cine .dvc.cine{position:relative}
@media(max-width:900px){
  .lx-cine{height:260vh}
  .lx-cine-grid{grid-template-columns:minmax(0,1fr);gap:18px}
  .lx-cine-txt h2{font-size:26px;margin-bottom:12px}
  .lx-cine-steps li{display:none;padding:10px 12px 10px 46px;font-size:15px}
  .lx-cine-steps li.on{display:block}
  .lx-cine .dvc.cine .dv-ph{display:block!important;width:32%}
  .lx-cine-cta{margin-top:12px}
}
@media(max-width:760px){.lx-cine .dvc.cine .dv-ph{position:absolute!important;right:-2%;bottom:-4%;margin:0}}
/* номера стъпките без counter (на телефона скритите стъпки не броят) */
.lx-cine-steps li::before{content:attr(data-n)}
.lx-cine-steps li[data-cs="0"]::before{content:"1"}.lx-cine-steps li[data-cs="1"]::before{content:"2"}.lx-cine-steps li[data-cs="2"]::before{content:"3"}.lx-cine-steps li[data-cs="3"]::before{content:"4"}.lx-cine-steps li[data-cs="4"]::before{content:"5"}
.lx-cine-steps li.done::before{content:"✓"}
@media(max-width:900px){
  .lx-cine-pin{align-items:flex-start;padding-top:calc(var(--navh,46px) + 14px)}
  .lx-cine-txt h2{font-size:22px;margin:4px 0 10px}
  .lx-cine-txt .lx-k{margin-bottom:6px}
  .lx-cine-steps li{min-height:66px}
  .lx-cine-cta{position:absolute;left:16px;right:16px;bottom:calc(92px + env(safe-area-inset-bottom));margin:0;justify-content:center}
}

/* ═══ 14.10 v10: приложението ═══ */
.lx-app{background:linear-gradient(160deg,#0d1530,#0a1124);color:#eef1f7;overflow:hidden}
.lx-appg{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center}
@media(max-width:900px){.lx-appg{grid-template-columns:minmax(0,1fr);gap:30px}}
.lx-app .lx-h2{color:#fff}
.lx-appl{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:16px}
.lx-appl li{position:relative;padding-left:40px;color:#aeb7cb;font-size:16.5px;line-height:1.5}
.lx-appl li b{color:#fff}
.lx-appl li::before{content:"";position:absolute;left:0;top:2px;width:26px;height:26px;border-radius:8px;background:var(--y,#ffc22e) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314110a' stroke-width='3'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/15px no-repeat}
.lx-appa{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.lx-app .lx-btn.ghost{color:#fff}
.lx-appv{display:flex;justify-content:center}
.lx-lock{position:relative;width:300px;max-width:84vw;aspect-ratio:9/19;border-radius:44px;padding:56px 16px 16px;background:radial-gradient(120% 70% at 30% 10%,#3b4a8a,#151b33 55%,#0a0e1c);box-shadow:inset 0 0 0 10px #0b0d12,inset 0 0 0 12px #3a4050,0 50px 90px -40px #000;overflow:hidden;color:#fff;font-family:var(--sans)}
.lk-time{text-align:center;font:300 64px/1 var(--sans);letter-spacing:-.03em;margin-top:6px}
.lk-date{text-align:center;font-size:14px;opacity:.75;margin-top:4px}
.lk-note{display:flex;gap:10px;align-items:flex-start;margin-top:24px;background:rgba(255,255,255,.16);backdrop-filter:blur(12px);border-radius:18px;padding:12px;font-size:13.5px;line-height:1.35;animation:lkIn 5s cubic-bezier(.2,1.2,.3,1) infinite}
.lk-note b{display:block;font-size:13px}.lk-note b small{font-weight:500;opacity:.7}
.lk-note span[data-appnote]{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.lk-ic{flex:none;width:30px;height:30px;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center}
@keyframes lkIn{0%,6%{opacity:0;transform:translateY(-30px) scale(.95)}14%,88%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(-10px)}}
.lk-app{position:absolute;left:16px;right:16px;bottom:16px;top:58%;background:#fff;border-radius:20px 20px 30px 30px;padding:10px;opacity:.92;transform:translateY(8%);animation:lkApp 5s ease infinite}
.lk-bar{padding:4px 2px 8px;border-bottom:1px solid #e5e9f0;margin-bottom:8px}
.lk-app img{display:block;width:100%;border-radius:6px;box-shadow:0 0 0 2px var(--y,#ffc22e)}
.lk-ln{height:7px;border-radius:4px;background:#e3e8f0;margin-top:8px}.lk-ln.s{width:62%}
@keyframes lkApp{0%,40%{transform:translateY(8%)}55%,100%{transform:none}}
.lx-dv .app{background:rgba(255,194,46,.14)!important;border-color:rgba(255,194,46,.5)!important;color:#a16207!important}
html.dark .lx-dv .app{color:#fcd34d!important}
@media(prefers-reduced-motion:reduce){.lk-note,.lk-app{animation:none}}
/* 14.10 v15: кино — телефонът и стъпките без CSS-скокове; плавно „плуване“ на телефона */
.lx-cine .dvc.cine .dv-ph{transition:none!important;will-change:transform,opacity;opacity:0}
.lx-cine .dvc.cine .dv-ph .mk-frame{transition:transform 1.2s cubic-bezier(.45,0,.2,1)}
.lx-cine .dvc.cine .dv-ph.floating .mk-frame{animation:lxFloat 6s ease-in-out infinite}
@keyframes lxFloat{0%,100%{transform:translateY(0) rotate(0)}30%{transform:translateY(-7px) rotate(-1.1deg)}65%{transform:translateY(3px) rotate(.7deg)}}
.lx-cine .dvc.cine .dv-lap{transition:none;will-change:transform;transform-origin:50% 85%}
.lx-cine-steps li{transition:background .7s ease,color .7s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
.lx-cine-steps li::before{transition:all .7s cubic-bezier(.2,.8,.2,1)}
.lx-cine-cta{transition:none!important}
.lx-cine .mk-ad img{transition:box-shadow .9s ease,filter .9s ease}
@media(prefers-reduced-motion:reduce){.lx-cine .dvc.cine .dv-ph.floating .mk-frame{animation:none}}
.lx-cine .dvc.cine .dv-lap{transform:var(--lapT,none)!important;filter:none!important}
.lx-cine .dvc.cine .dv-ph{transform:var(--phT,translateY(30%))!important;filter:none!important}
/* 14.10 v16: лентата на приложението — фиксиран слой в долната част на екрана на телефона (мащабира се с --k) */
.mk-ab{display:none}
.mk-frame.is-m .mk-ab{display:flex;position:absolute;left:0;right:0;bottom:0;z-index:3;height:calc(68px * var(--k,.6));justify-content:space-around;align-items:center;background:#fff;border-top:1px solid #e3e8f0;padding-bottom:calc(6px * var(--k,.6))}
.mk-ab i{width:calc(26px * var(--k,.6));height:calc(26px * var(--k,.6));border-radius:calc(8px * var(--k,.6));background:#dfe5ee}
.mk-ab b{width:calc(54px * var(--k,.6));height:calc(54px * var(--k,.6));border-radius:50%;background:#0f1e3d;margin-top:calc(-26px * var(--k,.6));box-shadow:0 calc(6px * var(--k,.6)) calc(16px * var(--k,.6)) rgba(15,30,61,.4)}
.mk-m .mk-body{padding-bottom:96px}.mk-m .mk-foot{padding-bottom:96px}
.mk-appbar{display:none!important}

/* 14.10 v16: ноутбуци с мащаб 125–150% в Windows (видима височина ~600–820 px) */
@media (max-height:820px) and (min-width:901px){
  .lx-hero{padding-top:26px}
  .lx-copy h1{font-size:clamp(30px,3.5vw,48px);margin:14px 0 12px}
  .lx-lead{font-size:16px;margin-bottom:16px}
  .lx-studio{padding:14px}
  .lx-studio input:not([type=color]):not([type=file]){height:40px;font-size:15px}
  .lx-file{height:40px}
  .lx-cine-pin{padding-top:calc(var(--navh,52px) + 6px);box-sizing:border-box}
  .lx-cine-grid{gap:32px}
  .lx-cine-txt h2{font-size:clamp(24px,2.5vw,34px);margin:4px 0 12px}
  .lx-cine-steps{gap:4px}
  .lx-cine-steps li{padding:8px 12px 8px 46px;font-size:15px}
  .lx-cine-steps li::before{top:7px}
  .lx-cine-cta{margin-top:12px}
  .lx-cine-cta .lx-btn.xl{min-height:50px;padding:10px 22px;font-size:16px}
  /* ноутбукът се вписва по височина */
  .lx-cine-stage{max-width:calc((100vh - var(--navh,52px) - 50px) * 1.5);justify-self:center}
}
@media (max-height:680px) and (min-width:901px){
  .lx-cine-steps li{padding:6px 10px 6px 42px;font-size:14px}
  .lx-cine-steps li::before{width:22px;height:22px;font-size:11px;line-height:18px;top:6px;left:10px}
  .lx-cine-txt .lx-k{margin-bottom:4px}
}

/* ═══ 14.10 v17: НАСТОЯЩ 3D ЛАПТОП — корпус с клавиатура, панта, капак с гръб; затворен капак лежи ВЪРХУ клавиатурата ═══ */
.dv-lap{perspective:2400px;perspective-origin:50% 20%}
.lap-wob{transform-style:preserve-3d}
.lap3d{position:relative;transform-style:preserve-3d;transform:rotateX(var(--tx,-13deg)) rotateY(var(--ty,0deg)) rotateZ(var(--tz,0deg));transition:transform 1.4s cubic-bezier(.25,1,.3,1)}
.lap-lid3{position:relative;transform-origin:50% 100%;transform-style:preserve-3d;transform:rotateX(var(--lid,8deg));transition:transform 1.6s cubic-bezier(.3,1.35,.45,1)}
.lid-front{position:relative;background:linear-gradient(180deg,#2c313b,#15181e 28%);border-radius:14px 14px 3px 3px;padding:2.1% 2.1% 2.4%;box-shadow:inset 0 0 0 1.5px #464c58,inset 0 0 0 4px #0c0e12;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.lid-front .lap-cam{position:absolute;top:.8%;left:50%;width:7px;height:7px;margin-left:-3.5px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#3b4a66,#05070b 60%);z-index:2}
.lid-back{position:absolute;inset:0;border-radius:14px 14px 3px 3px;background:linear-gradient(160deg,#e3e6ec 0,#b9bfc9 45%,#9ba2ae 100%);transform:rotateY(180deg) translateZ(1px);backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}
.lid-logo .mk-mark{font-size:44px;opacity:.9;filter:drop-shadow(0 1px 0 rgba(255,255,255,.6))}
.lid-top{position:absolute;left:1%;right:1%;top:0;height:7px;transform-origin:50% 0;transform:rotateX(90deg);background:linear-gradient(90deg,#8b929e,#c9ced6 50%,#8b929e);border-radius:3px}
/* корпусът: хоризонтален, отпред към зрителя */
.lap-deck{position:absolute;left:-5.5%;right:-5.5%;top:100%;transform-origin:50% 0;transform:rotateX(90deg);transform-style:preserve-3d;background:linear-gradient(180deg,#d9dde4 0,#eef0f4 18%,#dfe3e9 100%);border-radius:4px 4px 22px 22px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),inset 0 -6px 14px rgba(0,0,0,.08)}
.lap-deck::before{content:"";display:block;padding-bottom:57%}
.lap-deck .kb{position:absolute;left:9%;right:9%;top:7%;height:44%;border-radius:8px;background:
  repeating-linear-gradient(90deg,transparent 0 6.4%,rgba(255,255,255,.07) 6.4% 6.9%),
  repeating-linear-gradient(180deg,#1b1f26 0 17%,#2a2f38 17% 20%);box-shadow:inset 0 1px 3px rgba(0,0,0,.5)}
.lap-deck .tp{position:absolute;left:33%;right:33%;top:57%;height:30%;border-radius:10px;background:linear-gradient(160deg,#e9ecf1,#d3d8df);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.lap-deck .lit{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(70% 60% at 50% 0%,rgba(150,200,255,.55),transparent 70%);opacity:var(--glow,0);mix-blend-mode:screen;pointer-events:none}
.lap-deck .edge{position:absolute;left:3%;right:3%;bottom:0;height:9px;transform-origin:50% 100%;transform:rotateX(-90deg);background:linear-gradient(180deg,#b9bec8,#7f8692);border-radius:0 0 12px 12px}
.dv-lap .lap-shadow{bottom:-12%;left:-6%;right:-6%;height:14%;filter:blur(14px);background:radial-gradient(closest-side,rgba(0,0,0,.55),transparent)}
/* закрит (въведение в hero) */
.dvc.closed .lap-lid3{transform:rotateX(-89deg);transition:none}
.dvc.closed .lap3d{--ty:-24deg;--tx:-20deg;transition:none}
.dvc.booting .lap3d{--ty:0deg}
/* в hero ноутбукът е малко по-тесен — корпусът да се събере */
.dvc.solo .dv-lap{left:8%;width:84%}
@media(max-width:760px){.dvc.solo .dv-lap{left:auto;width:94%;margin:0 auto}}
/* стари 2D правила — изключени */
.lx-cine .dvc.cine .dv-lap{transform:none!important}
/* v17b: пропорции 3D лаптопа */
.lap3d{--tx:-9deg}
.lap-deck::before{padding-bottom:50%}
.lx-hero .dvc{aspect-ratio:16/12.4}
.dvc.solo .dv-lap{left:14%;width:72%;top:2%}
.lx-cine-stage{padding:0 4% 13%}
.lx-cine .dvc.cine .dv-lap{width:92%;margin:0 auto}
@media(max-width:760px){.lx-hero .dvc{aspect-ratio:auto}.dvc.solo .dv-lap{width:86%;left:auto;margin:0 auto 18%}}

/* ═══ v17c: лаптоп като MacBook — еднаква ширина, панта, „брадичка“, клавиши, говорители, тъчпад, ръб ═══ */
.lid-front{border-radius:16px 16px 6px 6px;padding:1.9% 1.9% 4.6%;background:linear-gradient(180deg,#1d2028,#0d0f13 60%,#191c23);box-shadow:inset 0 0 0 1.5px #3a404c,inset 0 0 0 3px #08090c,0 1px 0 rgba(255,255,255,.08)}
.lid-front::after{content:"BurgasMedia";position:absolute;left:0;right:0;bottom:1.2%;text-align:center;font:600 10px/1 var(--sans);letter-spacing:.12em;color:#5b6270}
.lid-back{border-radius:16px 16px 6px 6px;background:radial-gradient(120% 90% at 30% 20%,#f1f3f6 0,#c9ced6 45%,#a5acb7 100%)}
.lid-logo .mk-mark{font-size:46px;box-shadow:0 0 0 1px rgba(255,255,255,.7),0 6px 18px rgba(0,0,0,.25)}
.lap-deck{left:0;right:0;border-radius:3px 3px 20px 20px;background:linear-gradient(180deg,#c8cdd5 0,#e7e9ee 9%,#eef0f3 55%,#dde1e7 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.75),inset 0 -8px 16px rgba(0,0,0,.06)}
.lap-deck::before{padding-bottom:64%}
.lap-deck .hinge{position:absolute;left:12%;right:12%;top:0;height:3.2%;border-radius:0 0 8px 8px;background:linear-gradient(180deg,#14161b,#3a3f49 60%,#22252c);box-shadow:0 1px 2px rgba(0,0,0,.35)}
.lap-deck .kb{display:none}
.kbd{position:absolute;left:12.5%;right:12.5%;top:7%;height:41%;display:flex;flex-direction:column;gap:2.6%;padding:1.2%;border-radius:6px;background:#c5cad2;box-shadow:inset 0 1px 2px rgba(0,0,0,.25)}
.kbd .kr{flex:1;display:flex;gap:1.1%}
.kbd .kr.fnr{flex:.55}
.kbd i{flex:1;border-radius:3px;background:linear-gradient(180deg,#262a32,#16191e);box-shadow:inset 0 -1px 0 rgba(255,255,255,.06),0 1px 0 rgba(0,0,0,.35)}
.kbd i.w15{flex:1.5}.kbd i.w18,.kbd i.w18e{flex:1.8}.kbd i.w22,.kbd i.w22e{flex:2.3}.kbd i.w13{flex:1.3}.kbd i.sp{flex:5.6}.kbd i.arw{flex:3}
.lap-deck .spk{position:absolute;top:7%;height:41%;width:9%;background:radial-gradient(circle,rgba(40,44,52,.55) 0 28%,transparent 32%) 0 0/8px 8px}
.lap-deck .spk.l{left:2.2%}.lap-deck .spk.r{right:2.2%}
.lap-deck .tp{left:30%;right:30%;top:54%;height:38%;border-radius:12px;background:linear-gradient(170deg,#eff1f4,#dde1e7);box-shadow:inset 0 0 0 1px rgba(0,0,0,.07),inset 0 1px 0 rgba(255,255,255,.9)}
.lap-deck .edge{left:0;right:0;height:10px;border-radius:0 0 16px 16px;background:linear-gradient(180deg,#c6cbd3,#8d939e)}
.lap-deck .edge b{position:absolute;left:44%;right:44%;top:0;height:55%;border-radius:0 0 8px 8px;background:linear-gradient(180deg,#9aa0ab,#b7bcc6)}
.lid-top{left:.6%;right:.6%;height:6px;background:linear-gradient(90deg,#7d8490,#c3c8d1 50%,#7d8490)}
/* полюшване след отваряне и „дишане“ в покой */
.lap-wob.settle{animation:lxSettle 1.7s cubic-bezier(.25,.8,.3,1)}
@keyframes lxSettle{0%{transform:rotateX(0) rotateZ(0)}18%{transform:rotateX(-3.5deg) rotateZ(.8deg)}38%{transform:rotateX(2.2deg) rotateZ(-.5deg)}58%{transform:rotateX(-1.1deg) rotateZ(.25deg)}78%{transform:rotateX(.5deg)}100%{transform:none}}
.lap-wob.idle{animation:lxIdle 5.5s ease-in-out infinite}
@keyframes lxIdle{0%,100%{transform:translateY(0) rotateZ(0)}50%{transform:translateY(-10px) rotateZ(-.6deg)}}
/* летящият банер + лъчи */
.lx-fly{position:absolute;z-index:6;opacity:0;pointer-events:none;transform-origin:50% 50%;will-change:transform,left,top,width,height;border-radius:8px;box-shadow:0 calc(30px * var(--pop,0)) calc(70px * var(--pop,0)) rgba(0,0,0,calc(.55 * var(--pop,0))),0 0 calc(80px * var(--pop,0)) rgba(255,194,46,calc(.45 * var(--pop,0)))}
.lx-fly img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:8px}
.lx-fly .rays{position:absolute;left:50%;top:50%;width:260%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:repeating-conic-gradient(rgba(255,214,102,.22) 0 6deg,transparent 6deg 18deg);-webkit-mask-image:radial-gradient(closest-side,#000 25%,transparent 70%);mask-image:radial-gradient(closest-side,#000 25%,transparent 70%);opacity:var(--pop,0);animation:lxRays 9s linear infinite;z-index:-1}
@keyframes lxRays{to{transform:translate(-50%,-50%) rotate(360deg)}}
.lx-cine .mk-ad.landed img{box-shadow:0 0 0 5px #ffc22e,0 0 50px rgba(255,194,46,.6)}
.lx-cine-hint{position:absolute;left:50%;bottom:7vh;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:#aeb7cb;font:700 12px var(--sans);letter-spacing:.2em;text-transform:uppercase;pointer-events:none;z-index:5}
.lx-cine-hint i{width:22px;height:34px;border:2px solid #aeb7cb;border-radius:12px;position:relative}
.lx-cine-hint i::after{content:"";position:absolute;left:50%;top:6px;width:4px;height:7px;margin-left:-2px;border-radius:2px;background:#ffc22e;animation:lxWheel 1.6s ease-in-out infinite}
@keyframes lxWheel{0%{transform:translateY(0);opacity:1}70%{transform:translateY(10px);opacity:0}100%{opacity:0}}
.lx-cine{height:380vh}
.lap-deck .lit{background:radial-gradient(60% 55% at 50% 0%,rgba(170,205,255,.6),transparent 72%)}
@media(prefers-reduced-motion:reduce){.lap-wob.settle,.lap-wob.idle,.lx-fly .rays{animation:none}}
.lx-hero .lap-deck .lit{opacity:.4}.lx-hero .dvc{aspect-ratio:16/12}
.lap3d{transform:translateY(var(--ly,0%)) rotateX(var(--tx,-9deg)) rotateY(var(--ty,0deg)) rotateZ(var(--tz,0deg))}
.lx-fly img{object-fit:fill}

/* ═══ 14.10.2026: панель аудитории (вместо бегущей строки) — в духе аналитических панелей, свой стиль ═══ */
.lx-ga{--ga-acc:#2f6fe4;--ga-bg:#ffffff;--ga-ink:#1f2430;--ga-mt:#5d6474;--ga-ln:#e4e7ee;--ga-soft:#f5f7fb;--ga-ok:#0f9d58;
  position:relative;padding:34px 0 46px;border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,0) 70%)}
html.dark .lx-ga{--ga-acc:#6aa1ff;--ga-bg:#141a26;--ga-ink:#eef1f7;--ga-mt:#9aa3b5;--ga-ln:#263043;--ga-soft:#1a2232;--ga-ok:#34d399}
.ga-card{background:var(--ga-bg);color:var(--ga-ink);border-radius:20px;box-shadow:0 30px 80px -30px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.06);overflow:hidden;
  opacity:0;transform:translateY(26px) scale(.985);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.8,.2,1);font-family:var(--sans)}
.ga-on .ga-card{opacity:1;transform:none}
.ga-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 22px;border-bottom:1px solid var(--ga-ln)}
.ga-ttl{display:flex;align-items:center;gap:12px}.ga-ttl b{display:block;font:700 16px/1.2 var(--sans)}.ga-ttl small{display:block;color:var(--ga-mt);font-size:12.5px;margin-top:3px}
.ga-logo{display:inline-flex;align-items:flex-end;gap:3px;height:26px;padding:3px 5px;border-radius:7px;background:var(--ga-soft)}
.ga-logo i{display:block;width:5px;border-radius:2px;background:var(--ga-acc);transform-origin:bottom;transform:scaleY(.2);transition:transform .7s cubic-bezier(.3,1.4,.5,1)}
.ga-logo i:nth-child(1){height:9px;opacity:.55}.ga-logo i:nth-child(2){height:14px;opacity:.8;transition-delay:.1s}.ga-logo i:nth-child(3){height:20px;transition-delay:.2s}
.ga-on .ga-logo i{transform:none}
.ga-pill{display:inline-flex;align-items:center;gap:7px;font:600 13px var(--sans);color:var(--ga-mt);border:1px solid var(--ga-ln);border-radius:999px;padding:7px 12px;white-space:nowrap}
.ga-pill svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}
.ga-body{display:grid;grid-template-columns:minmax(0,1fr) 340px}
.ga-main{padding:0 0 12px;border-right:1px solid var(--ga-ln);min-width:0}
.ga-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--ga-ln)}
.ga-tabs button{all:unset;cursor:pointer;position:relative;padding:16px 20px 18px;display:flex;flex-direction:column;gap:6px;border-right:1px solid var(--ga-ln);transition:background .2s}
.ga-tabs button:last-child{border-right:0}.ga-tabs button.ga-static{cursor:default}
.ga-tabs button:not(.ga-static):hover{background:var(--ga-soft)}
.ga-tabs button:focus-visible{outline:2px solid var(--ga-acc);outline-offset:-2px}
.ga-tabs button::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--ga-acc);transform:scaleX(0);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.ga-tabs button.on::after{transform:none}
.ga-tabs span{font:600 13px/1.25 var(--sans);color:var(--ga-mt)}
.ga-tabs button.on span{color:var(--ga-acc)}
.ga-tabs b{font:600 30px/1 var(--sans);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.ga-d{align-self:flex-start;font:700 12px var(--sans);color:var(--ga-ok);background:color-mix(in srgb,var(--ga-ok) 12%,transparent);border-radius:999px;padding:3px 8px}
.ga-chart{position:relative;height:270px;margin:12px 14px 0;touch-action:pan-y}
.ga-chart svg{display:block;width:100%;height:100%;overflow:visible}
.ga-grid{stroke:var(--ga-ln);stroke-width:1}
.ga-ax{fill:var(--ga-mt);font:500 11px var(--sans)}
.ga-line{fill:none;stroke:var(--ga-acc);stroke-width:2.6;stroke-linejoin:round;stroke-linecap:round}
.ga-area{opacity:1;transition:opacity 1.4s .5s ease}.ga-area.in{animation:gaFade 1.6s .4s both}
@keyframes gaFade{from{opacity:0}to{opacity:1}}
.ga-dot{fill:var(--ga-acc);stroke:var(--ga-bg);stroke-width:2}
.ga-ring{fill:none;stroke:var(--ga-acc);stroke-width:2;transform-box:fill-box;transform-origin:center;animation:gaRing 2s 1.6s ease-out infinite}
@keyframes gaRing{0%{transform:scale(1);opacity:.7}100%{transform:scale(3.4);opacity:0}}
.ga-vl{stroke:var(--ga-mt);stroke-width:1;stroke-dasharray:3 3}
.ga-hd{fill:var(--ga-bg);stroke:var(--ga-acc);stroke-width:2.5}
.ga-tip{position:absolute;pointer-events:none;background:var(--ga-bg);color:var(--ga-ink);border:1px solid var(--ga-ln);border-radius:10px;padding:8px 12px;box-shadow:0 10px 30px -10px rgba(0,0,0,.35);display:flex;flex-direction:column;gap:2px;min-width:120px;z-index:2}
.ga-tip small{color:var(--ga-mt);font-size:12px}.ga-tip b{font:700 18px var(--sans)}.ga-tip span{font-size:12px;color:var(--ga-mt)}
.ga-side{display:flex;flex-direction:column;min-width:0}
.ga-rt{padding:18px 20px;border-bottom:1px solid var(--ga-ln)}
.ga-rh{display:flex;flex-direction:column;gap:6px}.ga-rh small{color:var(--ga-mt);font-size:12.5px;text-transform:uppercase;letter-spacing:.04em;font-weight:600}
.ga-live{display:inline-flex;align-items:center;gap:7px;font:700 12px var(--sans);color:var(--ga-ok);text-transform:uppercase;letter-spacing:.06em}
.ga-live i{width:9px;height:9px;border-radius:50%;background:var(--ga-ok);box-shadow:0 0 0 0 color-mix(in srgb,var(--ga-ok) 60%,transparent);animation:gaPulse 1.8s infinite}
@keyframes gaPulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--ga-ok) 55%,transparent)}100%{box-shadow:0 0 0 10px transparent}}
.ga-rn{display:block;font:600 46px/1.05 var(--sans);letter-spacing:-.03em;margin:8px 0 2px;font-variant-numeric:tabular-nums}
.ga-rn.bump{animation:gaBump .6s ease}@keyframes gaBump{40%{color:var(--ga-acc);transform:translateY(-2px)}}
.ga-rl{display:block;color:var(--ga-mt);font-size:12px;margin-top:10px}
.ga-bars{display:flex;align-items:flex-end;gap:2px;height:54px;margin:6px 0 14px}
.ga-bars i{flex:1;height:var(--h);background:var(--ga-acc);border-radius:2px 2px 0 0;opacity:.85;transform-origin:bottom;transform:scaleY(0);transition:transform .5s cubic-bezier(.3,1.3,.5,1) var(--d),height .5s ease}
.ga-bars i:last-child{opacity:1;animation:gaBlink 1.6s infinite}
.ga-bars.go i{transform:none}.ga-bars i:hover{opacity:1;filter:brightness(1.15)}
@keyframes gaBlink{50%{opacity:.45}}
.ga-toph{display:flex;justify-content:space-between;font:700 11.5px var(--sans);color:var(--ga-mt);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--ga-ln);padding-bottom:6px}
.ga-top5{list-style:none;margin:0;padding:0}
.ga-top5 li{position:relative;display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--ga-ln);font-size:13px;line-height:1.3}
.ga-top5 li::before{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:var(--w,0%);background:var(--ga-acc);opacity:.55;transition:width 1s cubic-bezier(.2,.8,.2,1)}
.ga-top5 span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ga-top5 b{font-variant-numeric:tabular-nums;font-weight:700}
.ga-lang{display:flex;align-items:center;gap:16px;padding:16px 20px}
.ga-donut{width:108px;height:108px;flex:0 0 108px;transform:rotate(0deg)}
.ga-dbg{fill:none;stroke:var(--ga-soft);stroke-width:5.2}
.ga-seg{fill:none;stroke-width:5.2;transition:stroke-dasharray 1s cubic-bezier(.2,.8,.2,1)}
.ga-dt{fill:var(--ga-ink);font:700 8px var(--sans)}.ga-ds{fill:var(--ga-mt);font:500 3.6px var(--sans)}
.ga-lang small{display:block;color:var(--ga-mt);font-size:12.5px;text-transform:uppercase;letter-spacing:.04em;font-weight:600;margin-bottom:6px}
.ga-lang ul{list-style:none;margin:0;padding:0;display:grid;gap:5px;font-size:13.5px}
.ga-lang li{display:flex;align-items:center;gap:8px}.ga-lang li i{width:10px;height:10px;border-radius:3px}.ga-lang li b{margin-left:auto;padding-left:12px;font-variant-numeric:tabular-nums}
@media(max-width:1000px){.ga-body{grid-template-columns:1fr}.ga-main{border-right:0;border-bottom:1px solid var(--ga-ln)}.ga-side{display:grid;grid-template-columns:1fr 1fr}.ga-rt{border-bottom:0;border-right:1px solid var(--ga-ln)}}
@media(max-width:700px){.lx-ga{padding:22px 0 30px}.ga-top{flex-wrap:wrap;padding:14px 16px}.ga-tabs{grid-template-columns:1fr 1fr}.ga-tabs button{padding:12px 14px 14px;border-bottom:1px solid var(--ga-ln)}.ga-tabs button:nth-child(2n){border-right:0}
  .ga-tabs b{font-size:24px}.ga-chart{height:210px;margin:8px 6px 0}.ga-side{display:flex}.ga-rt{border-right:0;border-bottom:1px solid var(--ga-ln);padding:16px}.ga-rn{font-size:40px}.ga-lang{padding:14px 16px}}
@media(prefers-reduced-motion:reduce){.ga-card{opacity:1;transform:none;transition:none}.ga-bars i{transform:none;transition:none;animation:none}.ga-live i,.ga-ring{animation:none}}
.ga-main{display:flex;flex-direction:column}.ga-chart{flex:1 1 auto;min-height:270px}
@media(max-width:700px){.ga-chart{min-height:210px;flex:none}}

/* ═══ 14.10.2026 v20 (владелец): качание вдвое меньше; капак без пружины в кино; перелёт банера — строго, «стъкло» вместо лъчи ═══ */
@keyframes lxSettle{0%{transform:rotateX(0) rotateZ(0)}20%{transform:rotateX(-1.6deg) rotateZ(.35deg)}42%{transform:rotateX(.9deg) rotateZ(-.2deg)}66%{transform:rotateX(-.4deg)}100%{transform:none}}
@keyframes lxIdle{0%,100%{transform:translateY(0) rotateZ(0)}50%{transform:translateY(-5px) rotateZ(-.25deg)}}
.lx-cine .lap-lid3{transition:none}
.lap3d.shut .lap-deck .kbd,.lap3d.shut .lap-deck .tp,.lap3d.shut .lap-deck .lit,.lap3d.shut .lap-deck .spk{visibility:hidden}
.lx-fly{border-radius:10px;box-shadow:0 0 0 1px rgba(255,255,255,calc(.5 * var(--pop,0))),0 calc(34px * var(--pop,0)) calc(80px * var(--pop,0)) rgba(4,8,20,calc(.6 * var(--pop,0))),0 calc(8px * var(--pop,0)) calc(18px * var(--pop,0)) rgba(4,8,20,calc(.35 * var(--pop,0)))}
.lx-fly img{border-radius:10px}
.lx-fly .rays{display:none}
.lx-fly::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2;
  background:linear-gradient(115deg,transparent 0 38%,rgba(255,255,255,.5) 48%,rgba(255,255,255,.12) 54%,transparent 64%);
  background-size:260% 100%;background-repeat:no-repeat;background-position:calc(130% - var(--sh,0) * 160%) 0;mix-blend-mode:screen;opacity:calc(.2 + var(--pop,0))}
.lx-fly::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:3;border:1px solid transparent;
  background:linear-gradient(135deg,rgba(255,255,255,.7),rgba(255,255,255,0) 40%,rgba(255,255,255,0) 60%,rgba(255,255,255,.35)) border-box;
  -webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:var(--pop,0)}
.lx-cine .mk-ad.landed img{box-shadow:0 0 0 1.5px rgba(255,255,255,.85),0 12px 30px -8px rgba(4,8,20,.55);animation:lxLand .9s cubic-bezier(.2,.8,.2,1)}
@keyframes lxLand{0%{box-shadow:0 0 0 1.5px rgba(255,255,255,0),0 0 0 rgba(4,8,20,0);filter:brightness(1.25)}100%{filter:none}}
#auditoria{scroll-margin-top:calc(var(--navh,64px) + 8px)}