/* live*digest: лендинг, умови й конфіденційність (частина M7).
   Лише токени app.css, тож темна тема перемикається разом з усім продуктом. */
.ld-main{padding:0}
.ld-hero{position:relative;overflow:hidden;padding:clamp(28px,6vw,72px) 0 clamp(44px,7vw,96px)}
.ld-hero::before{content:"";position:absolute;top:-180px;right:-160px;width:min(760px,110vw);height:min(760px,110vw);border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--pink-soft) 90%,transparent),transparent);pointer-events:none}
.ld-hero .wrap{position:relative}
.ld-mark{margin:0 0 clamp(20px,3.4vw,40px);font:800 clamp(40px,10.2vw,124px)/.95 var(--display);letter-spacing:-.045em;color:var(--ink);white-space:nowrap}
.ld-mark i{display:inline-block;margin:0 -.02em 0 -.05em;font-style:normal;font-size:.9em;color:var(--pink);transform:translateY(-.32em);animation:ld-spin 16s linear infinite}
@keyframes ld-spin{to{transform:translateY(-.32em) rotate(360deg)}}
.ld-hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(32px,5vw,56px);align-items:center}
@media (min-width:900px){.ld-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}}
.ld-h1{font:700 clamp(26px,3.6vw,44px)/1.12 var(--display);letter-spacing:-.03em;color:var(--ink);max-width:15ch}
.ld-sub{margin-top:18px;max-width:44ch;font-size:clamp(16px,1.5vw,19px);line-height:1.55;color:var(--soft)}
.ld-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
@media (max-width:480px){.ld-cta .btn{flex:1 1 100%}}
.ld-login{font-weight:600}

/* Превʼю стрічки: абстрактні рядки замість заголовків, щоб не вигадувати новин. */
.ld-preview{width:100%;max-width:480px;justify-self:end;padding:4px 0 10px;border-radius:var(--r-lg);box-shadow:var(--shadow-lg);transform:rotate(-1.2deg)}
@media (max-width:899px){.ld-preview{justify-self:stretch;max-width:none;transform:none}}
.ld-pv-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 10px}
.ld-pv-head2{margin-top:6px;border-top:1px solid var(--line)}
/* На телефоні лише перша рубрика, і картка закінчується цілою секцією. Вага вища за .ld-pv-head:
   інакше його display:flex перебиває приховування, і внизу лишається заголовок без рядків. */
@media (max-width:560px){.ld-preview .ld-pv-head2,.ld-preview .ld-pv-head2~.ld-pv-row{display:none}}
.ld-pv-sec{font:700 14px/1.2 var(--font);color:var(--ink)}
.ld-live{display:inline-flex;align-items:center;gap:8px;font:700 10.5px/1 var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--pink)}
.ld-live i{width:8px;height:8px;border-radius:50%;background:var(--pink);animation:ld-pulse 2.2s var(--ease) infinite}
@keyframes ld-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--pink) 50%,transparent)}70%,100%{box-shadow:0 0 0 9px transparent}}
.ld-pv-row{display:grid;grid-template-columns:64px minmax(0,1fr) 44px;align-items:center;gap:14px;padding:10px 20px}
.ld-pv-row+.ld-pv-row{border-top:1px solid var(--line)}
.ld-pv-ph{display:block;height:44px;border-radius:6px;background:linear-gradient(135deg,var(--pink-soft),var(--sunk))}
.ld-pv-ph.ph2{background:linear-gradient(135deg,var(--s2-soft),var(--sunk))}
.ld-pv-ph.ph3{background:linear-gradient(135deg,var(--s3-soft),var(--sunk))}
.ld-pv-lines{display:flex;flex-direction:column;gap:7px;min-width:0}
.ld-pv-lines b{display:block;height:9px;border-radius:5px;background:color-mix(in srgb,var(--ink) 14%,transparent)}
.ld-pv-lines b:first-child{width:94%}
.ld-pv-lines b+b{width:62%}
.ld-pv-lines em{display:block;width:36%;height:7px;border-radius:4px;background:var(--line)}
.ld-pv-score{font:700 20px/1 var(--display);letter-spacing:-.02em;color:var(--pink);text-align:right;font-variant-numeric:tabular-nums}

