/* ===========================================================================
 * Лендинг v4 („Клиенти от Google") - Задача 76.4, PLAN-LP4.md.
 * Зарежда се САМО при ?lp=4 на page-landing-reklami.php (functions.php).
 * Стойностите са 1:1 от inline стиловете в design-reference/landing-reklami-v4.html.
 * Всеки селектор е с .lp4- или под [data-section^="lp4-"] - нищо глобално.
 * Шрифтовете са на темата: var(--font-head) / var(--font-body) / var(--font-mono)
 * от assets/css/tokens.css (моно шрифтът на темата е IBM Plex Mono).
 * ========================================================================= */

[data-section^="lp4-"]{
  --lp4-promo:#FF6B4A; --lp4-promo-ink:#1A0E0B; --lp4-teal:#006F75; --lp4-accent:#0CBABA;
  --lp4-dark:#0F1517; --lp4-dark-2:#172124; --lp4-line:#26393C; --lp4-tint:#EEF2F3;
  --lp4-ink:#10181A; --lp4-border:#DCE4E6; --lp4-soft:#5B6B6F; --lp4-muted:#4A5A5E;
}
[data-section^="lp4-"].sec--dark{background:var(--lp4-dark)}
[data-section^="lp4-"] .lp4-eyebrow{font-size:12px;letter-spacing:.14em;margin-bottom:0}
.lp4-stack{display:flex;flex-direction:column;gap:32px}
.lp4-intro{display:flex;flex-direction:column;gap:14px}
.lp4-h2{margin:0;font-size:clamp(32px,3.6vw,46px);line-height:1.12;font-weight:800;letter-spacing:-.03em;max-width:820px}
.lp4-intro__lead{margin:0;font-size:18px;line-height:1.6;color:var(--lp4-muted);max-width:760px}

