/* ═══ Silent Reels — sales v3 · dark futurism ═══ */
.sr{
  --bg:#08080B; --bg2:#0D0D12;
  --w0:rgba(255,255,255,.96); --w1:rgba(255,255,255,.72); --w2:rgba(255,255,255,.46); --w3:rgba(255,255,255,.24);
  --ln:rgba(255,255,255,.10); --ln2:rgba(255,255,255,.06);
  --acc:#DC308F; --acc-soft:rgba(220,48,143,.14);
  --card:rgba(255,255,255,.035);
  --font-display:"Helvetica Neue","Helvetica","Arial",sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;
  --measure:660px;
}
.sr *{box-sizing:border-box}
.sr{margin:0;font-family:var(--font-display);color:var(--w0);background:var(--bg)}
.sr ::selection{background:var(--acc);color:#fff}

/* shader canvas behind everything */
#glbg{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.sr>*{position:relative;z-index:1}

.sr .wrap{max-width:1020px;margin:0 auto;padding:0 24px}
.sr .wide{max-width:1020px;margin:0 auto;padding:0 24px}

/* reveal on scroll */
.rv{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.6,.2,1),transform .7s cubic-bezier(.2,.6,.2,1)}
.rv.on{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}

/* ── sticky bar ── */
.sr-bar{position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:14px;padding:12px 22px;background:rgba(8,8,11,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--ln2)}
.sr-bar .b-brand{font-weight:700;letter-spacing:-.02em;text-decoration:none;color:var(--w0);font-size:17px}
.sr-bar .b-brand i{color:var(--acc);font-style:normal}
.sr-bar .b-price{margin-left:auto;font-family:var(--font-mono);font-size:11.5px;color:var(--w2)}
.sr-bar .b-price s{color:var(--w3);margin-right:6px}
.sr-bar .b-cta{padding:9px 18px;border-radius:999px;background:var(--w0);color:#0A0A0A;text-decoration:none;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;transition:background .18s,color .18s}
.sr-bar .b-cta:hover{background:var(--acc);color:#fff}

/* ── hero ── */
.sr-hero{min-height:88svh;display:flex;align-items:center;padding:70px 0 40px}
.sr-kicker{font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--w2);margin:0 0 26px}
.sr-kicker b{color:var(--acc);font-weight:500}
.sr-hero h1{font-size:clamp(44px,8.2vw,92px);line-height:.97;letter-spacing:-.045em;font-weight:700;margin:0;text-wrap:balance}
.sr-hero h1 em{font-style:normal;color:var(--acc)}
.sr-hero .sub{font-size:clamp(17px,2.3vw,21px);line-height:1.55;color:var(--w1);margin:28px 0 0;max-width:36em}
.sr-hero .sub b{color:var(--w0)}
.sr-no{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 0}
.sr-no span{font-family:var(--font-mono);font-size:11.5px;padding:9px 15px;border:1px solid var(--ln);border-radius:999px;color:var(--w1);background:rgba(255,255,255,.02)}
.sr-proof{display:flex;flex-wrap:wrap;gap:26px 40px;margin:44px 0 0;padding-top:26px;border-top:1px solid var(--ln2)}
.sr-proof .pi b{display:block;font-size:clamp(24px,3vw,32px);font-weight:700;letter-spacing:-.03em}
.sr-proof .pi span{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--w2)}

