/* ---------- Живое демо: 8 направлений (demo8.js) ---------- */
.d8-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-rows:auto 1fr;column-gap:60px;align-items:start}
.d8-side{grid-column:1;grid-row:1;min-width:0}
.d8-stage{grid-column:2;grid-row:1/span 2}
.d8-log{grid-column:1;grid-row:2;margin-top:14px}
.d8 .sec-lead{margin-top:14px}

/* меню направлений: все 8 видно сразу, у каждого иконка и что делает */
.d8-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:24px}
.d8-tab{position:relative;display:flex;align-items:center;gap:12px;min-width:0;padding:11px 14px 11px 12px;border-radius:16px;border:1px solid var(--line);background:rgba(243,237,226,.02);text-align:left;overflow:hidden;transition:border-color .35s var(--ease),background-color .35s var(--ease)}
.d8-tab::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:2px;border-radius:2px;background:var(--gold-grad);transform:scaleY(0);transition:transform .4s var(--ease)}
.d8-tab-ic{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:rgba(217,179,115,.04);transition:border-color .35s,background-color .35s}
.d8-tab-ic .d8-ico{width:22px;height:22px;stroke-width:1.8;stroke:var(--muted);transition:stroke .35s}
.d8-tab-t{min-width:0}
.d8-tab-t b{display:block;font-size:14.5px;font-weight:600;line-height:1.25;color:var(--ink-2);transition:color .35s}
.d8-tab-t small{display:block;margin-top:2px;font-size:12px;line-height:1.35;color:var(--muted)}
.d8-tab:hover{border-color:var(--line-2);background:rgba(217,179,115,.04)}
.d8-tab:hover .d8-tab-t b{color:var(--ink)}
.d8-tab:hover .d8-ico{stroke:var(--gold)}
.d8-tab[aria-selected="true"]{border-color:rgba(217,179,115,.5);background:linear-gradient(135deg,rgba(217,179,115,.14),rgba(217,179,115,.03))}
.d8-tab[aria-selected="true"]::before{transform:scaleY(1)}
.d8-tab[aria-selected="true"] .d8-tab-ic{border-color:rgba(217,179,115,.45);background:rgba(217,179,115,.12)}
.d8-tab[aria-selected="true"] .d8-ico{stroke:var(--gold-l)}
.d8-tab[aria-selected="true"] .d8-tab-t b{color:var(--gold-l)}
.d8-tab:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

