/* MirusClip — стили сайта. Собрано design/site-e/prod/build.js: ekit/core.css, ekit/kit.css, стили страниц, prod/site.css. */
body{margin:0;background:#0F0D0B}
.e{--bg:#0F0D0B;--panel:#191512;--panel2:#231D19;--line:rgba(255,236,220,.09);--line2:rgba(255,236,220,.17);--text:#F3ECE4;--muted:#AEA195;--dim:#90857B;--acc:#F86414;--acct:#FF8A45;--ok:#8BD08F;--tally:#FF5544;--paper:#F2EFE9;--ink:#15120F;background:var(--bg);color:var(--text);font-family:'Onest',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}
.e *{box-sizing:border-box}
.e img{display:block;max-width:100%}
.e a{color:inherit;text-decoration-color:rgba(243,236,228,.35);text-underline-offset:3px}
.e a:hover{text-decoration-color:var(--acct)}
.e :focus-visible{outline:2px solid var(--acct);outline-offset:3px}
.e-wrap{width:100%;max-width:1280px;margin:0 auto;padding:0 32px}
.e-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.e h1,.e h2,.e h3{font-weight:500;margin:0;letter-spacing:-.02em;text-wrap:balance}
.e h1{font-size:56px;line-height:1.04;letter-spacing:-.03em}
.e h2{font-size:40px;line-height:1.1}
.e h3{font-size:19px;line-height:1.3;letter-spacing:-.01em}
.e p{margin:0}
.e-lead{font-size:19px;line-height:1.55;color:var(--muted);max-width:30em}
.e-small{font-size:14px;line-height:1.5;color:var(--muted)}
.e-num{font-variant-numeric:tabular-nums}
.e-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;font:inherit;font-size:16px;font-weight:500;text-decoration:none;cursor:pointer;border:0;white-space:nowrap}
.e-btn-acc{background:var(--acc);color:#1A0E05}
.e-btn-acc:hover{background:#FF7A2E}
.e-btn-ghost{background:transparent;color:var(--text);box-shadow:inset 0 0 0 1px var(--line2);min-height:44px;font-size:15px}
.e-btn-ghost:hover{box-shadow:inset 0 0 0 1px rgba(255,236,220,.4)}
.e-headrow{display:flex;align-items:center;gap:36px;height:80px}
.e-logo{display:block;flex:none}
.e-logo img{width:118px;height:auto}
.e-nav{display:flex;gap:28px;font-size:15px;color:var(--muted)}
.e-nav a{text-decoration:none;padding:12px 0}
.e-nav a:hover{color:var(--text)}
.e-headrow .e-btn{margin-left:auto}
.e-hero{padding:40px 0 0}
.e-hero-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:start}
.e-hero-text{padding-top:36px;display:flex;flex-direction:column;gap:24px}
.e-form{display:flex;gap:6px;padding:6px;border-radius:999px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line2);max-width:520px}
.e-form:focus-within{box-shadow:inset 0 0 0 1px var(--acct)}
.e-input{flex:1;min-width:0;height:48px;padding:0 18px;border:0;background:transparent;color:var(--text);font:inherit;font-size:16px}
.e-input:focus{outline:none}
.e-input::placeholder{color:var(--dim)}
.e-note{font-size:14px;color:var(--muted)}
.e-ok{font-size:14px;color:var(--ok)}
.e-monitors{position:relative;padding-right:172px;min-height:600px}
.e-mon{background:#0A0908;border-radius:14px;box-shadow:0 0 0 1px var(--line2),0 30px 60px rgba(0,0,0,.45);overflow:hidden}
.e-mlabel{display:flex;align-items:center;gap:10px;height:34px;padding:0 12px;font-size:12px;color:var(--muted);border-bottom:1px solid var(--line);background:#14110E}
.e-mlabel .e-num{margin-left:auto;color:var(--text)}
.e-dot{width:8px;height:8px;border-radius:50%;background:var(--tally);box-shadow:0 0 10px rgba(255,85,68,.7);animation:e-blink 1.6s ease-in-out infinite}
@keyframes e-blink{50%{opacity:.35}}
.e-frame{position:relative;overflow:hidden;background:#0A0908}
.e-frame>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .9s ease}
.e-prog .e-frame{aspect-ratio:16/9}
/* смена момента на мониторах — короткий перекрёстный переход, в такт перелёту рамки вебки */
.e-monitors .e-frame>img{transition:opacity .2s linear}
/* рамка вебки: сплошная 2px с тёмной каймой снаружи и внутри — читается на любом кадре и не рассыпается на точки, как пунктир;
   к новому углу перелетает быстро, но видимо (v234, Евгений 28.10: «кадр не перемещался, а всплывал в разных углах») */
.e-cam{position:absolute;border:2px solid rgba(255,255,255,.96);border-radius:10px;box-shadow:0 0 0 1px rgba(0,0,0,.42),inset 0 0 0 1px rgba(0,0,0,.3);transition:left .32s cubic-bezier(.2,.8,.2,1),top .32s cubic-bezier(.2,.8,.2,1),width .32s cubic-bezier(.2,.8,.2,1),height .32s cubic-bezier(.2,.8,.2,1)}
.e-cam span{position:absolute;left:6px;top:6px;font-size:11px;line-height:1;font-weight:500;padding:4px 6px;border-radius:5px;background:var(--acc);color:#1A0E05}
.e-clipmon{position:absolute;right:0;top:140px;width:236px}
.e-clipmon .e-frame{aspect-ratio:9/16}
.e-score{margin-left:auto;font-size:12px;line-height:1;color:#1A0E05;background:var(--acct);border-radius:999px;padding:4px 8px}
.e-hook{position:absolute;left:10px;right:10px;top:12px;font-size:13px;font-weight:600;line-height:1.3;padding:7px 9px;border-radius:9px;background:rgba(12,10,8,.66);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:e-in .16s ease both}
.e-subs{position:absolute;left:8px;right:8px;top:45%;text-align:center;font-family:'Inter',sans-serif;font-weight:800;font-size:23px;line-height:1.12;text-transform:uppercase;color:#fff;-webkit-text-stroke:1.2px #000;paint-order:stroke fill;text-shadow:0 2px 6px rgba(0,0,0,.6)}
.e-w{display:inline-block;margin:0 .1em;animation:e-kara .36s ease both}
@keyframes e-kara{0%{color:#fff;transform:scale(1)}16%{color:#F86414;transform:scale(1.08)}72%{color:#F86414;transform:scale(1)}100%{color:#fff;transform:scale(1)}}
@keyframes e-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.e-deck{position:relative;margin-top:44px;border-radius:18px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);padding:14px 20px 18px}
.e-deck-head{display:flex;gap:18px;align-items:center;font-size:12px;color:var(--muted);min-height:40px;padding-right:150px}
.e-deck-head b{font-weight:500;color:var(--text)}
.e-lanes{position:relative;margin-top:6px}
.e-ruler{position:relative;height:20px;font-size:11px;color:var(--dim);border-bottom:1px solid var(--line)}
.e-ruler span{position:absolute;bottom:4px;transform:translateX(-50%)}
.e-ruler span:first-child{transform:none}
.e-lane{position:relative;margin-top:10px}
.e-lane svg{display:block;width:100%}
.e-lane-name{position:absolute;left:0;top:-2px;font-size:11px;color:var(--dim);z-index:1;background:var(--panel);padding-right:6px}
.e-wave{height:64px}
.e-chat{height:32px}
.e-moms{position:relative;height:28px;margin-top:10px}
.e-mom{position:absolute;top:0;height:28px;border-radius:7px;background:rgba(248,100,20,.16);box-shadow:inset 0 0 0 1px rgba(255,138,69,.5);font-size:11px;color:var(--acct);display:flex;align-items:center;justify-content:center;transition:background .4s,box-shadow .4s,color .4s;min-width:30px}
.e-mom.on{background:var(--acc);color:#1A0E05;box-shadow:0 0 22px rgba(248,100,20,.6)}
.e-ribbon{position:relative;margin-top:12px;height:24px;overflow:hidden;font-size:13px;color:var(--muted);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.e-ribbon-track{position:absolute;left:0;top:2px;white-space:nowrap;animation:e-scroll 46s linear infinite}
.e-ribbon mark{background:none;color:var(--text);text-decoration:underline;text-decoration-color:var(--acc);text-decoration-thickness:2px;text-underline-offset:4px}
@keyframes e-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.e-playhead{position:absolute;top:26px;bottom:-4px;width:2px;margin-left:-1px;background:var(--acct);box-shadow:0 0 12px rgba(255,138,69,.8);transition:left .32s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.e-playhead::before{content:'';position:absolute;top:-8px;left:-5px;border:6px solid transparent;border-top-color:var(--acct)}
.e-pause{position:absolute;right:14px;top:12px;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:999px;border:0;background:var(--panel2);color:var(--text);font:inherit;font-size:13px;cursor:pointer;box-shadow:inset 0 0 0 1px var(--line)}
.e-pause:hover{box-shadow:inset 0 0 0 1px var(--line2)}
.e-sec{padding:120px 0}
.e-sec-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:end;margin-bottom:56px}
.e-steps{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr);gap:28px;align-items:start}
.e-step:nth-child(2){margin-top:72px}
.e-step:nth-child(3){margin-top:-24px}
.e-step-t{display:flex;gap:12px;align-items:baseline;margin-bottom:18px}
.e-step-n{font-size:14px;color:var(--acct)}
.e-ui{background:#1F1915;border-radius:22px;box-shadow:inset 0 0 0 1px var(--line),0 24px 50px rgba(0,0,0,.35);padding:16px}
.e-tgfile{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:16px 16px 6px 16px;background:#2B2420;margin-left:24px}
.e-fileic{width:42px;height:42px;border-radius:50%;background:var(--acc);display:flex;align-items:center;justify-content:center;flex:none}
.e-live{margin-top:12px;display:flex;gap:14px;align-items:center;padding:14px;border-radius:18px;background:#272019;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.e-spin{width:46px;height:46px;border-radius:14px;background:rgba(248,100,20,.18);display:flex;align-items:center;justify-content:center;flex:none}
.e-spin i{display:block;width:22px;height:22px;border-radius:50%;border:3px solid rgba(248,100,20,.25);border-top-color:var(--acc);animation:e-rot 1s linear infinite}
@keyframes e-rot{to{transform:rotate(360deg)}}
.e-bar{height:6px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden;margin-top:10px}
.e-bar i{display:block;height:100%;width:68%;border-radius:3px;background:var(--acc);animation:e-fill 6s ease-in-out infinite}
@keyframes e-fill{0%{width:12%}80%{width:92%}100%{width:92%}}
.e-tline{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:10px;align-items:start;padding:9px 6px;border-radius:10px;font-size:14px;line-height:1.45;color:var(--muted)}
.e-tline .e-num{font-size:12px;color:var(--dim);padding-top:2px}
.e-tline .e-chip{color:#1A0E05;padding-top:5px}
.e-tline.hit{background:rgba(248,100,20,.1);color:var(--text)}
.e-tline.hit span:nth-child(2){text-decoration:underline;text-decoration-color:var(--acc);text-decoration-thickness:2px;text-underline-offset:4px}
.e-chip{font-size:12px;line-height:1;padding:5px 8px;border-radius:999px;background:var(--acc);color:#1A0E05}
.e-analyst{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--muted);padding:8px 6px 2px}
.e-analyst i{width:6px;height:6px;border-radius:50%;background:var(--acct);animation:e-blink 1.2s infinite}
.e-chat-ui{display:flex;flex-direction:column;gap:10px}
.e-msg{max-width:88%;padding:10px 12px;border-radius:16px 16px 16px 6px;background:#2B2420;font-size:14px;line-height:1.45}
.e-vids{display:flex;gap:10px}
.e-vid{position:relative;width:46%;aspect-ratio:9/16;border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px var(--line2);animation:e-in .6s ease both}
.e-vid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.e-vid span{position:absolute;left:8px;bottom:8px;font-size:11px;padding:3px 6px;border-radius:6px;background:rgba(0,0,0,.6)}
.e-vid svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.e-mv{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.e-mv-text{display:flex;flex-direction:column;justify-content:flex-end;gap:16px;padding:8px 8px 8px 0}
.e-tile{position:relative;aspect-ratio:9/16;border-radius:12px;overflow:hidden;background:#000;box-shadow:0 0 0 1px var(--line2)}
.e-tile>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.e-tile .cap{position:absolute;left:0;right:0;top:0;display:flex;justify-content:space-between;padding:8px 10px;font-size:12px;color:#fff;background:linear-gradient(rgba(0,0,0,.6),transparent)}
.e-sub{position:absolute;left:6%;right:6%;top:62%;text-align:center;line-height:1.12;color:#fff}
.e-sub span{display:inline-block;margin:0 .08em;animation:e-k 3.6s infinite both}
.e-sub span:nth-child(2){animation-delay:.6s}
.e-sub span:nth-child(3){animation-delay:1.2s}
@keyframes e-k{0%,2%{color:var(--c0);transform:scale(1)}6%{color:var(--k);transform:scale(1.07)}17%{color:var(--k);transform:scale(1)}21%,100%{color:var(--c0);transform:scale(1)}}
.s-clean{--c0:#fff;--k:#F86414;font:800 17px/1.12 'Inter',sans-serif;text-transform:uppercase;-webkit-text-stroke:1px #000;paint-order:stroke fill;text-shadow:0 2px 5px rgba(0,0,0,.55)}
.s-bold{--c0:#fff;--k:#FFD84D;font:900 20px/1.06 'Montserrat',sans-serif;text-transform:uppercase;-webkit-text-stroke:1.2px #000;paint-order:stroke fill;text-shadow:0 2px 5px rgba(0,0,0,.55)}
.s-stream{--c0:#fff;--k:#A3E635;font:400 18px/1.1 'Russo One',sans-serif;text-transform:uppercase;-webkit-text-stroke:2.4px #000;paint-order:stroke fill;text-shadow:0 2px 5px rgba(0,0,0,.55)}
.s-pod{--c0:#fff;--k:#7DD3FC;font:700 22px/1.02 'Oswald',sans-serif;text-transform:uppercase;-webkit-text-stroke:1px #000;paint-order:stroke fill;text-shadow:0 2px 5px rgba(0,0,0,.55)}
.s-trend{--c0:#fff;--k:#F0ABFC;font:800 11px/1.3 'Unbounded',sans-serif;text-transform:uppercase;-webkit-text-stroke:.8px #000;paint-order:stroke fill}
.s-vlog{--c0:#FFF7ED;--k:#FDA4AF;font:400 23px/1.05 'Lobster',cursive;-webkit-text-stroke:1px #2A1A12;paint-order:stroke fill;text-shadow:0 2px 5px rgba(0,0,0,.55)}
.s-plate{--c0:#fff;--k:#FFD84D;font:700 15px/1.55 'Rubik',sans-serif}
.s-plate span{background:rgba(20,17,13,.66);padding:1px 6px;border-radius:4px}
.s-light{--c0:#14110D;--k:#F86414;font:700 15px/1.55 'Golos Text',sans-serif}
.s-light span{background:#fff;padding:1px 6px;border-radius:4px}
.s-cine{font:500 14px/1.3 'Inter',sans-serif;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.85)}
.s-cine span{animation:e-cine 3.6s infinite both!important}
@keyframes e-cine{0%{opacity:0}12%,78%{opacity:1}92%,100%{opacity:0}}
.e-split{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:56px;align-items:center}
.e-fmt{display:flex;flex-direction:column;gap:14px}
.e-fmt .e-frame{aspect-ratio:16/9}
.e-cropbox{position:absolute;top:6%;height:88%;left:var(--fx9);width:27.8%;border:2px solid var(--acct);border-radius:8px;box-shadow:0 0 0 1px rgba(0,0,0,.35),0 0 0 999px rgba(10,8,6,.45);animation:e-crops 9s cubic-bezier(.65,0,.35,1) infinite}
.e-cropbox b{position:absolute;left:6px;top:6px;font-size:11px;line-height:1;font-weight:500;padding:4px 6px;border-radius:4px;background:var(--acc);color:#1A0E05;opacity:0}
.e-cropbox b:nth-child(1){animation:e-l1 9s infinite}
.e-cropbox b:nth-child(2){animation:e-l2 9s infinite}
.e-cropbox b:nth-child(3){animation:e-l3 9s infinite}
@keyframes e-l1{0%,28%{opacity:1}31%,97%{opacity:0}100%{opacity:1}}
@keyframes e-l2{0%,31%{opacity:0}34%,61%{opacity:1}64%,100%{opacity:0}}
@keyframes e-l3{0%,64%{opacity:0}67%,94%{opacity:1}97%,100%{opacity:0}}
@keyframes e-crops{0%,26%{left:var(--fx9);width:27.8%}33%,59%{left:var(--fx1);width:49.5%}66%,92%{left:var(--fx4);width:39.6%}100%{left:var(--fx9);width:27.8%}}
.e-face{position:absolute;border:2px solid rgba(255,255,255,.92);border-radius:8px;box-shadow:0 0 0 1px rgba(0,0,0,.4),inset 0 0 0 1px rgba(0,0,0,.28)}
.e-face span{position:absolute;left:0;top:-20px;font-size:11px;color:#fff;white-space:nowrap}
.e-outs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:end}
.e-out{position:relative;border-radius:10px;overflow:hidden;box-shadow:0 0 0 1px var(--line2);background:#0A0908}
.e-out img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.e-out span{position:absolute;left:6px;bottom:6px;font-size:11px;line-height:1;padding:4px 6px;border-radius:5px;background:rgba(0,0,0,.62);color:#fff;z-index:1}
.e-stack{position:relative;aspect-ratio:9/16;border-radius:10px;overflow:hidden;box-shadow:0 0 0 1px var(--line2)}
.e-stack .top{position:absolute;left:0;right:0;top:0;height:42%;overflow:hidden;border-bottom:2px solid var(--acc)}
.e-stack .bot{position:absolute;left:0;right:0;bottom:0;height:58%;overflow:hidden}
.e-stack img{width:100%;height:100%;object-fit:cover}
.e-break{background:var(--paper);color:var(--ink)}
.e-break .e-small{color:#5C554D}
.e-break-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px minmax(0,1fr);gap:48px;align-items:center;padding:112px 32px}
.e-phone{position:relative;border-radius:40px;padding:10px;background:#0E0C0A;box-shadow:0 40px 80px rgba(21,18,15,.28),inset 0 0 0 2px #2A2420}
.e-phone img{border-radius:31px;width:100%;height:auto}
.e-scrawl{display:flex;flex-direction:column;gap:18px}
.e-scrawl svg{width:150px;height:auto;color:var(--ink)}
.e-break .e-live{background:#fff;box-shadow:0 18px 40px rgba(21,18,15,.12);color:var(--ink)}
.e-break .e-live .e-small{color:#6A6158}
.e-ai{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,3fr) minmax(0,4fr);gap:40px;align-items:center}
.e-aiclip{position:relative;aspect-ratio:9/16;border-radius:18px;overflow:hidden;box-shadow:0 0 0 1px var(--line2),0 30px 60px rgba(0,0,0,.4)}
.e-aiclip>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:filter .6s}
.e-aiclip.after>img{filter:saturate(.75) hue-rotate(-8deg) brightness(.92) contrast(1.05)}
.e-tint{position:absolute;inset:0;background:linear-gradient(180deg,rgba(160,200,255,.22),rgba(40,60,110,.25));mix-blend-mode:screen;animation:e-in .6s ease both}
.e-flake{position:absolute;top:-4%;border-radius:50%;background:#fff;animation:e-fall linear infinite}
@keyframes e-fall{from{transform:translate3d(0,0,0)}to{transform:translate3d(18px,112vh,0)}}
.e-aiclip .e-flakes{position:absolute;inset:0;overflow:hidden}
.e-toggle{display:inline-flex;align-self:flex-start;gap:4px;padding:4px;border-radius:999px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line2)}
.e-toggle button{min-height:40px;padding:0 16px;border-radius:999px;border:0;background:transparent;color:var(--muted);font:inherit;font-size:14px;cursor:pointer}
.e-toggle button[aria-pressed="true"]{background:var(--text);color:var(--ink)}
.e-shot{border-radius:30px;padding:8px;background:#0A0908;box-shadow:0 0 0 1px var(--line2),0 30px 60px rgba(0,0,0,.4)}
.e-shot img{border-radius:23px;width:100%;height:auto}
.e-who{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.e-who figure{margin:0}
.e-who .e-frame{aspect-ratio:4/5;border-radius:14px;box-shadow:0 0 0 1px var(--line2)}
.e-who figcaption{padding-top:14px;display:flex;flex-direction:column;gap:4px}
.e-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line2)}
.e-plan{padding:28px 28px 32px 0;display:flex;flex-direction:column;gap:12px}
.e-plan+.e-plan{padding-left:28px;border-left:1px solid var(--line)}
.e-price{font-size:40px;line-height:1;letter-spacing:-.02em}
.e-price span{font-size:15px;color:var(--muted);letter-spacing:0}
.e-packs{display:flex;flex-wrap:wrap;gap:12px 28px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:15px;color:var(--muted)}
.e-packs b{font-weight:500;color:var(--text)}
.e-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}
.e-q{border-top:1px solid var(--line)}
.e-q summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;padding:20px 0;font-size:18px;line-height:1.4}
.e-q summary::-webkit-details-marker{display:none}
.e-q summary::after{content:'+';color:var(--acct);font-size:22px;line-height:1}
.e-q[open] summary::after{content:'−'}
.e-q p{padding:0 0 22px;color:var(--muted);max-width:34em}
.e-final{position:relative;padding:150px 0 230px;overflow:hidden;border-top:1px solid var(--line)}
.e-final svg{position:absolute;left:0;right:0;bottom:0;width:100%;height:150px;opacity:.55}
.e-final-in{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:22px}
.e-foot{padding:48px 0 40px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}
.e-foot-grid{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:32px}
.e-foot h4{margin:0 0 10px;font-size:13px;font-weight:500;color:var(--text)}
.e-foot a{display:block;padding:3px 0;text-decoration:none}
.e-foot a:hover{color:var(--text)}
.e-foot-note{margin-top:36px;padding-top:20px;border-top:1px solid var(--line);font-size:13px;color:var(--dim)}
.e.paused *,.e.paused *::before,.e.paused *::after{animation-play-state:paused!important}
@media (max-width:1100px){
.e-hero-grid{grid-template-columns:1fr;gap:40px}
.e-hero-text{padding-top:8px}
.e-split{grid-template-columns:1fr;gap:32px}
.e-ai{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}
.e-ai-text{grid-column:1/-1}
.e-mv{grid-template-columns:repeat(3,minmax(0,1fr))}
.e-mv-text{grid-column:1/-1;padding:0 0 12px}
.e-break-grid{grid-template-columns:minmax(0,1fr) 260px;padding:96px 32px}
.e-break-grid .e-scrawl{grid-column:1/-1}
.e-who{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
.e{font-size:16px}
.e-wrap{padding:0 20px}
.e h1{font-size:38px}
.e h2{font-size:30px}
.e-lead{font-size:17px}
.e-nav{display:none}
.e-headrow{height:68px}
.e-logo img{width:104px}
.e-form{border-radius:22px;flex-direction:column;padding:6px}
.e-form .e-btn{width:100%}
.e-monitors{padding-right:0;padding-bottom:210px;min-height:0}
.e-clipmon{top:auto;bottom:0;width:40%}
.e-deck{padding:12px 14px 16px}
.e-deck-head{padding-right:0;flex-wrap:wrap;gap:6px 14px}
.e-pause{position:static;margin-top:12px}
.e-ruler span:nth-child(even){display:none}
.e-sec{padding:88px 0}
.e-sec-head{grid-template-columns:1fr;gap:16px;margin-bottom:36px}
.e-steps{grid-template-columns:1fr}
.e-step:nth-child(2),.e-step:nth-child(3){margin-top:0}
.e-mv{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.e-mv-text{grid-column:1/-1}
.e-tile .cap{font-size:10px;padding:6px 7px}
.e-sub{transform:scale(.66);transform-origin:50% 0;left:-10%;right:-10%}
.e-ai .e-aiclip{max-width:300px;width:100%;justify-self:center}
.e-ai .e-shot{max-width:300px;justify-self:center}
.e-outs{grid-template-columns:repeat(2,minmax(0,1fr))}
.e-break-grid{grid-template-columns:1fr;padding:80px 20px}
.e-phone{max-width:280px}
.e-ai{grid-template-columns:1fr}
.e-who{grid-template-columns:1fr 1fr}
.e-plans{grid-template-columns:1fr}
.e-plan,.e-plan+.e-plan{padding:24px 0;border-left:0;border-top:1px solid var(--line)}
.e-faq{grid-template-columns:1fr}
.e-foot-grid{grid-template-columns:1fr 1fr}
}
@media (prefers-reduced-motion:reduce){.e *,.e *::before,.e *::after{animation:none!important;transition:none!important}.e-flakes{display:none}.e-cropbox b:first-child{opacity:1}}
/* — kit.css: общее для страниц варианта E поверх core.css (стили главной) — */
.e-head{position:relative;z-index:30}
.e-dd{position:relative}
.e-dd summary{list-style:none;cursor:pointer;padding:12px 0;display:flex;gap:7px;align-items:center}
.e-dd summary::-webkit-details-marker{display:none}
.e-dd summary::after{content:'';width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);opacity:.7;transition:transform .2s}
.e-dd[open] summary{color:var(--text)}
.e-dd[open] summary::after{transform:translateY(1px) rotate(225deg)}
.e-dd summary:hover,.e-dd:has([aria-current]) summary,.e-nav>a[aria-current]{color:var(--text)}
.e-dd-panel{position:absolute;left:-14px;top:calc(100% + 4px);min-width:300px;padding:8px;border-radius:16px;background:var(--panel2);box-shadow:0 0 0 1px var(--line2),0 24px 48px rgba(0,0,0,.5);display:flex;flex-direction:column;animation:e-in .18s ease both}
.e-dd-panel a{padding:10px 12px;border-radius:10px;color:var(--text);text-decoration:none;font-size:15px;line-height:1.35}
.e-dd-panel a:hover,.e-dd-panel a[aria-current]{background:rgba(255,236,220,.06)}
.e-dd-panel a span{display:block;font-size:13px;color:var(--muted);margin-top:2px}
.e-burger{display:none;position:relative}
.e-burger summary{list-style:none;cursor:pointer;width:44px;height:44px;border-radius:999px;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px var(--line2)}
.e-burger summary::-webkit-details-marker{display:none}
.e-burger summary span{display:block;width:16px;height:1.5px;background:var(--text);border-radius:1px}
.e-burger-panel{position:absolute;right:0;top:calc(100% + 8px);width:min(320px,calc(100vw - 40px));padding:8px;border-radius:18px;background:var(--panel2);box-shadow:0 0 0 1px var(--line2),0 24px 48px rgba(0,0,0,.55);display:flex;flex-direction:column}
.e-burger-panel a{padding:12px 14px;border-radius:12px;text-decoration:none;font-size:16px}
.e-burger-panel a:hover{background:rgba(255,236,220,.06)}
.e-foot-grid5{grid-template-columns:minmax(0,1.3fr) repeat(4,minmax(0,1fr))}
/* шапка страницы раздела: короткий текст слева, сложная картинка справа */
.e-phero{padding:48px 0 0}
.e-phero-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center}
.e-phero-text{display:flex;flex-direction:column;gap:22px}
.e-kicker{font-size:14px;color:var(--acct)}
/* неразрывная пара слов (AI-редактор не переносится по дефису) */
.e-nw{white-space:nowrap}
/* метка «скоро»: функция описана, но ещё не подключена */
.e-soon{display:inline-block;vertical-align:middle;font-size:13px;font-weight:500;line-height:1;letter-spacing:0;padding:6px 10px;border-radius:999px;color:var(--acct);box-shadow:inset 0 0 0 1px rgba(255,138,69,.55);white-space:nowrap}
/* таблица */
.e-table{width:100%;border-collapse:collapse;font-size:15px}
.e-table th,.e-table td{text-align:left;padding:14px 16px 14px 0;border-top:1px solid var(--line);vertical-align:top}
.e-table th{font-weight:400;color:var(--muted)}
.e-table td.e-num,.e-table th.e-num{text-align:right;padding-right:0}
.e-table tr:first-child th,.e-table tr:first-child td{border-top:1px solid var(--line2)}
/* ползунок */
.e-range{-webkit-appearance:none;appearance:none;width:100%;height:28px;background:transparent;cursor:pointer;margin:0}
.e-range::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(90deg,var(--acc) var(--p,50%),rgba(255,236,220,.14) var(--p,50%))}
.e-range::-moz-range-track{height:6px;border-radius:3px;background:rgba(255,236,220,.14)}
.e-range::-moz-range-progress{height:6px;border-radius:3px;background:var(--acc)}
.e-range::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-8px;border-radius:50%;background:var(--text);box-shadow:0 0 0 4px rgba(248,100,20,.35)}
.e-range::-moz-range-thumb{width:22px;height:22px;border:0;border-radius:50%;background:var(--text);box-shadow:0 0 0 4px rgba(248,100,20,.35)}
.e-range:focus-visible{outline:none}
.e-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--acct)}
.e-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px var(--acct)}
/* сегменты-переключатели */
.e-seg{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line2)}
.e-seg button{min-height:38px;padding:0 14px;border-radius:999px;border:0;background:transparent;color:var(--muted);font:inherit;font-size:14px;cursor:pointer}
.e-seg button[aria-pressed="true"]{background:var(--text);color:var(--ink)}
.e-seg button:hover{color:var(--text)}
.e-seg button[aria-pressed="true"]:hover{color:var(--ink)}
@media (max-width:1100px){
.e-phero-grid{grid-template-columns:1fr;gap:40px}
.e-foot-grid5{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:760px){
.e-burger{display:block;margin-left:auto}
.e-head-cta{display:none}
.e-headrow{gap:16px}
.e-phero{padding:24px 0 0}
.e-foot-grid5{grid-template-columns:1fr 1fr}
.e-table{font-size:14px}
}
/* — Home — */
.e-terms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;padding-top:28px}
.e-terms h3{margin-bottom:8px}
.e-terms a{color:var(--text)}
@media (max-width:760px){.e-terms{grid-template-columns:1fr;gap:24px}}
/* AI-редактор: один кадр клипа, правки сменяют друг друга на месте — каждая проходит шторкой поверх прошлой (лицо, поза
   и кадр те же, меняются внешность, место, стиль); рядом шаги: миниатюра и что попросили, нажатие — показать шаг */
.ai-intro{display:flex;flex-direction:column;gap:10px}
.ai-studio{display:grid;grid-template-columns:minmax(0,380px) minmax(0,620px);grid-template-areas:"stage prompt" "stage steps";grid-template-rows:auto 1fr;column-gap:56px;row-gap:22px;align-items:start}
.ai-prompt{grid-area:prompt;display:flex;align-items:center;gap:12px;min-height:52px;padding:8px 8px 8px 20px;border-radius:999px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line2)}
.ai-type{flex:1;min-width:0;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ai-mode{flex:none;font-size:13px;line-height:1;padding:7px 11px;border-radius:999px;background:var(--panel2);color:var(--muted);box-shadow:inset 0 0 0 1px var(--line)}
.ai-stage{grid-area:stage;position:relative;aspect-ratio:9/16;border-radius:18px;overflow:hidden;background:#0A0908;box-shadow:0 0 0 1px var(--line2),0 28px 60px rgba(0,0,0,.5)}
.ai-shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}
.ai-shot.was{opacity:1;z-index:1}
.ai-shot.on{opacity:1;z-index:2}
.ai-shot.on.go{animation:ai-wipe 1.05s cubic-bezier(.65,0,.35,1) .45s backwards}
@keyframes ai-wipe{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
.ai-scan{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0}
.ai-scan::before{content:'';position:absolute;top:0;bottom:0;left:-1px;width:2px;background:var(--acct);box-shadow:0 0 18px 4px rgba(255,138,69,.55)}
.ai-scan.go{animation:ai-scan 1.05s cubic-bezier(.65,0,.35,1) .45s both}
@keyframes ai-scan{0%{opacity:0;transform:translateX(0)}6%{opacity:1}86%{opacity:1}100%{opacity:0;transform:translateX(100%)}}
.ai-tag{position:absolute;left:12px;top:12px;z-index:4;display:flex;gap:8px;align-items:baseline;padding:7px 12px;border-radius:999px;background:rgba(15,13,11,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:14px;font-weight:500}
.ai-tag .e-num{color:var(--acct);font-size:12px}
.ai-tag.go{animation:ai-tag .3s ease .9s backwards}
@keyframes ai-tag{from{opacity:0;transform:translateY(-4px)}}
.ai-steps{grid-area:steps;display:flex;flex-direction:column;gap:8px}
.ai-fr{position:relative;display:flex;gap:18px;align-items:center;width:100%;padding:8px;border:0;border-radius:16px;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background-color .2s}
.ai-fr:hover{background:rgba(255,236,220,.04)}
.ai-fr[aria-pressed="true"]{background:var(--panel);box-shadow:inset 0 0 0 1px var(--line)}
.ai-pic{position:relative;display:block;flex:none;width:76px;aspect-ratio:9/16;border-radius:10px;overflow:hidden;background:#0A0908;box-shadow:0 0 0 1px var(--line2);transition:box-shadow .25s}
.ai-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ai-fr[aria-pressed="true"] .ai-pic{box-shadow:0 0 0 2px var(--acct)}
.ai-tx{display:flex;flex-direction:column;gap:6px;min-width:0}
.ai-cap{display:flex;gap:10px;align-items:baseline}
.ai-n{font-size:13px;color:var(--acct)}
.ai-cap b{font-weight:500;font-size:19px}
.ai-p{font-size:15px;line-height:1.45;color:var(--muted)}
.ai-fr[aria-pressed="true"] .ai-p{color:var(--text)}
.ai-run{position:absolute;left:102px;right:18px;bottom:12px;height:2px;border-radius:2px;background:rgba(255,255,255,.14);overflow:hidden;display:none}
.ai-fr[aria-pressed="true"] .ai-run{display:block}
.ai-held .ai-run{display:none!important}
.ai-run::after{content:'';position:absolute;inset:0;background:var(--acct);transform-origin:0 50%;animation:ai-run 3.2s linear both}
@keyframes ai-run{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (min-width:761px) and (max-width:1100px){
  .ai-studio{grid-template-columns:minmax(0,300px) minmax(0,1fr);column-gap:32px}
  .ai-prompt{flex-wrap:wrap;row-gap:8px;border-radius:18px;padding:12px 14px 12px 16px}
  .ai-type{flex-basis:100%;white-space:normal}
  .ai-fr{gap:14px}
  .ai-pic{width:60px}
  .ai-run{left:82px}
  .ai-cap b{font-size:17px}
  .ai-p{font-size:14px}
}
@media (max-width:760px){
  .ai-studio{grid-template-columns:minmax(0,1fr) 18%;grid-template-areas:"prompt prompt" "stage steps";grid-template-rows:auto auto;column-gap:10px;row-gap:12px;align-items:stretch}
  .ai-prompt{flex-wrap:wrap;row-gap:8px;border-radius:18px;padding:12px 14px 12px 16px}
  .ai-type{flex-basis:100%;white-space:normal;font-size:15px}
  .ai-stage{border-radius:14px}
  .ai-tag{left:10px;top:10px;font-size:13px;padding:6px 10px}
  .ai-steps{justify-content:space-between;gap:6px}
  .ai-fr{display:block;padding:0;border-radius:10px}
  .ai-fr[aria-pressed="true"],.ai-fr:hover{background:none;box-shadow:none}
  .ai-pic{width:100%}
  .ai-tx{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .ai-run{left:6px;right:6px;bottom:6px}
}
/* — Pricing — */
.pr-meter{border-radius:18px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line2),0 30px 60px rgba(0,0,0,.35);overflow:hidden}
.pr-meter .e-mlabel{background:#14110E}
.pr-body{padding:22px 24px 26px;display:flex;flex-direction:column;gap:22px}
.pr-ctrl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}
.pr-ctrl label{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:var(--muted);margin-bottom:6px}
.pr-ctrl label b{font-weight:500;color:var(--text);font-size:16px}
.pr-leds{position:relative;padding-top:26px}
.pr-ledrow{display:grid;grid-template-columns:repeat(48,minmax(0,1fr));gap:3px;height:42px}
.pr-led{border-radius:2px;background:rgba(255,236,220,.07);transition:background .15s}
.pr-led.on{background:var(--acc);box-shadow:0 0 10px rgba(248,100,20,.45)}
.pr-led.hot{background:var(--tally);box-shadow:0 0 10px rgba(255,85,68,.5)}
.pr-mark{position:absolute;top:0;bottom:-24px;border-left:1px dashed rgba(255,236,220,.35)}
.pr-mark span{position:absolute;left:6px;top:0;font-size:12px;color:var(--muted);white-space:nowrap}
.pr-mark i{position:absolute;left:6px;bottom:0;font-style:normal;font-size:11px;color:var(--dim);white-space:nowrap}
.pr-out{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:end;padding-top:14px;border-top:1px solid var(--line)}
.pr-big{font-size:48px;line-height:1;letter-spacing:-.02em}
.pr-big small{font-size:16px;color:var(--muted);letter-spacing:0;margin-left:8px}
.pr-rec{display:flex;flex-direction:column;gap:4px}
.pr-rec b{font-weight:500;font-size:18px}
.pr-list{display:flex;flex-direction:column}
.pr-row{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1.4fr);gap:20px;padding:16px 0;border-top:1px solid var(--line);align-items:baseline}
.pr-row:first-child{border-top-color:var(--line2)}
.pr-row b{font-weight:500}
.pr-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line2)}
.pr-plan{padding:28px 28px 32px 0;display:flex;flex-direction:column;gap:14px}
.pr-plan+.pr-plan{padding-left:28px;border-left:1px solid var(--line)}
.pr-plan ul{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:15px;color:var(--muted)}
.pr-plan li::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--acct);margin:0 10px 2px 0}
.pr-plan .e-btn{align-self:flex-start;margin-top:8px}
.pr-stars{font-size:14px;color:var(--muted)}
.pr-packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.pr-pack{border-radius:16px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);padding:20px 22px;display:flex;flex-direction:column;gap:6px}
.pr-pack b{font-weight:500;font-size:22px}
.pr-pay{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
.pr-pay h3{margin-bottom:8px}
.pr-refund{grid-column:1/-1;padding-top:24px;border-top:1px solid var(--line)}
.pr-refund .e-small{max-width:52em}
.pr-refund a{color:var(--text)}
.pr-break{background:var(--paper);color:var(--ink)}
.pr-break-in{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:64px;align-items:center;padding:110px 32px;max-width:1280px;margin:0 auto}
.pr-break .e-small{color:#5C554D}
.pr-receipt{position:relative;background:#fff;padding:30px 28px 34px;box-shadow:0 24px 50px rgba(21,18,15,.14);font-size:15px;transform:rotate(1.5deg);-webkit-mask:radial-gradient(circle at 8px 100%,transparent 7px,#000 7.5px) -8px 100%/16px 100% repeat-x;mask:radial-gradient(circle at 8px 100%,transparent 7px,#000 7.5px) -8px 100%/16px 100% repeat-x}
.pr-receipt h3{font-size:17px;text-align:center;margin-bottom:4px}
.pr-receipt .e-small{text-align:center;display:block;margin-bottom:18px}
.pr-line{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px dashed rgba(21,18,15,.18)}
.pr-line.t{border-bottom:0;padding-top:14px;font-weight:500;font-size:17px}
.pr-hand{font-size:14px;color:#5C554D;display:flex;gap:10px;align-items:flex-start;margin-top:22px}
.pr-hand svg{flex:none;width:44px;height:auto;color:var(--ink)}
@media (max-width:1100px){
.pr-plans{grid-template-columns:1fr}
.pr-plan,.pr-plan+.pr-plan{padding:24px 0;border-left:0;border-top:1px solid var(--line)}
.pr-break-in{grid-template-columns:1fr;gap:40px}
}
@media (max-width:760px){
.pr-ctrl{grid-template-columns:1fr;gap:18px}
.pr-out{grid-template-columns:1fr;gap:10px}
.pr-big{font-size:38px}
.pr-row{grid-template-columns:1fr auto;gap:4px 16px}
.pr-row span:nth-child(3){grid-column:1/-1}
.pr-packs{grid-template-columns:1fr}
.pr-pay{grid-template-columns:1fr;gap:28px}
.pr-break-in{padding:80px 20px}
.pr-mark span{font-size:11px}
.pr-mark.r span,.pr-mark.r i{left:auto;right:6px}
.pr-ledrow{gap:2px;height:34px}
}
/* — Streamers — */
.st-rig{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:22px;align-items:end}
.st-rig .e-mon .e-frame>img{transition:opacity .2s linear}
.st-phone{position:relative;aspect-ratio:9/16;border-radius:26px;overflow:hidden;background:#000;box-shadow:0 0 0 6px #0A0908,0 0 0 7px var(--line2),0 30px 60px rgba(0,0,0,.5)}
.st-phone>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .25s}
.st-bubble{position:absolute;left:8%;bottom:9%;width:42%;aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:0 0 0 3px var(--acc),0 10px 24px rgba(0,0,0,.5);transition:opacity .25s,transform .25s}
.st-bubble img{width:100%;height:100%;object-fit:cover}
.st-phone .e-subs{top:46%;font-size:19px}
.st-layouts{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center}
.st-whole{position:relative;border-radius:18px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);padding:22px 22px 26px}
.st-hours{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));font-size:12px;color:var(--dim);border-bottom:1px solid var(--line);padding-bottom:6px}
.st-hours span+span{border-left:1px solid var(--line);padding-left:8px}
.st-pieces{display:grid;grid-template-columns:repeat(30,minmax(0,1fr));gap:3px;margin-top:14px;height:38px}
.st-piece{border-radius:3px;background:rgba(255,236,220,.06);position:relative}
.st-piece.read{background:rgba(255,236,220,.14)}
.st-piece.hit{background:var(--acc)}
.st-piece.hit::after{content:attr(data-s);position:absolute;left:50%;top:-22px;transform:translateX(-50%);font-size:11px;color:var(--acct)}
.st-scan{display:flex;justify-content:space-between;gap:16px;margin-top:16px;font-size:13px;color:var(--muted)}
.st-more{display:flex;flex-direction:column;gap:8px}
.st-m{display:grid;grid-template-columns:28px 64px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;text-align:left;border:0;color:inherit;font:inherit;width:100%}
.st-m[aria-pressed="true"]{box-shadow:inset 0 0 0 1px var(--acct);background:rgba(248,100,20,.08)}
.st-box{width:20px;height:20px;border-radius:6px;box-shadow:inset 0 0 0 1.5px var(--line2);display:flex;align-items:center;justify-content:center}
.st-m[aria-pressed="true"] .st-box{background:var(--acc);box-shadow:none}
.st-m .st-at{font-size:13px;color:var(--dim)}
.st-m .e-chip{color:#1A0E05}
.st-build{margin-top:14px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.st-break{background:var(--paper);color:var(--ink)}
.st-break-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center;padding:110px 32px;max-width:1280px;margin:0 auto}
.st-break .e-small{color:#5C554D}
.st-sheet{background:#fff;border-radius:6px;padding:30px 30px 34px;box-shadow:0 24px 50px rgba(21,18,15,.12);transform:rotate(-1.2deg);display:flex;flex-direction:column;gap:0}
.st-sheet div{display:grid;grid-template-columns:70px minmax(0,1fr);gap:14px;padding:12px 0;border-bottom:1px solid rgba(21,18,15,.1);font-size:16px}
.st-sheet div:last-child{border-bottom:0}
.st-sheet b{font-weight:500}
.st-sheet .e-num{color:#8A5A33}
.st-sheet s{color:#9A9189;text-decoration-color:#D9481C}
@media (max-width:1100px){
.st-break-in{grid-template-columns:1fr;gap:40px}
}
@media (max-width:760px){
.st-rig{grid-template-columns:1fr;justify-items:center}
.st-rig .e-mon{width:100%}
.st-phone{width:220px}
.st-pieces{grid-template-columns:repeat(15,minmax(0,1fr));height:30px;row-gap:22px}
.st-m{grid-template-columns:24px 52px minmax(0,1fr)}
.st-m .e-chip{display:none}
.st-break-in{padding:80px 20px}
}
/* — Moments — */
.mo-mon{display:grid;grid-template-columns:minmax(0,1fr) 250px;border-radius:18px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line2),0 30px 60px rgba(0,0,0,.35);overflow:hidden}
.mo-mon .e-mlabel{grid-column:1/-1;background:#14110E}
.mo-lines{padding:12px 10px 14px;display:flex;flex-direction:column;gap:2px;position:relative}
.mo-line{display:grid;grid-template-columns:58px minmax(0,1fr);gap:10px;padding:7px 10px 7px 12px;border-radius:9px;font-size:14px;line-height:1.45;color:var(--dim);transition:color .3s,background .3s;position:relative}
.mo-line .e-num{font-size:12px;padding-top:2px}
.mo-line.in{color:var(--text);background:rgba(248,100,20,.09);padding-right:62px}
.mo-line.in::before{content:'';position:absolute;left:0;top:4px;bottom:4px;width:3px;border-radius:2px;background:var(--acc)}
.mo-line.first::after{content:'начало';position:absolute;right:10px;top:7px;font-size:11px;color:var(--acct)}
.mo-line.last::after{content:'конец';position:absolute;right:10px;top:7px;font-size:11px;color:var(--acct)}
.mo-card{border-left:1px solid var(--line);padding:18px 18px 20px;display:flex;flex-direction:column;gap:14px}
.mo-ring{position:relative;width:96px;height:96px}
.mo-ring svg{width:96px;height:96px;transform:rotate(-90deg)}
.mo-ring b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:26px}
.mo-ring circle{transition:stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}
.mo-card h3{font-size:18px}
.mo-meta{display:flex;flex-direction:column;gap:3px;font-size:13px;color:var(--muted)}
.mo-crit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.mo-crit .e-ui{margin-top:18px}
.mo-cut{position:relative;height:56px;border-radius:10px;background:#14110E;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line)}
.mo-cut i{position:absolute;top:0;bottom:0;background:rgba(248,100,20,.18);box-shadow:inset 0 0 0 2px var(--acct);border-radius:8px;transition:left .3s,width .3s}
.mo-cap{display:flex;justify-content:space-between;gap:12px;margin-top:8px;font-size:12px;color:var(--muted)}
.mo-rate{display:flex;gap:10px;margin-top:4px}
.mo-rate button{min-height:40px;padding:0 14px;border-radius:999px;border:0;background:var(--panel2);color:var(--text);font:inherit;font-size:14px;cursor:pointer;box-shadow:inset 0 0 0 1px var(--line2)}
.mo-rate button[aria-pressed="true"]{background:var(--text);color:var(--ink)}
.mo-hooks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.mo-hook{border-radius:16px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);padding:20px 22px;display:flex;flex-direction:column;gap:8px}
.mo-hook.sr{box-shadow:inset 0 0 0 1px rgba(255,138,69,.55)}
.mo-hook q{font-size:22px;line-height:1.3;quotes:'«' '»'}
.mo-rebuild{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:40px;align-items:center}
.mo-chips{display:flex;flex-wrap:wrap;gap:10px}
.mo-chips button{min-height:42px;padding:0 16px;border-radius:999px;border:0;background:var(--panel);color:var(--text);font:inherit;font-size:15px;cursor:pointer;box-shadow:inset 0 0 0 1px var(--line2)}
.mo-chips button[aria-pressed="true"]{box-shadow:inset 0 0 0 1px var(--acct);background:rgba(248,100,20,.1)}
.mo-track{margin-top:22px}
.mo-break{background:var(--paper);color:var(--ink)}
.mo-break-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:64px;align-items:center;padding:110px 32px;max-width:1280px;margin:0 auto}
.mo-break .e-small{color:#5C554D}
.mo-paper{background:#fff;padding:28px 30px;box-shadow:0 24px 50px rgba(21,18,15,.12);transform:rotate(1deg);font-size:17px;line-height:1.75}
.mo-paper mark{background:linear-gradient(#FFC266,#FFC266) 0 0/100% 100% no-repeat;border-radius:.2em .55em .3em .5em / .5em .3em .6em .3em;padding:0 .12em;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:inherit}
.mo-paper .e-num{display:inline-block;width:62px;font-size:13px;color:#8A7F75}
@media (max-width:1100px){
.mo-crit{grid-template-columns:1fr}
.mo-rebuild{grid-template-columns:1fr}
.mo-break-in{grid-template-columns:1fr;gap:40px}
}
@media (max-width:760px){
.mo-mon{grid-template-columns:1fr}
.mo-card{border-left:0;border-top:1px solid var(--line);flex-direction:row;flex-wrap:wrap;align-items:center}
.mo-hooks{grid-template-columns:1fr}
.mo-line.first::after,.mo-line.last::after{display:none}
.mo-break-in{padding:80px 20px}
}
/* — site.css: только для боевого сайта, поверх core.css, kit.css и стилей страниц (холст это не грузит) —
   Движение: одна сцена при загрузке (заголовок загорается по словам, как субтитры; мониторы включаются; дорожка эфира
   прописывается слева направо), дальше живые блоки оживают, когда доходят до экрана (data-in), и стоят вне экрана (data-off).
   Всё движение — только при prefers-reduced-motion: no-preference и с работающим JavaScript (.js). */
html{scroll-padding-top:92px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
.e-skip{position:absolute;left:16px;top:14px;z-index:60;padding:10px 16px;border-radius:999px;background:var(--text);color:var(--ink)!important;font-size:15px;text-decoration:none;opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .15s,transform .15s}
.e-skip:focus{opacity:1;pointer-events:auto;transform:none}
#main:focus{outline:none}
/* слова субтитров на кадре клипа — без пробелов между span: зазор только полями; на английском и испанском по два слова в span
   («EL CHAT» «LO VIO») поля .1em сливались в одно слово */
.e-w{margin:0 .18em}
/* переключатель языка (v232): в шапке — кнопка «RU/EN/ES» с меню, в меню телефона — строка из трёх языков */
.e-lang{margin-left:auto;font-size:14px;color:var(--muted)}
.e-lang summary{padding:12px 0;letter-spacing:.04em}
.e-lang-panel{left:auto;right:-14px;min-width:160px}
.e-lang-panel a[aria-current]{color:var(--acct)}
.e-headrow .e-head-cta{margin-left:0}
.e-burger-langs{display:flex;gap:4px;margin-top:6px;padding:8px 6px 2px;border-top:1px solid var(--line)}
.e-burger-langs a{flex:1;text-align:center;padding:10px 6px;border-radius:12px;text-decoration:none;font-size:15px;color:var(--muted)}
.e-burger-langs a[aria-current]{color:var(--acct);background:rgba(255,236,220,.06)}
@media (max-width:760px){.e-lang{display:none}}
/* шапка держится сверху; при прокрутке получает подложку */
.e-head{position:sticky;top:0;transition:background-color .25s ease,box-shadow .25s ease}
.scrolled .e-head{background:rgba(15,13,11,.94);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 1px 0 var(--line)}
.e-btn{transition:background-color .15s,box-shadow .2s,transform .12s}
.e-btn:active{transform:scale(.97)}
.e-btn-acc:hover{box-shadow:0 10px 26px rgba(248,100,20,.32)}
.e-who .e-frame>img{transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .9s ease}
.e-who figure:hover .e-frame>img{transform:scale(1.045)}
.e-note .e-ok{display:inline}
/* вне экрана живые блоки стоят: анимации не крутятся впустую */
[data-off] *,[data-off] *::before,[data-off] *::after{animation-play-state:paused!important}

@media (prefers-reduced-motion:no-preference){
/* 1. Загрузка: заголовок страницы загорается по словам — как субтитры в голос */
.js .e-hw{display:inline-block;animation:e-hw .72s cubic-bezier(.2,.75,.25,1) both;animation-delay:calc(var(--i) * 95ms + 120ms)}
@keyframes e-hw{0%{opacity:0;transform:translateY(.3em)}32%{opacity:1;color:var(--acct);transform:none}100%{opacity:1;color:var(--text)}}
.js .e-hero-text>.e-lead,.js .e-phero-text>.e-lead{animation:e-in .6s ease both;animation-delay:.55s}
.js .e-hero-text>.e-form,.js .e-phero-text>.e-form{animation:e-in .6s ease both;animation-delay:.7s}
/* мониторы включаются: полоса — кадр */
.js .e-hero .e-mon,.js .e-phero .e-mon,.js .pr-meter,.js .mo-mon{animation:e-power .8s cubic-bezier(.2,.8,.2,1) both;animation-delay:.5s}
.js .e-hero .e-clipmon,.js .st-phone{animation:e-power .8s cubic-bezier(.2,.8,.2,1) both;animation-delay:.78s}
@keyframes e-power{0%{opacity:0;transform:scale(.6,.012);filter:brightness(2.6)}38%{opacity:1;transform:scale(1,.012);filter:brightness(2.6)}72%{transform:scale(1,1.02);filter:brightness(1.3)}100%{transform:none;filter:none}}
/* дорожка эфира прописывается слева направо, моменты встают на места */
.js .e-hero .e-deck{animation:e-in .6s ease both;animation-delay:.85s}
.js .e-hero .e-wave,.js .e-hero .e-chat{animation:e-sweep 1.4s cubic-bezier(.45,0,.2,1) both;animation-delay:1s}
@keyframes e-sweep{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
.js .e-hero .e-mom{animation:e-pop .42s cubic-bezier(.3,1.4,.5,1) both}
.js .e-hero .e-mom:nth-child(1){animation-delay:1.15s}.js .e-hero .e-mom:nth-child(2){animation-delay:1.27s}
.js .e-hero .e-mom:nth-child(3){animation-delay:1.39s}.js .e-hero .e-mom:nth-child(4){animation-delay:1.51s}
.js .e-hero .e-mom:nth-child(5){animation-delay:1.63s}.js .e-hero .e-mom:nth-child(6){animation-delay:1.75s}
.js .e-hero .e-mom:nth-child(7){animation-delay:1.87s}.js .e-hero .e-mom:nth-child(8){animation-delay:1.99s}
.js .e-hero .e-playhead,.js .e-hero .e-ribbon{animation:e-fade .5s ease both;animation-delay:2.1s}
@keyframes e-pop{from{opacity:0;transform:scale(.55)}to{opacity:1;transform:none}}
@keyframes e-fade{from{opacity:0}to{opacity:1}}
@keyframes e-slide-l{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}
@keyframes e-slide-r{from{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:none}}
@keyframes e-drop{from{opacity:0;transform:translateY(-24px) scale(.96)}to{opacity:1;transform:none}}

/* Блоки с data-io ждут экрана скрытыми. Если сценарий страницы не загрузился, через 3 с они показываются сами (e-show). */
@keyframes e-show{to{opacity:1;clip-path:none}}

/* 2. «Три шага» идут по порядку, как работа: файл → расшифровка с находками аналитика → клипы в чате */
.js .e-steps:not([data-in]) :is(.e-tgfile,.e-live,.e-tline,.e-analyst,.e-msg,.e-vid){opacity:0;animation:e-show 0s 3s forwards!important}
.js .e-steps[data-in] .e-tgfile{animation:e-slide-l .5s cubic-bezier(.2,.8,.2,1) both}
.js .e-steps[data-in] .e-step:nth-child(1) .e-live{animation:e-in .5s ease both;animation-delay:.35s}
.js .e-steps[data-in] .e-tline{animation:e-in .4s ease both}
.js .e-steps[data-in] .e-tline:nth-child(1){animation-delay:.6s}.js .e-steps[data-in] .e-tline:nth-child(2){animation-delay:.76s}
.js .e-steps[data-in] .e-tline:nth-child(3){animation-delay:.92s}.js .e-steps[data-in] .e-tline:nth-child(4){animation-delay:1.08s}
.js .e-steps[data-in] .e-tline:nth-child(5){animation-delay:1.24s}.js .e-steps[data-in] .e-tline:nth-child(6){animation-delay:1.4s}
.js .e-steps[data-in] .e-tline.hit .e-chip{animation:e-pop .4s cubic-bezier(.3,1.4,.5,1) both;animation-delay:inherit}
.js .e-steps[data-in] .e-tline.hit:nth-child(2) .e-chip{animation-delay:1s}.js .e-steps[data-in] .e-tline.hit:nth-child(5) .e-chip{animation-delay:1.5s}
.js .e-steps[data-in] .e-analyst{animation:e-in .4s ease both;animation-delay:1.55s}
.js .e-steps[data-in] .e-msg{animation:e-slide-r .5s cubic-bezier(.2,.8,.2,1) both;animation-delay:1.75s}
.js .e-steps[data-in] .e-vid{animation:e-pop .5s cubic-bezier(.3,1.3,.5,1) both!important;animation-delay:2.05s!important}
.js .e-steps[data-in] .e-vid+.e-vid{animation-delay:2.3s!important}

/* 3. Стили субтитров выезжают вертикальной шторкой — как кадры клипа */
.js .e-mv:not([data-in]) .e-tile{opacity:0;animation:e-show 0s 3s forwards}
.js .e-mv[data-in] .e-tile{animation:e-wipe .75s cubic-bezier(.65,0,.35,1) backwards}
.js .e-mv[data-in] .e-tile:nth-child(3){animation-delay:.06s}.js .e-mv[data-in] .e-tile:nth-child(4){animation-delay:.12s}
.js .e-mv[data-in] .e-tile:nth-child(5){animation-delay:.18s}.js .e-mv[data-in] .e-tile:nth-child(6){animation-delay:.24s}
.js .e-mv[data-in] .e-tile:nth-child(7){animation-delay:.3s}.js .e-mv[data-in] .e-tile:nth-child(8){animation-delay:.36s}
.js .e-mv[data-in] .e-tile:nth-child(9){animation-delay:.42s}.js .e-mv[data-in] .e-tile:nth-child(10){animation-delay:.48s}
/* шторка без следа: после конца clip-path снимается (backwards), иначе срезала бы обводку и тень */
@keyframes e-wipe{from{opacity:1;clip-path:inset(100% 0 0 0 round 12px)}to{opacity:1;clip-path:inset(0 0 0 0 round 12px)}}

/* 4. Форматы выходят из исходника по одному */
.js .e-fmt:not([data-in]) .e-outs>*{opacity:0;animation:e-show 0s 3s forwards}
.js .e-fmt[data-in] .e-outs>*{animation:e-drop .6s cubic-bezier(.2,.8,.2,1) both}
.js .e-fmt[data-in] .e-outs>:nth-child(2){animation-delay:.12s}.js .e-fmt[data-in] .e-outs>:nth-child(3){animation-delay:.24s}
.js .e-fmt[data-in] .e-outs>:nth-child(4){animation-delay:.36s}

/* 5. Телефон с игрой выпрямляется, «Вопросы» раскрываются плавно */
.js .e-phone:not([data-in]){opacity:0;animation:e-show 0s 3s forwards}
.js .e-phone[data-in]{animation:e-tilt .95s cubic-bezier(.2,.8,.2,1) both}
@keyframes e-tilt{from{opacity:0;transform:translateY(44px) rotate(-6deg)}to{opacity:1;transform:none}}
.js .e-q[open]>p{animation:e-in .3s ease both}

/* 6. Тарифы: черта прочерчивается, колонки встают по одной */
.js :is(.e-plans,.pr-plans)[data-io]{border-top-color:transparent;background:linear-gradient(var(--line2),var(--line2)) 0 0/0 1px no-repeat}
.js :is(.e-plans,.pr-plans)[data-in]{animation:e-rule 1s cubic-bezier(.65,0,.35,1) both}
.js :is(.e-plans,.pr-plans):not([data-in]){animation:e-rule 0s 3s forwards}
@keyframes e-rule{to{background-size:100% 1px}}
.js :is(.e-plans,.pr-plans):not([data-in])>*{opacity:0;animation:e-show 0s 3s forwards}
.js :is(.e-plans,.pr-plans)[data-in]>*{animation:e-in .55s ease both}
.js :is(.e-plans,.pr-plans)[data-in]>:nth-child(2){animation-delay:.15s}.js :is(.e-plans,.pr-plans)[data-in]>:nth-child(3){animation-delay:.3s}

/* 7. Финал: полосы звука дышат, пока блок на экране */
.js .e-final svg rect{transform-box:fill-box;transform-origin:50% 100%;animation:e-eq 1.8s ease-in-out infinite alternate}
.js .e-final svg rect:nth-child(3n+1){animation-duration:1.4s}
.js .e-final svg rect:nth-child(3n+2){animation-duration:2.3s;animation-delay:-.7s}
.js .e-final svg rect:nth-child(5n){animation-delay:-1.1s}
.js .e-final svg rect:nth-child(7n+3){animation-delay:-.4s}
@keyframes e-eq{from{transform:scaleY(.42)}to{transform:scaleY(1)}}

/* AI-редактор: описание правки печатается; сцена включается как монитор, шаги выходят по одному. Дальше правки сменяют друг
   друга на сцене шторкой (стили страницы Home: ai-wipe, ai-scan) */
.js .ai-type{animation:ai-type .9s steps(30,end) both}
@keyframes ai-type{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
.js .ai-studio:not([data-in]) :is(.ai-stage,.ai-fr){opacity:0;animation:e-show 0s 3s forwards}
.js .ai-studio[data-in] .ai-stage{animation:e-power .8s cubic-bezier(.2,.8,.2,1) both}
.js .ai-studio[data-in] .ai-fr{animation:e-in .45s ease backwards}
.js .ai-studio[data-in] .ai-fr:nth-child(1){animation-delay:.3s}.js .ai-studio[data-in] .ai-fr:nth-child(2){animation-delay:.42s}
.js .ai-studio[data-in] .ai-fr:nth-child(3){animation-delay:.54s}.js .ai-studio[data-in] .ai-fr:nth-child(4){animation-delay:.66s}

/* «Цены»: шкала зажигается по делению, чек печатается, число докручивается (data-tween — в runtime.js) */
.js .pr-led.on{animation:e-led .22s ease both;animation-delay:calc(var(--i) * 18ms + .9s)}
@keyframes e-led{from{background:rgba(255,236,220,.07);box-shadow:none}}
.live .pr-led{transition:background .16s,box-shadow .16s;transition-delay:calc(var(--i) * 9ms)}
.js .pr-receipt[data-io]:not([data-in]){clip-path:inset(0 0 100% 0);animation:e-show 0s 3s forwards}
.js .pr-receipt[data-in]{animation:e-print 1.3s steps(16,end) both}
@keyframes e-print{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}

/* «Стримерам»: вечер после стрима — по строке, «смотреть три часа заново» зачёркивается */
.js .st-sheet[data-io]:not([data-in])>div{opacity:0;animation:e-show 0s 3s forwards}
.js .st-sheet[data-in]>div{animation:e-in .45s ease both}
.js .st-sheet[data-in]>div:nth-child(2){animation-delay:.35s}.js .st-sheet[data-in]>div:nth-child(3){animation-delay:.9s}
.js .st-sheet[data-in]>div:nth-child(4){animation-delay:1.25s}
.js .st-sheet s{text-decoration:none;background:linear-gradient(#D9481C,#D9481C) 0 58%/0 1.6px no-repeat}
.js .st-sheet[data-in] s{animation:e-strike .55s ease both;animation-delay:.75s}
.js .st-sheet:not([data-in]) s{animation:e-strike 0s 3s forwards}
@keyframes e-strike{to{background-size:100% 1.6px}}

/* «Моменты»: маркер проходит по строкам, как редактор по бумаге */
.js .mo-paper[data-io] mark{transition:background-size .7s cubic-bezier(.65,0,.35,1)}
.js .mo-paper[data-io]:not([data-in]) mark{background-size:0 100%;animation:e-mark 0s 3s forwards}
@keyframes e-mark{to{background-size:100% 100%}}
.js .mo-paper[data-in] p:nth-child(3) mark{transition-delay:.55s}
.js .mo-paper[data-in] p:nth-child(4) mark{transition-delay:1.1s}
.js .mo-paper[data-in] p:nth-child(5) mark{transition-delay:1.65s}
}