/* glass CTA */
.sr-cta{display:inline-block;margin-top:34px;padding:19px 36px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--w0);text-decoration:none;font-family:var(--font-mono);font-size:13px;letter-spacing:.07em;text-transform:uppercase;transition:background .2s,border-color .2s,transform .2s;box-shadow:0 0 0 0 var(--acc-soft)}
.sr-cta:hover{background:var(--acc);border-color:var(--acc);transform:translateY(-2px);box-shadow:0 12px 44px var(--acc-soft)}
.sr-cta small{display:block;font-size:10px;letter-spacing:.04em;opacity:.6;margin-top:5px;text-transform:none}
.sr-cta.solid{background:var(--w0);color:#0A0A0A;border-color:transparent}
.sr-cta.solid:hover{background:var(--acc);color:#fff}
.sr-under{font-family:var(--font-mono);font-size:12px;color:var(--w2);margin-top:16px;line-height:1.6}

/* ── section system (ЕДИНЫЙ ритм) ── */
.sr section{padding:96px 0}
.sr section+section{border-top:1px solid var(--ln2)}
.sr .kick{font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--acc);margin:0 0 16px}
.sr h2{font-size:clamp(30px,4.8vw,52px);letter-spacing:-.04em;line-height:1.04;margin:0 0 20px;text-wrap:balance}
.sr p{font-size:17px;line-height:1.62;color:var(--w1);max-width:var(--measure)}
.sr p b{color:var(--w0)}
.sr .lead{font-size:clamp(18px,2.2vw,21px);color:var(--w0)}
.sr a{color:var(--w0)}

/* один тип карточки на весь сайт */
.card{border:1px solid var(--ln);border-radius:18px;background:var(--card);padding:26px}
.pill{font-family:var(--font-mono);font-size:11.5px;padding:9px 15px;border:1px solid var(--ln);border-radius:999px;color:var(--w1);background:rgba(255,255,255,.02)}

/* ── gallery marquee ── */
.sr-gal{padding:64px 0!important;overflow:hidden}
.sr-gal .cap{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.05em;color:var(--w2);text-align:center;margin:26px 24px 0}
.sr-track{display:flex;gap:14px;width:max-content;animation:srm 48s linear infinite;padding-left:14px}
.sr-track+.sr-track{margin-top:14px;animation-duration:62s;animation-direction:reverse}
.sr-track:hover{animation-play-state:paused}
@keyframes srm{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.sr-track{animation:none;overflow-x:auto}}
.sr-reel{position:relative;width:176px;aspect-ratio:9/16;border-radius:18px;overflow:hidden;flex:none;color:#fff;padding:14px 13px;border:1px solid var(--ln);background:linear-gradient(160deg,#26262c,#0b0b0f);transform-style:preserve-3d;transition:transform .35s cubic-bezier(.2,.6,.2,1),border-color .35s;will-change:transform}
.sr-reel:hover{border-color:rgba(255,255,255,.28)}
.sr-reel:nth-child(6n+2){background:linear-gradient(200deg,#2c2823,#0e0c0a)}
.sr-reel:nth-child(6n+3){background:linear-gradient(150deg,#1e2629,#0a0d0e)}
.sr-reel:nth-child(6n+4){background:linear-gradient(210deg,#2b2029,#100a0e)}
.sr-reel:nth-child(6n+5){background:linear-gradient(170deg,#22262e,#0a0b0e)}
.sr-reel:nth-child(6n){background:linear-gradient(190deg,#292620,#0e0d0a)}
.sr-reel .hk{font-weight:700;font-size:14px;line-height:1.28;letter-spacing:-.01em;background:rgba(0,0,0,.45);padding:8px 9px;border-radius:8px;display:inline-block}
.sr-reel .vw{position:absolute;left:11px;bottom:11px;font-family:var(--font-mono);font-size:11px;background:rgba(0,0,0,.55);padding:4px 9px;border-radius:999px}
.sr-reel .vw i{font-style:normal;color:var(--acc);margin-right:4px}
.sr-reel.slot{border-style:dashed;border-color:var(--w3);background:rgba(255,255,255,.02);display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--font-mono);font-size:10.5px;color:var(--w2);padding:18px}

/* ── развилка стратегий ── */
.sr-fork{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:30px}
.sr-fork .card h3{margin:0 0 16px;font-size:19px;letter-spacing:-.02em;display:flex;align-items:center;gap:10px}
.sr-fork .card.b{border-color:rgba(220,48,143,.4);background:linear-gradient(180deg,rgba(220,48,143,.06),rgba(255,255,255,.02))}
.sr-fork .tagA,.sr-fork .tagB{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:5px 10px;border-radius:999px}
.sr-fork .tagA{border:1px solid var(--ln);color:var(--w2)}
.sr-fork .tagB{background:var(--acc);color:#fff}
.sr-fork ul{list-style:none;margin:0;padding:0}
.sr-fork li{padding:11px 0;border-top:1px solid var(--ln2);font-size:15.5px;line-height:1.5;color:var(--w1)}
.sr-fork .a li{color:var(--w2)}
.sr-fork .b li b{color:var(--w0)}
.sr-forknote{margin-top:26px;font-size:clamp(18px,2.4vw,23px);line-height:1.45;color:var(--w0);max-width:30em;letter-spacing:-.015em}
.sr-forknote em{font-style:normal;color:var(--acc)}

/* ── анатомия хука ── */
.sr-anat{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px;margin-top:30px}
.sr-anat .lb{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;margin:0 0 14px;color:var(--w3)}
.sr-anat .good{border-color:rgba(220,48,143,.4)}
.sr-anat .good .lb{color:var(--acc)}
.sr-anat .hq{font-size:20px;font-weight:700;letter-spacing:-.02em;line-height:1.25;margin:0 0 12px}
.sr-anat .bad .hq{color:var(--w3);text-decoration:line-through;text-decoration-thickness:1.5px}
.sr-anat p{font-size:14.5px;margin:0}

/* рельса алгоритма */
.sr-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(215px,1fr);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:30px 0 14px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.sr-rail::-webkit-scrollbar{display:none}
.sr-rail .st{scroll-snap-align:start;border:1px solid var(--ln);border-radius:16px;padding:22px 19px;background:var(--card)}
.sr-rail .st .n{font-family:var(--font-mono);font-size:11px;color:var(--acc);letter-spacing:.1em}
.sr-rail .st h4{margin:9px 0 7px;font-size:16.5px;letter-spacing:-.015em}
.sr-rail .st p{font-size:13.5px;line-height:1.55;margin:0;color:var(--w2)}

/* ── эксперимент ── */
.sr-shots{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:14px;margin-top:30px}
.sr-shots figure{margin:0}
.sr-shot{aspect-ratio:3/5;border:1.5px dashed var(--w3);border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-family:var(--font-mono);font-size:11px;color:var(--w2);text-align:center;padding:16px;background:rgba(255,255,255,.02)}
.sr-shot b{color:var(--w1);font-size:12px}
.sr-shots figcaption{font-size:13.5px;color:var(--w2);margin-top:10px;line-height:1.45}
.sr-statrow{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.sr-statrow b{color:var(--acc)}

/* ── будущая жизнь ── */
.sr-life{margin-top:30px;border-left:1px solid var(--ln);padding-left:0;list-style:none}
.sr-life li{position:relative;padding:20px 0 20px 34px;border-bottom:1px solid var(--ln2)}
.sr-life li::before{content:"";position:absolute;left:-4.5px;top:29px;width:8px;height:8px;border-radius:50%;background:var(--acc)}
.sr-life .d{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--w2);display:block;margin-bottom:6px}
.sr-life p{margin:0;font-size:16.5px;max-width:38em}

/* ── что получаешь ── */
.sr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:30px}
.sr-grid .t{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--acc);margin:0 0 10px}
.sr-grid p{font-size:15px;margin:0;line-height:1.55}

/* большое высказывание */
.sr-state{margin:64px auto 0;max-width:820px;text-align:center;padding:0 24px}
.sr-state .big{font-size:clamp(24px,3.8vw,40px);letter-spacing:-.035em;line-height:1.15;font-weight:700;margin:0;text-wrap:balance}
.sr-state .big em{font-style:normal;color:var(--acc)}
.sr-state p{margin:18px auto 0;max-width:36em;color:var(--w2)}

/* ── чат ── */
.sr-chat{max-width:620px;margin-top:30px;display:flex;flex-direction:column;gap:10px}
.sr-chat .msg{max-width:86%;padding:13px 17px;border-radius:18px;font-size:15px;line-height:1.45}
.sr-chat .me{align-self:flex-end;background:var(--w0);color:#0A0A0A;border-bottom-right-radius:5px}
.sr-chat .bot{align-self:flex-start;background:var(--card);border:1px solid var(--ln);color:var(--w1);border-bottom-left-radius:5px}
.sr-chat .who{display:block;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;opacity:.5;margin-bottom:5px}
.sr-chat .att{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:11px;border:1px dashed currentColor;padding:6px 10px;border-radius:9px;opacity:.8;margin-top:6px}
.sr-chat .ok{color:var(--acc)}

/* ── цена: единый момент ── */
.sr-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:16px;margin-top:34px}
.sr-tier{border:1px solid var(--ln);border-radius:22px;padding:34px 30px;background:var(--card);display:flex;flex-direction:column;transform-style:preserve-3d;transition:transform .35s cubic-bezier(.2,.6,.2,1),border-color .3s;will-change:transform}
.sr-tier.hot{border-color:rgba(220,48,143,.5);background:linear-gradient(180deg,rgba(220,48,143,.07),var(--card))}
.sr-tier .tt{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--w2);margin:0 0 14px}
.sr-tier.hot .tt{color:var(--acc)}
.sr-tier .pp{font-size:clamp(38px,5vw,52px);font-weight:700;letter-spacing:-.04em;margin:0}
.sr-tier .pw{font-family:var(--font-mono);font-size:15px;color:var(--w3);text-decoration:line-through;margin-left:10px}
.sr-tier .pl{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--acc);margin:6px 0 20px}
.sr-tier ul{list-style:none;margin:0 0 28px;padding:0;flex:1}
.sr-tier li{padding:9px 0 9px 26px;position:relative;font-size:15px;color:var(--w1);border-top:1px solid var(--ln2)}
.sr-tier li::before{content:"✓";position:absolute;left:0;color:var(--acc);font-weight:700}
.sr-tier li .v{float:right;font-family:var(--font-mono);font-size:11.5px;color:var(--w3)}
.sr-tier .sr-cta{margin-top:0;text-align:center}
.sr-guar{margin-top:26px;font-size:15px;color:var(--w1);max-width:var(--measure);padding:18px 22px;border:1px solid var(--ln);border-radius:14px;background:var(--card)}
.sr-guar b{color:var(--w0)}

/* ── антипродажа / faq ── */
.sr-not{list-style:none;margin:30px 0 0;padding:0;max-width:var(--measure)}
.sr-not li{position:relative;padding:16px 0 16px 34px;border-top:1px solid var(--ln2);font-size:16.5px;line-height:1.5;color:var(--w1)}
.sr-not li::before{content:"—";position:absolute;left:0;top:16px;color:var(--acc);font-weight:700}
.sr-faq{margin-top:16px;border-top:1px solid var(--ln)}
.sr-faq details{border-bottom:1px solid var(--ln)}
.sr-faq summary{cursor:pointer;padding:21px 0;font-size:17.5px;font-weight:600;letter-spacing:-.015em;list-style:none;display:flex;justify-content:space-between;gap:16px;color:var(--w0)}
.sr-faq summary::-webkit-details-marker{display:none}
.sr-faq summary::after{content:"+";font-family:var(--font-mono);color:var(--w3)}
.sr-faq details[open] summary::after{content:"–"}
.sr-faq .a{padding:0 0 24px;font-size:15.5px;line-height:1.62;color:var(--w1);max-width:var(--measure)}

/* ── био / финал / футер ── */
.sr-bio{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:start;max-width:var(--measure)}
.sr-bio .ava{width:78px;height:78px;border-radius:50%;background:var(--card);border:1px solid var(--ln);overflow:hidden}
.sr-bio .ava img{width:100%;height:100%;object-fit:cover}
.sr-final{text-align:center;padding:120px 0 130px!important}
.sr-final h2{font-size:clamp(34px,6vw,64px)}
.sr-final p{margin-left:auto;margin-right:auto}
.sr-foot{padding:28px 24px;border-top:1px solid var(--ln2);font-family:var(--font-mono);font-size:11.5px;color:var(--w3);display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between}
.sr-foot a{color:var(--w2);text-decoration:none}

@media(max-width:640px){
  .sr section{padding:72px 0}
  .sr-bar .b-price{display:none}
  .sr-hero{min-height:auto;padding-top:56px}
  .sr-proof{gap:18px 26px}
}

/* ── «Первый месяц»: визуальные сцены ── */
.sr-month{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px;margin-top:30px}
.sr-month .card{padding:0;overflow:hidden;display:flex;flex-direction:column}
.sr-month .mtxt{padding:20px 22px 24px}
.sr-month .d{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--acc);display:block;margin-bottom:8px}
.sr-month p{margin:0;font-size:14.5px;line-height:1.55;color:var(--w1)}
.mviz{height:158px;border-bottom:1px solid var(--ln2);background:rgba(0,0,0,.28);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:12px;flex:none}

/* сцена 1: папка → рилсы */
.m-folder{width:46px;height:34px;border:1.5px solid var(--w2);border-radius:6px;position:relative;flex:none}
.m-folder::before{content:"";position:absolute;top:-7px;left:6px;width:16px;height:6px;border:1.5px solid var(--w2);border-bottom:0;border-radius:4px 4px 0 0}
.m-arr{width:24px;height:1.5px;background:var(--w3);position:relative;flex:none}
.m-arr::after{content:"";position:absolute;right:-1px;top:-3px;border:4px solid transparent;border-left-color:var(--w3)}
.m-reels{display:flex;gap:7px}
.m-reel{width:27px;aspect-ratio:9/16;border-radius:5px;background:linear-gradient(160deg,#2e2e36,#101014);border:1px solid var(--ln);position:relative;opacity:0}
.m-reel::before{content:"";position:absolute;top:6px;left:4px;right:4px;height:3px;border-radius:2px;background:rgba(255,255,255,.75)}
.m-reel::after{content:"";position:absolute;top:12px;left:4px;right:9px;height:3px;border-radius:2px;background:rgba(255,255,255,.35)}
.rv.on .m-reel{animation:mpop .5s cubic-bezier(.2,.8,.3,1.2) forwards}
.rv.on .m-reel:nth-child(2){animation-delay:.18s}
.rv.on .m-reel:nth-child(3){animation-delay:.36s}
@keyframes mpop{from{opacity:0;transform:translateY(10px) scale(.85)}to{opacity:1;transform:none}}

/* сцена 2: стопка уведомлений */
.m-stack{display:flex;flex-direction:column;gap:8px;width:82%}
.m-notif{display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:10px;background:rgba(255,255,255,.055);border:1px solid var(--ln);font-family:var(--font-mono);font-size:9.5px;color:var(--w1);opacity:0;transform:translateX(22px)}
.m-notif i{width:7px;height:7px;border-radius:50%;background:var(--acc);flex:none;font-style:normal}
.m-notif b{color:var(--w0);font-weight:500}
.rv.on .m-notif{animation:mslide .55s cubic-bezier(.2,.7,.2,1) forwards}
.rv.on .m-notif:nth-child(2){animation-delay:.22s}
.rv.on .m-notif:nth-child(3){animation-delay:.44s}
@keyframes mslide{to{opacity:1;transform:none}}

/* сцена 3: растущие столбики */
.m-bars{display:flex;align-items:flex-end;gap:7px;height:86px}
.m-bar{width:15px;border-radius:4px 4px 0 0;background:rgba(255,255,255,.16);height:var(--h);transform:scaleY(0);transform-origin:bottom}
.m-bar.hot{background:linear-gradient(180deg,var(--acc),rgba(220,48,143,.4))}
.rv.on .m-bar{animation:mgrow .7s cubic-bezier(.2,.7,.2,1) forwards}
.rv.on .m-bar:nth-child(2){animation-delay:.1s}
.rv.on .m-bar:nth-child(3){animation-delay:.2s}
.rv.on .m-bar:nth-child(4){animation-delay:.3s}
.rv.on .m-bar:nth-child(5){animation-delay:.4s}
.rv.on .m-bar:nth-child(6){animation-delay:.5s}
@keyframes mgrow{to{transform:scaleY(1)}}

/* сцена 4: календарь заполняется */
.m-cal{display:grid;grid-template-columns:repeat(7,13px);gap:6px}
.m-day{width:13px;height:13px;border-radius:3.5px;background:rgba(255,255,255,.08)}
.rv.on .m-day{animation:mfill .3s forwards}
@keyframes mfill{to{background:var(--acc)}}

@media (prefers-reduced-motion:reduce){
  .m-reel,.m-notif{opacity:1;transform:none;animation:none!important}
  .m-bar{transform:none;animation:none!important}
  .rv.on .m-day{animation:none;background:var(--acc)}
}

/* ── v3.1: сквозные элементы ── */

/* призрак-рилс, путешествующий по странице */
#ghost{position:fixed;left:0;top:0;width:150px;aspect-ratio:9/16;z-index:40;pointer-events:none;opacity:0;will-change:transform,opacity}
#ghost .g-in{width:100%;height:100%;border-radius:18px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(165deg,#26262e,#0b0b10);box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 50px rgba(220,48,143,.10);padding:12px;display:flex;flex-direction:column;justify-content:space-between}
#ghost .g-t{font-weight:700;font-size:12.5px;line-height:1.32;letter-spacing:-.01em;background:rgba(0,0,0,.45);border-radius:7px;padding:7px 8px;color:#fff;transition:opacity .28s}
#ghost .g-b{font-family:var(--font-mono);font-size:10.5px;background:rgba(0,0,0,.55);align-self:flex-start;padding:4px 9px;border-radius:999px;color:#fff;transition:opacity .28s}
#ghost .g-b i{font-style:normal;color:var(--acc);margin-right:4px}
@media (max-width:1319px),(hover:none){#ghost{display:none}}
@media (prefers-reduced-motion:reduce){#ghost{display:none}}

/* маджента-нить прогресса */
#thread{position:fixed;left:16px;top:0;bottom:0;width:2px;z-index:45;pointer-events:none}
#thread i{position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(180deg,var(--acc) 60%,rgba(220,48,143,.12));transform-origin:top;transform:scaleY(var(--p,0))}
#thread::after{content:"";position:absolute;left:-3px;top:calc(var(--p,0)*100%);width:8px;height:8px;border-radius:50%;background:var(--acc);box-shadow:0 0 14px var(--acc);transform:translateY(-4px)}
@media (max-width:899px){#thread{display:none}}
@media (prefers-reduced-motion:reduce){#thread{display:none}}

/* пословное появление заголовков */
.wsplit{opacity:1!important;transform:none!important}
.wsplit .w{display:inline-block;opacity:0;transform:translateY(.55em);transition:opacity .55s cubic-bezier(.2,.7,.2,1),transform .55s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i)*60ms)}
.wsplit.on .w{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.wsplit .w{opacity:1;transform:none;transition:none}}

/* параллакс-слои */
[data-plx]{will-change:transform}

/* ── v3.2: симуляция фабрики ── */
.sim{padding:34px;margin-top:34px}
.sim-q{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--w2);margin:0 0 18px}
.sim-q b{color:var(--acc);margin-right:8px}
.sim-chips{display:flex;flex-wrap:wrap;gap:10px}
.sim-chip{font-family:var(--font-mono);font-size:13px;padding:13px 22px;border:1px solid var(--ln);border-radius:999px;background:rgba(255,255,255,.03);color:var(--w1);cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
.sim-chip:hover{border-color:var(--acc);transform:translateY(-2px)}
.sim-chip.sel{background:var(--acc);border-color:var(--acc);color:#fff}
.sim-step+.sim-step{margin-top:28px}
.sim-vids{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}
.sim-vid{border:1px solid var(--ln);border-radius:14px;background:rgba(255,255,255,.03);padding:10px;cursor:pointer;font-family:var(--font-mono);font-size:11px;color:var(--w1);display:flex;flex-direction:column;gap:9px;align-items:stretch;transition:border-color .2s,transform .2s}
.sim-vid:hover{border-color:var(--acc);transform:translateY(-2px)}
.sv-th{display:block;aspect-ratio:16/10;border-radius:9px}
.sv-th.g1{background:linear-gradient(150deg,#3a3630,#141210)}
.sv-th.g2{background:linear-gradient(200deg,#33291f,#120e0a)}
.sv-th.g3{background:linear-gradient(160deg,#26303a,#0a0e12)}
.sv-th.g4{background:linear-gradient(210deg,#2c2333,#100a14)}
.sim-run{margin-top:6px}
.sim-log{font-family:var(--font-mono);font-size:12.5px;line-height:2;color:var(--w1);min-height:150px}
.sim-log .ln{opacity:0;animation:simln .3s forwards}
@keyframes simln{to{opacity:1}}
.sim-log .ok{color:var(--acc)}
.sim-bar{height:3px;border-radius:2px;background:rgba(255,255,255,.08);margin-top:16px;overflow:hidden}
.sim-bar i{display:block;height:100%;width:0;background:var(--acc);transition:width .4s ease}
.sim-res{display:grid;grid-template-columns:190px 1fr;gap:26px;align-items:start}
.sim-reel{width:190px;aspect-ratio:9/16;border-radius:18px;padding:14px 13px;position:relative;color:#fff;border:1px solid rgba(255,255,255,.2);background:linear-gradient(160deg,#2a2a31,#0c0c10);box-shadow:0 24px 60px rgba(0,0,0,.5);animation:simpop .6s cubic-bezier(.2,.8,.3,1.15)}
@keyframes simpop{from{opacity:0;transform:translateY(20px) scale(.9) rotate(-2deg)}}
.sim-reel .hk{font-weight:700;font-size:14.5px;line-height:1.3;background:rgba(0,0,0,.5);padding:8px 9px;border-radius:8px;display:inline-block}
.sim-reel .vw{position:absolute;left:12px;bottom:12px;font-family:var(--font-mono);font-size:10.5px;background:rgba(0,0,0,.55);padding:4px 9px;border-radius:999px}
.sim-reel .vw i{font-style:normal;color:var(--acc);margin-right:4px}
.sim-reel.g1{background:linear-gradient(150deg,#3a3630,#141210)}
.sim-reel.g2{background:linear-gradient(200deg,#33291f,#120e0a)}
.sim-reel.g3{background:linear-gradient(160deg,#26303a,#0a0e12)}
.sim-reel.g4{background:linear-gradient(210deg,#2c2333,#100a14)}
.sim-cap .sc-l{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--acc);margin:0 0 10px}
.sim-cap .sc-t{font-size:15.5px;line-height:1.55;color:var(--w1);margin:0 0 14px}
.sim-cap .sc-c{font-family:var(--font-mono);font-size:12px;color:var(--w2);margin:0 0 18px}
.sim-cap .sc-c b{color:var(--w0)}
.sim-time{font-size:15px;color:var(--w1);border-top:1px solid var(--ln2);padding-top:16px}
.sim-time b{color:var(--acc)}
.sim-cta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:6px}
.sim-cta .sr-cta{margin-top:0}
.sim-again{background:none;border:0;color:var(--w2);font-family:var(--font-mono);font-size:12px;cursor:pointer;padding:10px 0}
.sim-again:hover{color:var(--w0)}
@media(max-width:640px){.sim{padding:22px}.sim-res{grid-template-columns:1fr}.sim-reel{margin:0 auto}}

/* слот видео в призраке */
#ghost .g-vid{height:64px;border:1.5px dashed rgba(255,255,255,.3);border-radius:10px;display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--font-mono);font-size:9px;line-height:1.5;color:var(--w2);margin-bottom:8px}

/* v3.3: реальные кадры в симуляции */
.sv-th.g1{background:url(/silent-reels/assets/sim-sea.jpg) center/cover}
.sv-th.g2{background:url(/silent-reels/assets/sim-sunset.jpg) center/cover}
.sv-th.g3{background:url(/silent-reels/assets/sim-city.jpg) center/cover}
.sv-th.g4{background:url(/silent-reels/assets/sim-yoga.jpg) center/cover}
.sim-reel.sea{background:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.55)),url(/silent-reels/assets/sim-sea.jpg) center/cover}
.sim-reel.sunset{background:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.55)),url(/silent-reels/assets/sim-sunset.jpg) center/cover}
.sim-reel.city{background:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.55)),url(/silent-reels/assets/sim-city.jpg) center/cover}
.sim-reel.yoga{background:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.55)),url(/silent-reels/assets/sim-yoga.jpg) center/cover}
.sim-res{margin-top:8px}
.sc-real{font-size:14.5px;color:var(--w1);border-top:1px solid var(--ln2);padding-top:16px;margin:0 0 4px}
.sc-real b{color:var(--w0)}