/* низ сцены: заявка + переход к следующему демо */
.d8-foot{flex:none;display:flex;align-items:stretch;gap:10px;padding:0 22px 22px}
.d8-foot .d8-cta{flex:1 1 auto;margin:0;min-width:0}
.d8-next{flex:none;display:grid;grid-template-columns:auto auto;align-items:center;column-gap:10px;padding:8px 16px;border-radius:99px;border:1px solid var(--line-2);text-align:left;transition:border-color .35s var(--ease),background-color .35s var(--ease)}
.d8-next small{grid-column:1;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.d8-next b{grid-column:1;font-size:14px;font-weight:600;line-height:1.25;color:var(--ink)}
.d8-next .arr{grid-column:2;grid-row:1/span 2;font-style:normal;color:var(--gold);transition:transform .35s var(--ease)}
.d8-next:hover{border-color:var(--gold);background:rgba(217,179,115,.08)}
.d8-next:hover .arr{transform:translateX(4px)}
.d8-next.nudge{animation:d8nudge 1.6s var(--ease) 2}
@keyframes d8nudge{0%,100%{box-shadow:0 0 0 0 rgba(217,179,115,0)}35%{box-shadow:0 0 0 6px rgba(217,179,115,.16);border-color:var(--gold)}}

/* слоты режима лежат в одной ячейке: высота не прыгает */
.d8-opts,.d8-about{display:grid;grid-template-columns:minmax(0,1fr)}
.d8-opts{margin-top:12px}
.d8-about{margin-top:10px}
.d8-slot{grid-area:1/1;min-width:0;visibility:hidden;opacity:0}
.d8-slot.on{visibility:visible;opacity:1;transition:opacity .35s var(--ease)}
.d8-about p{font-size:15px;line-height:1.55;color:var(--ink-2)}
.d8-opts .d8-niches{margin:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.d8-opts .d8-niches::-webkit-scrollbar{display:none}
.d8-opts .niche{flex:none;height:38px;padding:0 15px;font-size:13.5px}
.d8-niches .niche[aria-pressed="true"]{background:rgba(217,179,115,.1);color:var(--gold-l);border-color:var(--gold)}
.d8-stack{align-self:center;font-size:14px;line-height:1.5;color:var(--ink-2)}
.d8-stack span{display:inline-block;margin-right:10px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.d8-note-foot{grid-column:1;grid-row:3;margin-top:12px;font-size:12.5px}

/* горизонтальные ленты: мягкий край, пока есть что листать */
.d8-scroll{--fl:0px;--fr:0px}
.d8-scroll.can-l{--fl:28px}
.d8-scroll.can-r{--fr:36px}

/* сцена: одна высота во всех режимах */
.d8-stage{height:clamp(560px,calc(100svh - 110px),700px)}
.d8-stage>.chat-head,.d8-ask,.d8-input,.d8-cta{flex:none}
.d8-stage .chat-who{min-width:0}
.d8-stage .chat-who b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.d8-body{position:relative;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:10px;overflow-y:auto;overscroll-behavior:contain;padding:22px;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent;container-type:inline-size}
.d8-body.scrolled{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 22px);mask-image:linear-gradient(180deg,transparent 0,#000 22px)}
.d8-body:focus{outline:none}
.d8-body>*{flex:none}
.d8-stage.swap .d8-body,.d8-stage.swap .d8-ask,.d8-stage.swap .chat-who{animation:d8swap .25s var(--ease)}
@keyframes d8swap{from{opacity:0;transform:translateY(6px)}}
.d8-ask{display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px;padding:14px 22px;border-top:1px solid var(--line)}
.d8-ask[hidden]{display:none}
.d8-ask.busy .ask:not(:disabled){opacity:.5;pointer-events:none}
.d8-ask.d8-pills .ask{border-radius:99px;padding:9px 16px}
.d8-ask .ask[aria-pressed="true"]{border-color:var(--gold);color:var(--gold-l);background:rgba(217,179,115,.1)}
.d8-input[hidden]{display:none}

/* подписи, теги, события */
.d8-label{display:block;font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.d8-chip{display:inline-flex;align-items:center;font-size:12px;line-height:1.3;padding:3px 8px;border-radius:6px;border:1px solid var(--line);color:var(--ink-2);background:rgba(217,179,115,.06)}
.d8-chip.gold{color:var(--gold-l);border-color:rgba(217,179,115,.4);background:rgba(217,179,115,.12)}
.d8-body .msg.event{align-self:flex-start;border-radius:12px;text-align:left;line-height:1.45}
.d8-body .msg.event.warn{color:#f0b39f;border-color:rgba(224,138,109,.45)}
.d8-ba{margin-top:2px;font-family:var(--serif);font-size:21px;line-height:1.2;color:var(--ink-2);animation:d8in .5s var(--ease)}
.d8-ba span{color:var(--muted)}
.d8-ba i{font-style:normal;color:var(--gold)}
.d8-note{font-size:12px;line-height:1.45;color:var(--muted)}
@keyframes d8in{from{opacity:0;transform:translateY(8px)}}
@keyframes d8spin{to{transform:rotate(360deg)}}
@keyframes d8sheen{from{transform:translateX(-100%)}to{transform:translateX(100%)}}

/* пустое состояние */
.d8-idle{margin:auto;max-width:360px;padding:12px 6px;text-align:center;animation:d8in .5s var(--ease)}
.d8-idle-art{display:grid;place-items:center;width:84px;height:84px;margin:0 auto 20px;border-radius:50%;border:1px solid var(--line-2);background:radial-gradient(circle at 50% 35%,rgba(217,179,115,.14),rgba(217,179,115,.02) 70%)}
.d8-ico{width:40px;height:40px;fill:none;stroke:var(--gold);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.d8-idle strong{display:block;font-family:var(--serif);font-weight:400;font-size:28px;line-height:1.1;color:var(--ink);text-wrap:balance}
.d8-idle p{margin-top:10px;font-size:14px;line-height:1.55;color:var(--muted);text-wrap:balance}

/* агенты */
.d8-mail{padding:14px 16px;border-radius:16px;border:1px solid var(--line-2);background:rgba(243,237,226,.035);animation:d8in .5s var(--ease)}
.d8-mail-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-top:6px}
.d8-mail-top b{font-size:13.5px;font-weight:600;min-width:0}
.d8-mail-top small{flex:none;font-size:12px;color:var(--muted)}
.d8-mail strong{display:block;margin-top:2px;font-size:15px;font-weight:600;color:var(--gold-l)}
.d8-mail p{margin-top:4px;font-size:13.5px;line-height:1.5;color:var(--ink-2)}
.d8-steps{display:grid;gap:9px;padding:4px 2px;animation:d8in .4s var(--ease)}
.d8-step{display:flex;gap:12px;align-items:flex-start;opacity:.35;transition:opacity .3s}
.d8-step.doing,.d8-step.done{opacity:1}
.d8-tick{position:relative;flex:none;width:20px;height:20px;margin-top:1px;border-radius:50%;border:1.5px solid var(--line-2)}
.d8-step.doing .d8-tick{border-top-color:var(--gold);animation:d8spin .8s linear infinite}
.d8-step.done .d8-tick{border-color:transparent;background:var(--gold-grad)}
.d8-step.done .d8-tick::after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;font-size:11px;font-weight:700;font-style:normal;color:#17120a}
.d8-step-t b{display:block;font-size:14px;font-weight:600;line-height:1.35}
.d8-step-t small{display:block;margin-top:1px;font-size:12.5px;line-height:1.4;color:var(--muted);animation:d8in .35s var(--ease)}
.d8-step-t small:empty{display:none}
.d8-res{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.d8-tile{padding:12px;border-radius:14px;border:1px solid var(--line);background:rgba(217,179,115,.06);animation:d8in .45s var(--ease) both}
.d8-tile:nth-child(2){animation-delay:.08s}.d8-tile:nth-child(3){animation-delay:.16s}
.d8-tile b{display:block;margin-top:5px;font-size:13.5px;font-weight:600;line-height:1.35}
.d8-tile small{display:block;margin-top:4px;font-size:12px;line-height:1.4;color:var(--muted)}

/* звонки */
.d8-tr{display:flex;flex-direction:column;gap:8px}
.d8-line{max-width:88%;padding:9px 13px;border-radius:14px;font-size:14px;line-height:1.45;animation:msgin .45s var(--ease)}
.d8-line.m{align-self:flex-start;background:rgba(217,179,115,.07);border:1px solid var(--line);border-bottom-left-radius:5px}
.d8-line.c{align-self:flex-end;background:rgba(243,237,226,.06);border:1px solid rgba(243,237,226,.1);border-bottom-right-radius:5px}
.d8-who{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}
.d8-who b{font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.d8-line.c .d8-who b{color:var(--ink-2)}
.d8-who small{font-size:11px;color:var(--muted)}
.d8-score{--d8c:#f3dda8;display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px 18px;align-items:center;padding:16px;border-radius:18px;border:1px solid var(--line-2);background:linear-gradient(160deg,rgba(217,179,115,.1),rgba(10,9,8,.3));animation:d8in .5s var(--ease)}
.d8-score.mid{--d8c:#d9b373}
.d8-score.low{--d8c:#e08a6d}
.d8-ring{position:relative;width:96px;height:96px}
.d8-ring-svg{width:100%;height:100%;transform:rotate(-90deg)}
.d8-ring-bg,.d8-ring-fg{fill:none;stroke-width:6}
.d8-ring-bg{stroke:rgba(233,201,139,.14)}
.d8-ring-fg{stroke:var(--d8c);stroke-linecap:round;transition:stroke-dashoffset 1s var(--ease)}
.d8-ring-n{position:absolute;inset:0;display:grid;place-content:center;text-align:center;line-height:1}
.d8-ring-n b{font-family:var(--serif);font-weight:400;font-size:36px;color:var(--d8c);font-variant-numeric:tabular-nums}
.d8-ring-n small{margin-top:3px;font-size:10px;letter-spacing:.08em;color:var(--muted)}
.d8-score-side strong{display:block;margin-top:4px;font-family:var(--serif);font-weight:400;font-size:26px;line-height:1.1;color:var(--ink)}
.d8-crit{grid-column:1/-1;display:grid;gap:6px;padding-top:12px;border-top:1px solid var(--line)}
.d8-crit li{display:flex;align-items:flex-start;gap:9px;font-size:13.5px;line-height:1.4;color:var(--ink-2)}
.d8-crit i{flex:none;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;font-size:11px;font-style:normal;font-weight:700}
.d8-crit .ok i{background:rgba(217,179,115,.16);color:var(--gold-l)}
.d8-crit .no i{background:rgba(224,138,109,.16);color:#eca48e}
.d8-crit .no{color:var(--muted)}
.d8-obj{display:flex;flex-wrap:wrap;align-items:center;gap:6px;animation:d8in .4s var(--ease)}
.d8-obj .d8-label{flex-basis:100%;margin-bottom:2px}
.d8-rec{padding:4px 0 4px 14px;border-left:2px solid var(--gold);animation:d8in .4s var(--ease)}
.d8-rec p{margin-top:4px;font-size:14px;line-height:1.5;color:var(--ink)}

/* документы */
.d8-doc{display:grid;gap:12px;animation:d8in .5s var(--ease)}
.d8-paper{position:relative;padding:16px 16px 34px;border-radius:10px;background:linear-gradient(170deg,#f5eee1,#e9dfcc);color:#2a2218;font-size:11.5px;line-height:1.5;box-shadow:0 22px 44px -24px rgba(0,0,0,.9);overflow:hidden}
.d8-paper-h{font-size:12px;font-weight:600;line-height:1.4;padding-bottom:8px;margin-bottom:6px;border-bottom:1px solid rgba(42,34,24,.25)}
.d8-paper-h b{display:block;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6b5a40}
.d8-paper-row{margin-top:3px}
.d8-paper-row>span:not(.d8-f){color:#6b5f4d}
.d8-paper-items{margin:10px 0 8px;border-top:1px solid rgba(42,34,24,.2);border-bottom:1px solid rgba(42,34,24,.2)}
.d8-paper-it{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:4px 0}
.d8-paper-it+.d8-paper-it{border-top:1px dashed rgba(42,34,24,.15)}
.d8-paper-nm{min-width:0}
.d8-q{display:inline-block;margin-left:6px;white-space:nowrap;color:#6b5f4d}
.d8-paper-sum{flex:none;white-space:nowrap;font-variant-numeric:tabular-nums}
.d8-paper-tot{display:grid;justify-items:end;gap:2px;font-weight:600}
.d8-paper-tot div{display:flex;gap:6px;white-space:nowrap}
.d8-f{padding:0 3px;margin:0 -3px;border-radius:4px;transition:background .3s,box-shadow .3s}
.d8-f.seen{background:rgba(217,179,115,.22)}
.d8-f.hit{background:rgba(217,179,115,.55);box-shadow:0 0 0 1.5px #a87d3f}
.d8-sign{position:absolute;left:16px;bottom:16px;width:90px;height:1px;background:rgba(42,34,24,.4)}
.d8-fields{padding:12px 14px;border-radius:14px;border:1px solid var(--line-2);background:rgba(10,9,8,.45)}
.d8-fields dl{margin-top:6px}
.d8-fr{display:grid;grid-template-columns:90px minmax(0,1fr);gap:10px;align-items:baseline;padding:6px 0;border-bottom:1px solid var(--line)}
.d8-fr:last-child{border-bottom:0}
.d8-fr dt{font-size:12px;color:var(--muted)}
.d8-fr dd{font-size:13px;font-weight:600;color:var(--ink);min-height:20px;overflow-wrap:anywhere}
.d8-fr dd.wait::before{content:"";display:block;width:70%;height:7px;margin-top:6px;border-radius:4px;background:rgba(233,201,139,.12)}
.d8-fr dd.fill{animation:d8in .35s var(--ease);color:var(--gold-l)}
.d8-badges{display:flex;flex-wrap:wrap;gap:6px}
.d8-badge{font-size:12.5px;line-height:1.4;padding:5px 10px;border-radius:8px;animation:d8in .35s var(--ease)}
.d8-badge.ok{color:var(--gold-l);background:rgba(217,179,115,.1);border:1px solid rgba(217,179,115,.35)}
.d8-badge.warn{color:#f3b8a4;background:rgba(224,138,109,.1);border:1px solid rgba(224,138,109,.4)}

/* база знаний */
.d8-cite{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;align-self:flex-start;max-width:90%;animation:msgin .45s var(--ease)}
.d8-cite small{font-size:12px;color:var(--muted)}

/* контент */
.d8-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.d8-img{display:grid;gap:5px;text-align:center}
.d8-img small{font-size:11px;color:var(--muted)}
.d8-img-shot{position:relative;aspect-ratio:4/3;border-radius:12px;border:1px solid var(--line);overflow:hidden;transition:background .5s}
.d8-img.info .d8-img-shot{background:radial-gradient(circle at 30% 45%,#fbf6ec,#d6ccbb 80%)}
.d8-img.life .d8-img-shot{background:linear-gradient(180deg,#4a3824 0 64%,#2a1f14 64%),#2a1f14}
.d8-img.life .d8-img-shot::before{content:"";position:absolute;right:12%;top:12%;width:28%;height:34%;border-radius:50%;background:radial-gradient(circle,rgba(255,221,160,.55),transparent 70%)}
.d8-prod{position:absolute;left:28%;top:54%;width:15%;height:52%;transform:translate(-50%,-50%);border-radius:5px 5px 9px 9px;background:linear-gradient(90deg,#7c5b2b,#f3dda8 42%,#b68a4b 70%,#6d4f24);box-shadow:0 12px 18px -10px rgba(0,0,0,.5)}
.d8-prod::before{content:"";position:absolute;left:-8%;right:-8%;top:-10%;height:13%;border-radius:4px;background:#2a2218}
.d8-img.life .d8-prod{left:42%;top:48%}
.d8-calls{position:absolute;left:46%;right:6%;top:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px}
.d8-call{max-width:100%;font-size:11px;line-height:1.25;padding:3px 8px;border-radius:6px;background:rgba(42,34,24,.88);color:var(--gold-l);text-align:left}
.d8-img.gen .d8-img-shot{background:#16130f}
.d8-img.gen .d8-img-shot>*,.d8-img.gen .d8-img-shot::before{opacity:0}
.d8-img.gen .d8-img-shot::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(243,221,168,.12) 50%,transparent 70%);animation:d8sheen 1.3s linear infinite}
.d8-img-shot>*{transition:opacity .5s}
.d8-ptitle{margin-top:-4px;font-size:16px;font-weight:600;line-height:1.4;color:var(--ink)}
.d8-body>.d8-label{margin-top:4px}
.d8-feat{display:grid;gap:4px;margin-top:-4px}
.d8-feat li{position:relative;padding-left:16px;font-size:13.5px;line-height:1.45;color:var(--ink-2);animation:d8in .35s var(--ease)}
.d8-feat li::before{content:"";position:absolute;left:2px;top:.6em;width:5px;height:5px;border-radius:50%;background:var(--gold)}
.d8-desc{margin-top:-4px;font-size:13.5px;line-height:1.6;color:var(--ink-2)}

/* видео: вертикальные кадры 9:16 */
.d8-tl{padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:rgba(10,9,8,.45)}
.d8-tl-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:13px}
.d8-tl-top span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-2)}
.d8-tl-top b{flex:none;font-weight:600;color:var(--gold-l);font-variant-numeric:tabular-nums}
.d8-tl-bar{height:4px;margin-top:9px;border-radius:99px;background:rgba(233,201,139,.12);overflow:hidden}
.d8-tl-bar i{display:block;height:100%;background:var(--gold-grad);transform:scaleX(0);transform-origin:0 50%;transition:transform .5s var(--ease)}
.d8-tl.done .d8-tl-bar i{box-shadow:0 0 12px rgba(217,179,115,.7)}
.d8-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.d8-frame{position:relative;aspect-ratio:9/16;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:8px;border-radius:10px;border:1px solid var(--line);overflow:hidden;animation:d8in .45s var(--ease)}
.d8-frame.wait{border-style:dashed;background:rgba(217,179,115,.03);animation:none}
.d8-frame.f0{background:linear-gradient(165deg,#6a4a27,#1d140c 75%)}
.d8-frame.f1{background:linear-gradient(165deg,#4a3d2c,#15110c 75%)}
.d8-frame.f2{background:linear-gradient(165deg,#7a5a31,#231a10 75%)}
.d8-frame.f3{background:linear-gradient(165deg,#3a3530,#121015 75%)}
.d8-frame:not(.wait)::after{content:"";position:absolute;inset:0;background:radial-gradient(70% 45% at 60% 30%,rgba(243,221,168,.22),transparent 70%);pointer-events:none}
.d8-frame small{position:relative;z-index:1;font-size:10px;font-weight:600;padding:1px 6px;border-radius:6px;background:rgba(0,0,0,.5);color:var(--ink);font-variant-numeric:tabular-nums}
.d8-frame span{position:relative;z-index:1;font-family:var(--serif);font-style:italic;font-size:max(11px,min(16px,3.1cqi));line-height:1.12;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.7)}
.d8-vo{display:grid;gap:6px}
.d8-vo li{padding:8px 12px;border-radius:10px;border:1px solid var(--line);background:rgba(243,237,226,.025);animation:d8in .4s var(--ease)}
.d8-vo p{font-size:13px;line-height:1.45;color:var(--ink-2)}
.d8-vo p:first-child{font-size:12px;color:var(--muted)}
.d8-vo b{font-weight:600;color:var(--gold);font-variant-numeric:tabular-nums}

/* с чего начать */
.d8-plan-h strong{display:block;margin-top:4px;font-family:var(--serif);font-weight:400;font-size:30px;line-height:1.05;color:var(--ink)}
.d8-plan-h small{display:block;margin-top:4px;font-size:12.5px;color:var(--muted)}
.d8-mods{display:grid;gap:8px}
.d8-mod{padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:rgba(217,179,115,.03);animation:d8in .45s var(--ease)}
.d8-mod.first{border-color:var(--line-2);background:rgba(217,179,115,.07)}
.d8-mod-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.d8-mod-top b{font-size:14.5px;font-weight:600;line-height:1.35}
.d8-mod-top a{text-decoration:underline;text-decoration-color:rgba(217,179,115,.45);text-underline-offset:3px;transition:color .3s,text-decoration-color .3s}
.d8-mod-top a:hover{color:var(--gold-l);text-decoration-color:var(--gold)}
.d8-mod-top .d8-chip{flex:none}
.d8-mod p{margin-top:4px;font-size:13px;line-height:1.45;color:var(--ink-2)}
.d8-mod p span{color:var(--gold)}
.d8-sum{padding:14px 16px;border-radius:16px;border:1px solid var(--line-2);background:linear-gradient(135deg,rgba(217,179,115,.15),rgba(217,179,115,.03));animation:d8in .5s var(--ease)}
.d8-sum strong{display:block;margin-top:4px;font-family:var(--serif);font-weight:400;font-size:26px;line-height:1.1;color:var(--gold-l)}
.d8-sum small{display:block;margin-top:5px;font-size:12.5px;line-height:1.45;color:var(--muted)}

/* журнал слева */
.d8-feed{height:158px;padding:10px;align-content:start;overflow:hidden}
@media (min-width:1101px){.d8 .d8-side .sec-lead{display:none}.d8-feed{height:86px}.d8-feed .d8-entry:nth-child(n+2){display:none}}
.d8-feed:has(.crm-empty){align-content:center}
.d8-log .crm-head{padding:10px 18px}
.d8-entry{min-width:0;padding:8px 12px;animation:none}
.d8-entry.d8-new{animation:dealin .6s var(--ease)}
.d8-entry .deal-top{min-width:0}
.d8-entry .deal-top b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.d8-entry .deal-top span{flex:none}
.d8-entry.warn .deal-top span{background:linear-gradient(115deg,#f3c1ad,#e08a6d)}
.d8-entry-row{display:flex;align-items:baseline;gap:10px;min-width:0;margin-top:2px}
.d8-entry-row p{flex:1;min-width:0;margin:0;font-size:13px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.d8-entry-row small{flex:none;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;color:var(--muted)}

/* узкая сцена */
@container (max-width:500px){
  .d8-res{grid-template-columns:minmax(0,1fr)}
  .d8-strip{gap:6px}
  .d8-frame{padding:6px;border-radius:8px}
  .d8-frame small{font-size:9px;padding:1px 4px}
}
@container (max-width:300px){
  .d8-call{font-size:9.5px;padding:2px 5px}
  .d8-call:nth-child(3){display:none}
  .d8-ba{font-size:19px}
}
@container (min-width:470px){
  .d8-doc{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}
}

html:not(.js) .d8-tabs,html:not(.js) .d8-ask,html:not(.js) .d8-opts,html:not(.js) .d8-input{display:none}

@media (max-width:1100px){
  .d8-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:none}
  .d8-side,.d8-stage,.d8-log,.d8-note-foot{grid-column:1;grid-row:auto}
  .d8-stage{margin-top:32px}
  .d8-log{margin-top:20px}
  .d8-body{padding:18px}
  .d8-ask{padding:12px 16px}
}
@media (min-width:761px) and (max-width:1100px){
  .d8-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
  .d8-tab-t small{white-space:normal}
}
@media (max-width:760px){
  .d8-opts .d8-niches,.d8-ask{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--fl),#000 calc(100% - var(--fr)),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 var(--fl),#000 calc(100% - var(--fr)),transparent 100%)}
  .d8-opts .d8-niches{margin-left:calc(-1*var(--pad));margin-right:calc(-1*var(--pad));padding:2px var(--pad) 4px;scroll-padding:0 var(--pad);scroll-snap-type:x proximity}
  .d8-tabs{margin-top:22px;gap:6px}
  .d8-tab{gap:10px;padding:9px 10px;border-radius:14px}
  .d8-tab-ic{width:32px;height:32px;border-radius:10px}
  .d8-tab-ic .d8-ico{width:19px;height:19px}
  .d8-tab-t b{font-size:13.5px}
  .d8-tab-t small{display:none}
  .d8-foot{padding:0 16px 16px;flex-direction:column;gap:8px}
  .d8-next{display:flex;justify-content:center;align-items:baseline;gap:8px;min-height:46px;padding:8px 14px}
  .d8-next small{font-size:13px;letter-spacing:0;text-transform:none}
  .d8-next small::after{content:":"}
  .d8-opts .d8-niches::-webkit-scrollbar,.d8-opts .d8-niches::-webkit-scrollbar,.d8-ask::-webkit-scrollbar{display:none}
  .d8-opts .niche,.d8-ask .ask{flex:none}
  .d8-ask .ask{white-space:nowrap;font-size:13px;padding:8px 13px;border-radius:99px}
  .d8-ask.d8-pills .ask{padding:8px 14px}
  .d8-stack{font-size:13.5px}
  .d8-stage{height:clamp(460px,calc(100svh - 153px),620px);margin-top:26px}
  .d8-stage .chat-src{display:none}
  .d8-stage .chat-head{gap:12px}
  .d8-stage .chat-ava{flex:none;width:40px;height:40px}
  .d8-stage .chat-who small{min-width:0}
  .d8-stage .chat-who small span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .d8-idle{padding:4px}
  .d8-idle-art{width:64px;height:64px;margin-bottom:14px}
  .d8-ico{width:32px;height:32px}
  .d8-idle strong{font-size:24px}
  .d8-idle p{font-size:13.5px}
  .d8-score{grid-template-columns:80px minmax(0,1fr);padding:14px}
  .d8-ring{width:80px;height:80px}
  .d8-ring-n b{font-size:30px}
  .d8-score-side strong{font-size:22px}
  .d8-line{font-size:13.5px}
  .d8-log.is-empty{display:none}
  .d8-feed{height:auto}
  .d8-feed .d8-entry:nth-child(n+2){display:none}
}
@media (max-width:374px){
  .d8-stage .chat-head{padding:12px 14px}
  .d8-body{padding:16px}
  .d8-foot .d8-cta{font-size:13.5px;padding:0 14px;gap:.4em;letter-spacing:0}
  .d8-next{gap:6px;padding:8px 10px}
  .d8-next small,.d8-next b{font-size:12.5px}
}
@media (prefers-reduced-motion:reduce){
  .d8-step.doing .d8-tick,.d8-img.gen .d8-img-shot::after{animation:none!important}
  .d8-next.nudge{animation:none}
}