/* Секції */
.ld-sec{padding:clamp(52px,8vw,104px) 0;border-top:1px solid var(--line)}
.ld-h2{margin-bottom:clamp(22px,3.5vw,40px);font:700 clamp(22px,3vw,34px)/1.15 var(--display);letter-spacing:-.025em;color:var(--ink)}
.ld-steps{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:0;padding:0;list-style:none}
.ld-step{display:grid;grid-template-columns:54px minmax(0,1fr);gap:2px 14px;padding:20px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card)}
.ld-step-n{grid-row:span 2;font:800 30px/1 var(--display);letter-spacing:-.04em;color:var(--pink)}
.ld-step h3{font:700 17px/1.3 var(--font);color:var(--ink)}
.ld-step p{font-size:15px;line-height:1.5;color:var(--soft)}
@media (min-width:760px){
  .ld-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
  .ld-step{display:block;padding:26px 24px 28px}
  .ld-step-n{display:block;margin-bottom:22px;font-size:44px}
  .ld-step h3{margin-bottom:6px}
}
.ld-feats{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
@media (min-width:760px){.ld-feats{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}
.ld-feat{border-radius:var(--r-lg)}
.ld-ico{display:grid;place-items:center;width:44px;height:44px;margin-bottom:16px;border-radius:12px;background:var(--pink-soft);color:var(--pink)}
.ld-ico svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ld-feat h3{margin-bottom:6px;font:700 17px/1.3 var(--font)}
.ld-feat p{font-size:15px;line-height:1.5;color:var(--soft)}

/* Ціна й питання */
.ld-pf{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(40px,6vw,72px);align-items:start}
@media (min-width:900px){.ld-pf{grid-template-columns:minmax(0,400px) minmax(0,1fr)}}
.ld-price{position:relative;overflow:hidden;padding:clamp(24px,3vw,34px);border-radius:var(--r-lg);box-shadow:var(--shadow-lg)}
.ld-price::after{content:"*";position:absolute;top:-40px;right:-4px;font:800 170px/1 var(--display);color:var(--pink-soft);pointer-events:none}
.ld-price>*{position:relative;z-index:1}
.ld-amount{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:12px 0 22px}
.ld-amount b{font:800 clamp(44px,6vw,64px)/1 var(--display);letter-spacing:-.04em;color:var(--ink)}
.ld-amount span{font-size:16px;font-weight:600;color:var(--soft)}
.ld-list{display:flex;flex-direction:column;gap:12px;margin:0 0 26px;padding:0;list-style:none}
.ld-list li{display:flex;align-items:center;gap:12px;font-weight:500;color:var(--body)}
.ld-list svg{flex:0 0 22px;width:22px;height:22px;padding:4px;border-radius:50%;background:var(--pink-soft);color:var(--pink);fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.ld-faq .ld-h2{margin-bottom:8px}
.ld-q{border-bottom:1px solid var(--line)}
.ld-q summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:18px 0;font:600 16.5px/1.4 var(--font);color:var(--ink);list-style:none;cursor:pointer}
.ld-q summary::-webkit-details-marker{display:none}
.ld-q summary:hover{color:var(--pink)}
.ld-plus{position:relative;flex:0 0 30px;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;transition:transform .3s var(--ease),background-color .2s var(--ease),border-color .2s var(--ease)}
.ld-plus::before,.ld-plus::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:2px;border-radius:2px;background:var(--ink);transform:translate(-50%,-50%)}
.ld-plus::after{transform:translate(-50%,-50%) rotate(90deg)}
.ld-q[open] .ld-plus{transform:rotate(45deg);border-color:transparent;background:var(--pink-soft)}
.ld-q p{padding:0 46px 20px 0;line-height:1.6;color:var(--soft)}

/* Підвал */
.ld-foot{padding:26px 0 calc(26px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}
.ld-foot-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px}
.ld-foot-nav{display:flex;flex-wrap:wrap;gap:0 22px}
.ld-foot-nav a,.ld-linkbtn{display:inline-flex;align-items:center;min-height:40px;padding:0;border:0;background:none;font:500 14px/1.4 var(--font);color:var(--soft);text-decoration:none;cursor:pointer}
.ld-foot-nav a:hover,.ld-linkbtn:hover{color:var(--pink)}

/* Умови й конфіденційність */
.lg{max-width:720px;margin:0 auto}
.lg-back{display:inline-flex;align-items:center;gap:6px;min-height:40px;margin-bottom:14px;font:600 14px/1 var(--font);color:var(--soft);text-decoration:none}
.lg-back:hover{color:var(--pink)}
.lg-back .ico{width:16px;height:16px}
/* Чернетка лишається позначеною, доки власник не затвердить текст, але спокійно й дрібно. */
.lg .lg-draft.badge{display:flex;width:max-content;min-height:0;padding:3px 10px;border-radius:999px;background:none;box-shadow:inset 0 0 0 1px var(--line);color:var(--soft);font:500 12px/1.4 var(--font);letter-spacing:0;text-transform:none}
.lg h1.disp{margin:14px 0 clamp(18px,4vw,34px);font-size:clamp(28px,5vw,44px)}
.lg section{padding:20px 0;border-top:1px solid var(--line)}
.lg h2{margin-bottom:8px;font:700 18px/1.35 var(--font)}
.lg p{max-width:62ch;line-height:1.65;color:var(--body)}
.lg p+p{margin-top:10px}
.lg-list{max-width:62ch;margin:0;padding:0 0 0 18px;line-height:1.65;color:var(--body)}
.lg-list li+li{margin-top:8px}
.lg-list b{font-weight:600;color:var(--ink)}

/* Справжнє превʼю: картки демо-стрічки (власник, 02.10). Вигляд як у стрічці: біле тло, підпис типу
   на фото, рожевий відсоток лише в найвищих збігів. */
.ld-pv-real{padding-bottom:6px}
.ld-pv-it{grid-template-columns:76px minmax(0,1fr) auto;gap:14px;padding:12px 20px}
.ld-pv-it .ld-pv-ph{position:relative;display:grid;place-items:center;height:56px;overflow:hidden;background:var(--sunk)}
.ld-pv-ph img{width:100%;height:100%;object-fit:cover}
.ld-pv-ph.lg{background:#FFFFFF;box-shadow:inset 0 0 0 1px var(--line)}
.ld-pv-ph.lg img{width:50%;height:auto;max-height:62%;object-fit:contain;margin-bottom:9px}
.ld-tile{display:grid;place-items:center;width:100%;height:100%;padding-bottom:10px;font:800 22px/1 var(--display);letter-spacing:-.02em}
.ld-tile.t0{background:var(--pink-soft);color:var(--pink)}
.ld-tile.t1{background:var(--s2-soft);color:var(--s2)}
.ld-tile.t2{background:var(--s3-soft);color:var(--s3)}
.ld-tile.t3{background:var(--sunk);color:var(--soft)}
.ld-cap{position:absolute;left:4px;bottom:4px;max-width:calc(100% - 8px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 5px;border-radius:3px;background:rgba(20,20,20,.74);color:#FFFFFF;font:700 8.5px/1 var(--font);letter-spacing:.06em;text-transform:uppercase}
.ld-cap.pink{background:var(--pink)}
.ld-pv-txt{display:flex;flex-direction:column;gap:5px;min-width:0}
.ld-pv-tt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:600 14px/1.32 var(--font);color:var(--ink)}
.ld-pv-src{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 12px/1.2 var(--font);color:var(--soft)}
.ld-pv-real .ld-pv-score{font:700 17px/1 var(--font);letter-spacing:-.01em;color:var(--ink)}
.ld-pv-real .ld-pv-score.pk{color:var(--pink)}
@media (max-width:420px){.ld-pv-it{grid-template-columns:64px minmax(0,1fr) auto;gap:12px;padding:11px 16px}.ld-pv-it .ld-pv-ph{height:50px}.ld-pv-tt{font-size:13.5px}}

/* Весь світ: мапа видань і стіна логотипів замість чисел (власник, 02.10: "137 виглядає мало"). */
.ld-world .eyebrow{display:block;margin-bottom:12px}
.ld-world-h{margin-bottom:10px;max-width:18ch}
.ld-world-sub{max-width:52ch;margin:0 0 clamp(22px,4vw,40px);font-size:clamp(15px,1.4vw,17px);line-height:1.55;color:var(--soft)}
.ld-map{position:relative;margin:0 0 clamp(28px,5vw,52px);--land:color-mix(in srgb,var(--ink) 15%,transparent)}
.ld-map svg{display:block;width:100%;height:auto;overflow:visible}
.ld-land{fill:var(--land)}
.ld-pin{cursor:pointer;outline:none}
.ld-dot{fill:var(--pink);stroke:var(--paper);stroke-width:1.6;transition:transform .25s var(--ease)}
.ld-halo{fill:var(--pink);opacity:.16;transform-box:fill-box;transform-origin:center}
.ld-pin.big .ld-halo{animation:ld-ring 3.2s var(--ease) infinite}
.ld-pins .ld-pin:nth-child(2n).big .ld-halo{animation-delay:1.1s}
.ld-pins .ld-pin:nth-child(3n).big .ld-halo{animation-delay:2.2s}
@keyframes ld-ring{0%{transform:scale(.6);opacity:.35}80%,100%{transform:scale(1.9);opacity:0}}
.ld-pin:hover .ld-dot,.ld-pin:focus-visible .ld-dot,.ld-pin.on .ld-dot{transform:scale(1.25);transform-box:fill-box;transform-origin:center}
.ld-pin:focus-visible .ld-halo{opacity:.4}
.ld-tip{position:absolute;z-index:3;max-width:min(300px,calc(100vw - 32px));padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);box-shadow:var(--shadow-lg);font:500 13px/1.45 var(--font);color:var(--body);pointer-events:none;transform:translate(-50%,calc(-100% - 12px))}
.ld-tip b{display:block;margin-bottom:2px;font:700 11px/1.4 var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--pink)}
.ld-tip.below{transform:translate(-50%,12px)}
.ld-wall{display:flex;flex-direction:column;gap:12px;margin:0 0 clamp(36px,6vw,64px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.ld-wall-row{overflow:hidden}
.ld-wall-track{display:flex;width:max-content;animation:ld-marq 150s linear infinite}
.ld-wall-row.r2 .ld-wall-track{animation-duration:185s;animation-direction:reverse}
.ld-wall-row.r3 .ld-wall-track{animation-duration:165s}
.ld-wall-row:hover .ld-wall-track{animation-play-state:paused}
@keyframes ld-marq{to{transform:translateX(-50%)}}
.ld-logo{display:grid;flex:0 0 auto;place-items:center;width:64px;height:64px;margin-right:12px;border:1px solid var(--line);border-radius:16px;background:#FFFFFF}
.ld-logo img{width:38px;height:38px;border-radius:8px;object-fit:contain;filter:grayscale(1);opacity:.62;transition:filter .3s var(--ease),opacity .3s var(--ease)}
.ld-logo:hover img{filter:none;opacity:1}
:root[data-theme="dark"] .ld-logo{background:#F4EFF2;border-color:transparent}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ld-logo{background:#F4EFF2;border-color:transparent}}
@media (max-width:560px){.ld-logo{width:54px;height:54px;margin-right:10px;border-radius:14px}.ld-logo img{width:32px;height:32px}.ld-wall{gap:10px}}
@media (hover:none){.ld-logo img{filter:grayscale(.35);opacity:.9}}
@media (prefers-reduced-motion:reduce){
  .ld-wall-track{animation:none}
  .ld-wall-row{overflow-x:auto}
  .ld-pin.big .ld-halo{animation:none}
}
/* Телефон: мапа на всю ширину була 160 px заввишки, а точки по 1 px. Тут вона ширша за екран і
   гортається пальцем, стартує з Європи (landing.js), сторінка вбік не їде. */
@media (max-width:640px){
  .ld-map{margin-left:-16px;margin-right:-16px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .ld-map::-webkit-scrollbar{display:none}
  .ld-map svg{width:820px;max-width:none;margin:0 16px}
}
:root[data-theme="dark"] .ld-map{--land:color-mix(in srgb,var(--ink) 22%,transparent)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ld-map{--land:color-mix(in srgb,var(--ink) 22%,transparent)}}