/* --- 1 · Hero ------------------------------------------------------------ */
.lp4-hero{padding:64px 0 72px}
.lp4-hero__grid{display:flex;flex-wrap:wrap;gap:56px;align-items:center}
.lp4-hero__main{flex:999 1 520px;min-width:0;display:flex;flex-direction:column;gap:26px}
.lp4-hero__form{flex:1 1 450px;min-width:0;scroll-margin-top:90px}
.lp4-chip{align-self:flex-start;display:flex;gap:10px;align-items:center;margin:0;border:1px solid #1E4A4C;background:#10282A;
  border-radius:999px;padding:9px 18px;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#5FE0DF}
.lp4-chip__dot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--lp4-accent)}
.lp4-hero .lp4-hero__title{margin:0;font-size:clamp(42px,5.6vw,76px);line-height:1.02;font-weight:800;letter-spacing:-.035em;color:#FFFFFF}
.lp4-hl{color:var(--lp4-accent);border-bottom:4px solid #0F6B6E}
.lp4-hero__lead{margin:0;font-size:19px;line-height:1.6;color:#B8C6C9;max-width:600px}
.lp4-hero__lead strong{color:#FFFFFF}
.lp4-hero__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.lp4-hero__list li{display:flex;gap:12px;align-items:center;font-size:17px;color:#E4ECEE}
.lp4-hero__list svg{flex:none}
.lp4-banner{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;background:#142022;
  border:1px solid #23585A;border-radius:14px;padding:18px 22px;max-width:600px;text-decoration:none;transition:border-color .2s ease}
.lp4-banner:hover{border-color:var(--lp4-accent)}
.lp4-banner__body{display:flex;flex-direction:column;gap:4px;min-width:0}
.lp4-banner__kicker{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--lp4-promo)}
.lp4-banner__text{font-size:16px;color:#FFFFFF;font-weight:600;line-height:1.45}
.lp4-banner__price{font-size:22px;font-weight:800;color:var(--lp4-accent);white-space:nowrap}
.lp4-rating{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:0}
.lp4-rating__num{font-size:18px;font-weight:800;color:#FFFFFF}
.lp4-rating__stars{color:#F5B82E;font-size:16px;letter-spacing:2px}
.lp4-rating__count{font-family:var(--font-mono);font-size:12px;text-transform:uppercase;color:#8FA2A6}
.lp4-rating__in{font-family:var(--font-mono);font-size:12px;text-transform:uppercase;color:#8FA2A6;margin-left:6px}
.lp4-hero__form .dv-ff{background:var(--lp4-dark-2);border:1px solid var(--lp4-line);border-radius:22px;padding:34px;
  box-shadow:0 30px 80px rgba(0,0,0,.45)}

/* --- 2 · Лога (тъмни плочки, светли лога) -------------------------------- */
.lp4-trust{border-top:1px solid #1F2A2D;padding:40px 0 56px}
.lp4-trust .lp4-eyebrow{color:#5FE0DF;margin-bottom:24px}
.lp4-trust .lp-logos__cell{width:220px;height:84px;border-radius:14px;background:var(--lp4-dark-2);border:1px solid var(--lp4-line)}
.lp4-trust .lp-logos__cell[data-lp-cell-tone="bg"]{background:var(--lp4-dark-2)}
/* същият филтър като .lp-logos--inv (тъмните плочки) - и без JS класа */
.lp4-trust .lp-logos__cell img[data-lp-tone="plain"]{filter:grayscale(1) invert(1) !important}
.lp4-trust .lp-logos__cell img[data-lp-tone="inv"]{filter:grayscale(1) !important}
.lp4-trust .lp-logos__cell img[data-lp-tone="bg"]{filter:grayscale(1) brightness(1.7) !important;background:transparent}

/* --- 3 · Пакети ------------------------------------------------------------ */
.lp4-packages{background:var(--lp4-tint);padding:96px 0;color:var(--lp4-ink);scroll-margin-top:70px}
.lp4-packages .lp4-eyebrow,.lp4-reviews .lp4-eyebrow,.lp4-results .lp4-eyebrow,.lp4-process .lp4-eyebrow{color:var(--lp4-teal)}
.lp4-promo{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;background:#FFFFFF;
  border:1px solid color-mix(in srgb,#FF6B4A 45%,white);border-radius:16px;padding:18px 24px}
.lp4-promo__main{display:flex;gap:16px;align-items:center;min-width:0;flex:1 1 420px}
.lp4-promo__badge{flex:none;background:var(--lp4-promo);color:var(--lp4-promo-ink);font-weight:800;font-size:15px;padding:8px 12px;
  border-radius:8px;transform:rotate(-4deg)}
.lp4-promo__copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.lp4-promo__title{font-size:16px;font-weight:700;color:var(--lp4-ink)}
.lp4-promo__text{font-size:14px;color:var(--lp4-soft)}
.lp4-promo__cd{display:flex;gap:8px;align-items:center}
.lp4-promo__cd-label{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;color:#7A8A8E;margin-right:6px}
.lp4-promo__cell{background:var(--lp4-ink);color:#FFFFFF;border-radius:10px;width:58px;padding:8px 0;display:flex;flex-direction:column;align-items:center}
.lp4-promo__cell b{font-size:22px;line-height:1.3}
.lp4-promo__cell small{font-size:10px;color:#9FB0B3}

.lp4-pk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px;align-items:stretch}
.lp4-pk{position:relative;background:#FFFFFF;border:1px solid var(--lp4-border);border-radius:22px;padding:34px 30px;
  display:flex;flex-direction:column;gap:20px;color:var(--lp4-ink)}
.lp4-pk--dark{background:var(--lp4-ink);color:#FFFFFF;border-color:transparent;box-shadow:0 0 0 2px var(--lp4-accent),0 24px 60px rgba(0,111,117,.25)}
.lp4-pk__flag{position:absolute;top:-14px;left:30px;background:var(--lp4-accent);color:var(--lp4-dark);font-family:var(--font-mono);
  font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:7px 12px;border-radius:999px}
.lp4-pk__head{display:flex;flex-direction:column;gap:8px}
.lp4-pk__head h3{margin:0;font-size:26px;font-weight:800;letter-spacing:-.02em;color:inherit}
.lp4-pk__head p{margin:0;font-size:15px;line-height:1.55;color:var(--lp4-soft)}
.lp4-pk--dark .lp4-pk__head p{color:#A9B9BC}
.lp4-pk__price{display:flex;flex-direction:column;gap:6px}
.lp4-pk__price p{margin:0}
.lp4-pk__old{display:flex;align-items:center;gap:10px}
.lp4-pk__old s{font-size:18px;color:#8A979A;font-weight:700}
.lp4-pk__off{background:var(--lp4-promo);color:var(--lp4-promo-ink);font-weight:800;font-size:12px;padding:4px 8px;border-radius:6px}
.lp4-pk__now{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}
.lp4-pk__pre{font-size:20px;font-weight:700;color:var(--lp4-soft)}
.lp4-pk__amount{font-family:var(--font-head);font-size:58px;line-height:1.05;font-weight:800;letter-spacing:-.04em;color:inherit}
.lp4-pk__period{font-family:var(--font-mono);font-size:13px;text-transform:uppercase;color:#7A8A8E}
.lp4-pk--dark .lp4-pk__period{color:#8FA2A6}
.lp4-pk__save{font-size:14px;color:#3D4C50}
.lp4-pk__note{font-size:14px;color:var(--lp4-soft)}
.lp4-pk--dark .lp4-pk__note{color:#5FE0DF}
.lp4-pk__goal{display:flex;gap:14px;align-items:center;background:#0F2E30;border:1px solid #1E5A5C;border-radius:14px;padding:16px 18px}
.lp4-pk__goal-icon{flex:none;width:40px;height:40px;border-radius:10px;background:var(--lp4-accent);display:flex;align-items:center;justify-content:center}
.lp4-pk__goal-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.lp4-pk__goal-copy b{font-size:17px;font-weight:800;color:#FFFFFF}
.lp4-pk__goal-copy span{font-size:13px;color:#A9B9BC}
.lp4-pk__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;font-size:15px;line-height:1.45;color:#2A3639}
.lp4-pk--dark .lp4-pk__list{color:#E4ECEE}
.lp4-pk__list li{display:flex;gap:10px}
.lp4-pk__list svg{flex:none;margin-top:2px}
.lp4-pk__extra{margin:0;font-size:13px;color:#6B7B7F}
.lp4-pk__cta{margin-top:auto;display:block;text-align:center;font-family:var(--font-mono);font-weight:700;font-size:14px;
  padding:17px;border-radius:12px;text-decoration:none;transition:opacity .2s ease}
.lp4-pk__cta:hover{opacity:.9}
.lp4-pk__cta--accent{background:var(--lp4-accent);color:var(--lp4-dark)}
.lp4-pk__cta--accent:hover{color:var(--lp4-dark)}
.lp4-pk__cta--solid{background:var(--lp4-ink);color:#FFFFFF}
.lp4-pk__cta--solid:hover{color:#FFFFFF}
.lp4-pk__cta--ghost{background:#FFFFFF;color:var(--lp4-ink);border:2px solid var(--lp4-ink);padding:15px}
.lp4-pk__cta--ghost:hover{color:var(--lp4-ink)}
.lp4-pk__foot{margin:0;font-family:var(--font-mono);font-size:12px;color:var(--lp4-teal)}
.lp4-pk--dark .lp4-pk__foot{color:#5FE0DF}

.lp4-custom{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;background:#FFFFFF;
  border:1px solid var(--lp4-border);border-radius:16px;padding:22px 28px}
.lp4-custom__copy{display:flex;flex-direction:column;gap:4px;flex:1 1 420px;min-width:0}
.lp4-custom__copy b{font-size:18px;font-weight:800;color:var(--lp4-ink)}
.lp4-custom__copy span{font-size:15px;color:var(--lp4-soft)}
.lp4-custom__cta{color:var(--lp4-ink);border:2px solid var(--lp4-ink);font-family:var(--font-mono);font-weight:700;font-size:14px;
  padding:13px 22px;border-radius:12px;text-decoration:none}
.lp4-custom__cta:hover{color:var(--lp4-ink);background:#FFFFFF}
.lp4-fit{display:flex;flex-direction:column;gap:16px;margin-top:12px}
.lp4-fit__title{margin:0;font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--lp4-ink)}
.lp4-fit__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}
.lp4-fit__card{border-radius:16px;padding:24px 26px;display:flex;flex-direction:column;gap:8px}
.lp4-fit__card--teal{background:#DDF3F2}
.lp4-fit__card--gray{background:#E3E8EA}
.lp4-fit__kicker{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--lp4-teal)}
.lp4-fit__card--gray .lp4-fit__kicker{color:var(--lp4-muted)}
.lp4-fit__card p{margin:0;font-size:17px;line-height:1.55;color:var(--lp4-ink)}

/* --- 4 · Портфолио на тъмно (картите остават както на живо) -------------- */
.lp4-projects{padding:96px 0}
.lp4-projects .lp4-eyebrow{color:#5FE0DF}
.lp4-projects .lp4-h2{color:#FFFFFF}
.lp4-projects .lp-sites-tab{font-size:13px;padding:14px 22px;min-height:44px;border-radius:999px;background:transparent;color:#C9D5D7;border-color:#3A4A4D}
.lp4-projects .lp-sites-tab.is-active{background:#FFFFFF;border-color:#FFFFFF;color:var(--lp4-ink)}
.lp4-projects .pj-card{border-color:var(--lp4-line)}

/* --- 5 · Отзиви ------------------------------------------------------------ */
.lp4-reviews{background:#FFFFFF;padding:96px 0;color:var(--lp4-ink)}
.lp4-reviews__head{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-end;justify-content:space-between;margin-bottom:28px}
.lp4-rating-tile{display:flex;flex-direction:column;margin:0;border:1px solid var(--lp4-border);border-radius:14px;padding:12px 18px}
.lp4-rating-tile__top b{font-size:22px;font-weight:800}
.lp4-rating-tile .lp4-rating__stars{font-size:15px}
.lp4-rating-tile__count{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;color:#7A8A8E}
.lp4-rating-tile .lp4-rating__in{font-size:11px;color:#7A8A8E}
.lp4-slider .lp-quote-slider__slides{background:#FFFFFF;border:1px solid var(--lp4-border);border-radius:24px;padding:28px;
  box-shadow:0 20px 60px rgba(16,24,26,.08)}
.lp4-qtabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:10px;margin-top:12px}
.lp4-qtabs .lp4-qtab{width:auto;height:auto;display:flex;flex-direction:column;gap:4px;text-align:left;background:#FFFFFF;
  border:1px solid var(--lp4-border);border-radius:12px;padding:14px 16px;min-height:44px;cursor:pointer;font-family:inherit;transition:border-color .2s ease}
.lp4-qtabs .lp4-qtab.is-active{width:auto;background:#FFFFFF;border:2px solid var(--lp4-teal);padding:13px 15px}
.lp4-qtab__n{font-family:var(--font-mono);font-size:11px;color:var(--lp4-teal)}
.lp4-qtab b{font-size:15px;font-weight:800;color:var(--lp4-ink)}
.lp4-qtab span:not(.lp4-qtab__n){font-size:13px;color:var(--lp4-soft)}
.lp4-reviews .lp4-subhead{display:flex;flex-direction:column;gap:6px;margin-top:36px;padding-top:32px;border-top:1px solid var(--lp4-border)}
.lp4-subhead h3{margin:0;font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--lp4-ink)}
.lp4-subhead p{margin:0;font-size:15px;color:var(--lp4-soft)}
.lp4-reviews .rv-strip{margin-top:20px}

/* --- 6 · Резултати --------------------------------------------------------- */
.lp4-results{background:var(--lp4-tint);padding:96px 0}
.lp4-results .lp4-h2{max-width:760px}
.lp4-results .res-card{background:#FFFFFF;border:1px solid var(--lp4-border);border-radius:20px;padding:30px}

/* --- 7 · Как работим заедно ------------------------------------------------ */
.lp4-process{background:#FFFFFF;padding:96px 0;color:var(--lp4-ink)}
.lp4-process .lp4-h2{max-width:760px}
.lp4-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px}
.lp4-step{border:1px solid var(--lp4-border);border-radius:18px;padding:26px;display:flex;flex-direction:column;gap:10px}
.lp4-step__num{font-family:var(--font-mono);font-size:13px;text-transform:uppercase;color:var(--lp4-teal)}
.lp4-step .lp4-step__title{margin:0;font-size:19px;font-weight:800;color:var(--lp4-ink)}
.lp4-step p{margin:0;font-size:15px;line-height:1.55;color:var(--lp4-soft)}
.lp4-step--dark{background:var(--lp4-ink);border-color:var(--lp4-ink)}
.lp4-step--dark .lp4-step__num{color:#5FE0DF}
.lp4-step--dark .lp4-step__title{color:#FFFFFF}
.lp4-step--dark p{color:#A9B9BC}

/* --- 9 · Финална форма ----------------------------------------------------- */
.lp4-cta{padding:96px 0}
.lp4-cta__grid{display:flex;flex-wrap:wrap;gap:48px;align-items:center}
.lp4-cta__copy{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:18px}
.lp4-cta .lp4-eyebrow{color:#5FE0DF}
.lp4-cta .lp4-cta__title{margin:0;font-size:clamp(34px,3.8vw,50px);line-height:1.08;font-weight:800;letter-spacing:-.03em;color:#FFFFFF}
.lp4-cta__text{margin:0;font-size:17px;line-height:1.6;color:#A9B9BC}
.lp4-cta .badge-row{margin-top:4px}
.lp4-cta__form{flex:1 1 482px;min-width:0}
.lp4-cta__form .dv-ff{background:var(--lp4-dark-2);border:1px solid var(--lp4-line);border-radius:22px;padding:30px}

/* --- 390 px: една колона, пренасяне, без хоризонтален скрол --------------- */
@media(max-width:760px){
  .lp4-hero{padding:40px 0 48px}
  .lp4-hero__grid,.lp4-cta__grid{gap:36px}
  .lp4-hero__form .dv-ff,.lp4-cta__form .dv-ff{padding:22px}
  .lp4-packages,.lp4-projects,.lp4-reviews,.lp4-results,.lp4-process,.lp4-cta{padding:64px 0}
  .lp4-banner{padding:16px 18px}
  .lp4-banner__price{white-space:normal}
  .lp4-promo{flex-direction:column;align-items:stretch}
  .lp4-promo__main{flex:none}
  .lp4-pk{padding:30px 22px}
  .lp4-pk__amount{font-size:48px}
  .lp4-custom{padding:20px}
  .lp4-custom__copy{flex:1 1 100%}
  .lp4-trust .lp-logos__cell{width:180px;height:72px}
}

/* ===========================================================================
 * Задача 77.3 (PLAN-LP4.md, ИЗМЕНЕНИЯ 05.10): иконите, числата и анимацията.
 * Анимацията е само под body.lp4-anim-a / body.lp4-anim-b (?anim=a|b,
 * page-landing-reklami.php) и само при html.lp4-js (assets/landing-v4.js).
 * ========================================================================= */

/* --- Иконата „хора" във формата в хирото (inc/parts.php не се пипа) ------- */
[data-section="lp4-hero"] .dv-ff__head-icon{width:48px;height:48px;border-radius:12px;background:#0CBABA;display:flex;align-items:center;justify-content:center}
[data-section="lp4-hero"] .dv-ff__head-icon svg{display:none}
[data-section="lp4-hero"] .dv-ff__head-icon::before{content:"";width:24px;height:24px;background:#0F1517;
  -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M17%2021v-2a4%204%200%200%200-4-4H5a4%204%200%200%200-4%204v2%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M23%2021v-2a4%204%200%200%200-3-3.87%22%2F%3E%3Cpath%20d%3D%22M16%203.13a4%204%200%200%201%200%207.75%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M17%2021v-2a4%204%200%200%200-4-4H5a4%204%200%200%200-4%204v2%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M23%2021v-2a4%204%200%200%200-3-3.87%22%2F%3E%3Cpath%20d%3D%22M16%203.13a4%204%200%200%201%200%207.75%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}

/* --- Иконата на Google (поле lp4_google_icon) ------------------------------ */
.lp4-gicon{width:20px;height:20px;flex:none;object-fit:contain}
.lp4-rating-tile__top .lp4-gicon{vertical-align:-3px;margin-right:8px}
/* в плочката до H2: кръг 34px вляво, текстът - два реда вдясно (макет: REVIEWS) */
.lp4-rating-tile:has(.lp4-gicon){position:relative;padding-left:64px}
.lp4-rating-tile .lp4-gicon{position:absolute;left:18px;top:50%;width:34px;height:34px;margin-top:-17px;padding:7px;box-sizing:border-box;border-radius:50%;background:#F1F4F5;object-fit:contain}
.lp4-rating-tile__top{white-space:nowrap}
/* пред „Отзиви в Google" в лентата: мястото е 0, докато --lp4-gicon не е зададена */
[data-section="lp4-reviews"] .rv-strip__label::before{content:"";display:inline-block;width:0;height:18px;margin:0;vertical-align:-3px;background:var(--lp4-gicon) center/contain no-repeat}
[data-section="lp4-reviews"][style*="--lp4-gicon"] .rv-strip__label::before{width:18px;margin-right:8px}

/* --- Числата в резултатите - тъмни като в макета --------------------------- */
[data-section="lp4-results"] .kpi-value,[data-section="lp4-results"] .kpi-unit{color:#10181A}

/* --- Анимация: базата (A и B) ---------------------------------------------- */
/* старото появяване вътре в v4 е изключено; елементите с data-lp4-anim не са засегнати */
.lp4-js body.lp4-anim-a [data-section^="lp4-"] .reveal,.lp4-js body.lp4-anim-a [data-section^="lp4-"] .reveal-group>*:not([data-lp4-anim]),.lp4-js body.lp4-anim-a [data-section="faq"] .reveal,.lp4-js body.lp4-anim-a [data-section="faq"] .reveal-group>*:not([data-lp4-anim]),
.lp4-js body.lp4-anim-b [data-section^="lp4-"] .reveal,.lp4-js body.lp4-anim-b [data-section^="lp4-"] .reveal-group>*:not([data-lp4-anim]),.lp4-js body.lp4-anim-b [data-section="faq"] .reveal,.lp4-js body.lp4-anim-b [data-section="faq"] .reveal-group>*:not([data-lp4-anim]){opacity:1!important;transform:none!important;transition:none!important}
.lp4-js body.lp4-anim-a [data-lp4-anim],.lp4-js body.lp4-anim-b [data-lp4-anim]{opacity:0;transform:translateY(16px)}
.lp4-js body.lp4-anim-a [data-lp4-anim].lp4-in,.lp4-js body.lp4-anim-b [data-lp4-anim].lp4-in{opacity:1;transform:none;transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1)}
.lp4-js body.lp4-anim-a [data-lp4-anim="hero"].lp4-in,.lp4-js body.lp4-anim-b [data-lp4-anim="hero"].lp4-in{transition-delay:calc(var(--i,0) * 90ms)}
.lp4-js body.lp4-anim-a [data-lp4-anim="card"].lp4-in,.lp4-js body.lp4-anim-b [data-lp4-anim="card"].lp4-in{transition-delay:calc(var(--i,0) * 100ms)}

/* --- Анимация: само вариант B ---------------------------------------------- */
/* Подчертаването се рисува отляво надясно. Фон, не ::after: .lp4-hl се пренася
   на 2 реда, а абсолютен ::after в пренесен inline елемент не следва редовете. */
body.lp4-anim-b .lp4-hl{border-bottom:none;padding-bottom:4px;background:linear-gradient(#0F6B6E,#0F6B6E) left bottom/0% 4px no-repeat}
body.lp4-anim-b .lp4-in .lp4-hl{background-size:100% 4px;transition:background-size .8s cubic-bezier(.2,.7,.2,1) .4s}

@property --lp4-beam{syntax:'<angle>';inherits:false;initial-value:0deg}
body.lp4-anim-b .lp4-pk--dark{position:relative;isolation:isolate}
body.lp4-anim-b .lp4-pk--dark::before{content:"";position:absolute;inset:-2px;border-radius:24px;z-index:-1;background:conic-gradient(from var(--lp4-beam),transparent 0 60%,#0CBABA 75%,#FF6B4A 85%,transparent 100%);animation:lp4Beam 4s linear infinite}
body.lp4-anim-b .lp4-pk--dark::after{content:"";position:absolute;inset:0;border-radius:22px;z-index:-1;background:var(--lp4-ink)}
@keyframes lp4Beam{to{--lp4-beam:360deg}}

body.lp4-anim-b .lp4-banner__arrow{display:inline-block;animation:lp4Nudge 1.6s ease-in-out infinite}
@keyframes lp4Nudge{0%,100%{transform:none} 50%{transform:translateX(4px)}}

body.lp4-anim-b .lp4-pk.lp4-in .lp4-pk__off[data-lp4-promo]{animation:lp4Pop .5s cubic-bezier(.2,.7,.2,1) 1}
@keyframes lp4Pop{0%{transform:scale(.6)} 70%{transform:scale(1.08)} 100%{transform:scale(1)}}

/* --- prefers-reduced-motion: без движение, крайното състояние веднага ------ */
@media (prefers-reduced-motion:reduce){
  .lp4-js body.lp4-anim-a [data-lp4-anim],.lp4-js body.lp4-anim-b [data-lp4-anim]{opacity:1;transform:none;transition:none}
  body.lp4-anim-b .lp4-pk--dark::before{animation:none;background:#0CBABA}
  body.lp4-anim-b .lp4-banner__arrow,body.lp4-anim-b .lp4-pk.lp4-in .lp4-pk__off[data-lp4-promo]{animation:none}
  body.lp4-anim-b .lp4-hl,body.lp4-anim-b .lp4-in .lp4-hl{background-size:100% 4px;transition:none}
}

/* 77.4: изтекла промоция - [hidden] трябва да бие display:flex на .lp4-pk__old */
[data-lp4-promo][hidden]{display:none!important}

/* Задача 79.1 - логото в PPC хедъра: D + denvelkoff.studio */
.site-head--ppc .site-head__logo.lp4-logo{display:inline-flex;align-items:center;gap:12px;line-height:1}
.site-head--ppc .site-head__logo .lp4-logo__mark{display:block;flex:none;width:auto;max-width:none;height:42px}
.site-head--ppc .site-head__logo .lp4-logo__word{font-family:var(--font-head);font-size:24px;font-weight:800;letter-spacing:-0.02em;line-height:1;color:#FFFFFF;white-space:nowrap}
.site-head--ppc .site-head__logo .lp4-logo__word span{color:#0CBABA}
@media (max-width:560px){
  .site-head--ppc .site-head__logo.lp4-logo{gap:7px}
  .site-head--ppc .site-head__logo .lp4-logo__mark{height:30px}
  .site-head--ppc .site-head__logo .lp4-logo__word{font-size:16px}
  .site-head--ppc .lp4-logo ~ .site-head--ppc__actions .btn{white-space:nowrap;padding:12px 16px;font-size:13px}
}

/* Партида L5 (Задачи 92.2-92.3, PLAN-LP4.md ИЗМЕНЕНИЯ 10.10): trust елементът в хирото */
.lp4-proof{display:flex;flex-wrap:wrap;gap:16px 20px;align-items:center}
.lp4-proof__faces{display:flex;align-items:center}
.lp4-proof__face,.lp4-proof__more{width:44px;height:44px;border-radius:50%;flex:none}
.lp4-proof__face{object-fit:cover;border:2px solid #0F1517;margin-left:-12px;background:#172124}
.lp4-proof__face:first-child{margin-left:0}
.lp4-proof__more{margin-left:-12px;display:flex;align-items:center;justify-content:center;background:#172124;border:1px solid #26393C;color:#8FA2A6;font-weight:700;font-size:14px}
.lp4-proof__body{display:flex;flex-direction:column;gap:6px;min-width:0}
.lp4-proof__text{font-size:18px;font-weight:800;color:#FFFFFF;line-height:1.2}
.lp4-proof__body>span{display:flex;gap:10px;align-items:center}
@media (max-width:390px){
  .lp4-proof{flex-direction:column;align-items:flex-start}
}

/* две карти с пакети - центрирани, до 560px всяка */
.lp4-pk-grid--2{grid-template-columns:repeat(2,minmax(0,560px));justify-content:center}
@media (max-width:820px){
  .lp4-pk-grid--2{grid-template-columns:minmax(0,1fr)}
}

/* редът „след пускането" под цените */
.lp4-after{margin:28px auto 0;max-width:720px;text-align:center;font-size:16px;line-height:1.6;color:#5B6B6E}
.lp4-after::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--lp4-accent);margin-right:10px;vertical-align:2px}