/* BH Agency — hub.css: аудиторні хаби /for/<slug>. Лише класи au-*; решта — наявні компоненти pages.css (sv-*, pg-*).
   Без filter/backdrop-filter. Теми: токени з tokens.css (--card, --hair, --muted, --ink-strong, --lime). */
/* hub.css грузиться до pages.css → подвійний клас піднімає специфічність над .sv-inc/.sv-when/.pg-lcards/.sv-nums/.pg-p */
.sv-inc.au-do{grid-template-columns:repeat(3,minmax(0,1fr))}
.sv-when.au-pain{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:767.98px){.sv-when.au-pain{grid-template-columns:minmax(0,1fr)}}
@media (max-width:991.98px){.sv-inc.au-do{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:599.98px){.sv-inc.au-do{grid-template-columns:minmax(0,1fr)}}
.au-do .sv-card{display:flex;flex-direction:column;gap:10px}
.au-do .pg-more{margin-top:auto;padding-top:6px;min-height:44px}
.sv-nums.au-nums{margin-top:clamp(20px,2.4vw,32px)}
.au-nums span{max-width:26ch}
.au-note{margin:16px 0 0;max-width:68ch;font:400 14px/1.5 var(--f-inter);color:var(--muted)}
.pg-lcards.au-cs{margin-top:clamp(24px,3vw,40px)}
.pg-p.au-lead{max-width:68ch;margin:16px 0 clamp(20px,2.4vw,32px)}
.au-promo{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:18px clamp(20px,3vw,40px);padding:clamp(22px,2.6vw,34px);border-radius:22px;background:var(--card);box-shadow:var(--hair);position:relative;overflow:hidden;isolation:isolate}
.au-promo::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:var(--card-glow);background:radial-gradient(ellipse 360px 160px at 100% 0%,#C8FF3E,transparent 70%)}
.au-promo__k{margin:0 0 8px;font:700 12px/1 var(--f-manrope);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-text-sm)}
.au-promo__h{margin:0;font:700 clamp(22px,2.2vw,30px)/1.15 var(--f-tight);letter-spacing:-.03em;color:var(--ink-strong);text-wrap:balance}
.au-promo__p{margin:10px 0 0;max-width:52ch;font:400 16px/1.45 var(--f-inter);color:var(--muted);text-wrap:pretty}
.au-promo__pr{margin:0;display:flex;align-items:baseline;gap:12px;white-space:nowrap;font-family:var(--f-tight)}
.au-promo__pr s{font:500 clamp(20px,2vw,26px)/1 var(--f-tight);color:var(--muted);text-decoration-thickness:2px}
.au-promo__pr b{font:700 clamp(40px,4.6vw,64px)/1 var(--f-tight);letter-spacing:-.04em;color:var(--ink-strong)}
.au-promo__btn{margin:0}
@media (max-width:991.98px){.au-promo{grid-template-columns:minmax(0,1fr) auto}.au-promo__t{grid-column:1/-1}}
@media (max-width:599.98px){.au-promo{grid-template-columns:minmax(0,1fr)}.au-promo__btn{justify-self:stretch;text-align:center}}

/* ═══════════ hubs-v2 (25.10): перший екран — сцена кодом замість відео; решта сторінки — картки з міні-графікою ═══════════
   Сцена .hs (tools/hub_scenes.py): плитка героя завжди темна (#0e0f10 в обох темах) → палітра сцени фіксована темна.
   Розміри — cqi від ширини сцени (100 × 92); сцена вписана в медіа-половину плитки (container-type:size).
   Рух — transform/opacity/translate (+ stroke-dashoffset); .is-off (hub.js: поза екраном) — пауза; reduced-motion — статичний кінцевий стан. */
.au-hero .pg-tile__m.hs-m{container-type:size;overflow:hidden;background:radial-gradient(ellipse 62% 56% at 56% 52%,rgba(200,255,62,.11),transparent 72%),#0e0f10}
.hs-m::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle,rgba(255,255,255,.075) 1px,transparent 1.4px) 0 0/22px 22px;
  -webkit-mask-image:radial-gradient(ellipse 58% 62% at 58% 50%,#000 10%,transparent 78%);mask-image:radial-gradient(ellipse 58% 62% at 58% 50%,#000 10%,transparent 78%)}
@media (max-width:899.98px){.au-hero .pg-tile__m.hs-m{height:clamp(320px,92vw,440px)}}
.hs{position:absolute;left:50%;top:50%;width:min(92cqw,101cqh);aspect-ratio:100/92;translate:-50% -50%;container-type:inline-size;
  font-family:var(--f-inter);color:#faf9f5;-webkit-font-smoothing:antialiased}
@media (min-width:900px){.hs{left:52%}}
.hs__in{position:absolute;inset:0}
:where(.hs) :is(p,ul,ol){margin:0;padding:0;list-style:none}
.hs i,.hs b{font-style:normal}
.hs svg{display:block;overflow:visible}

/* елемент сцени: x/y/w у cqi, нахил — rotate; вхід — transform, «плавання» — translate (властивості не конфліктують) */
.hs-el{position:absolute;left:calc(var(--x) * 1cqi);top:calc(var(--y) * 1cqi);width:calc(var(--w) * 1cqi);rotate:var(--r,0deg);
  animation:hs-in .95s cubic-bezier(.16,1,.3,1) backwards calc(var(--i) * 90ms + 120ms)}
.hs-el--full{inset:0;width:auto;rotate:none}
.hs-fl{animation:hs-in .95s cubic-bezier(.16,1,.3,1) backwards calc(var(--i) * 90ms + 120ms),hs-fl 5.6s cubic-bezier(.45,0,.55,1) 1.5s infinite alternate}
.hs-fl--b{animation-duration:.95s,4.8s;animation-delay:calc(var(--i) * 90ms + 120ms),2s}
.hs-fl--c{animation-duration:.95s,4.2s;animation-delay:calc(var(--i) * 90ms + 120ms),1.7s;animation-direction:normal,alternate-reverse}

/* кит: картка, заголовок картки, цифра, рядки-заглушки, чип, кнопка, «грати», телефон, превʼю відео */
.hs-c{position:relative;border-radius:2.6cqi;padding:2.4cqi 2.6cqi 2.6cqi;background:linear-gradient(180deg,#27292e,#18191c);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(255,255,255,.08),0 3.4cqi 6cqi -2.4cqi rgba(0,0,0,.85),0 1cqi 2cqi -1cqi rgba(0,0,0,.5)}
.hs-k{display:flex;align-items:center;justify-content:space-between;gap:1.2cqi;margin-bottom:1.8cqi!important;padding-bottom:1.5cqi!important;border-bottom:1px solid rgba(255,255,255,.08);
  font:700 1.9cqi/1 var(--f-manrope);letter-spacing:.12em;text-transform:uppercase;color:#a0a097;white-space:nowrap}
.hs-k i{flex:none;width:1.3cqi;height:1.3cqi;border-radius:50%;background:#c8ff3e;box-shadow:0 0 1.4cqi #c8ff3e;animation:hs-blink 2.4s ease-in-out infinite}
.hs-n{display:flex;align-items:baseline;gap:1.1cqi;font:700 6cqi/1 var(--f-tight);letter-spacing:-.045em;color:#fff;white-space:nowrap}
.hs-n__a{color:#a3a39a}
.hs-n__ar{color:#c8ff3e;font-weight:600;letter-spacing:0}
.hs-l{margin-top:1.1cqi!important;font:500 2.25cqi/1.3 var(--f-inter);color:#a0a097;text-wrap:balance}
.hs-l b{color:#fff;font-weight:700}
.hs-stat--s{margin-top:1.8cqi}
.hs-stat--s .hs-n{font-size:4.4cqi}
.hs-sk{display:block;width:var(--l);height:1.5cqi;border-radius:1cqi;background:rgba(255,255,255,.1)}
.hs-sk+.hs-sk{margin-top:1.1cqi}
.hs-sk--w{background:rgba(255,255,255,.28)}
.hs-row{display:flex;align-items:center;gap:1.6cqi;margin-top:1.8cqi}
.hs-col{flex:1;min-width:0}
.hs-col--c{flex:none;margin-top:1.6cqi}
.hs-col--c .hs-sk{margin-inline:auto}
.hs-av{flex:none;display:block;width:4.6cqi;aspect-ratio:1;border-radius:50%;background:linear-gradient(135deg,#55585f,#24262a)}
.hs-av--ring{box-shadow:0 0 0 .45cqi #121315,0 0 0 .85cqi #c8ff3e}
.hs-chip{display:inline-flex;align-items:center;gap:1.4cqi;padding:1.5cqi 2.4cqi 1.5cqi 1.8cqi;border-radius:5cqi;background:linear-gradient(180deg,#2b2d32,#1a1b1e);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(255,255,255,.09),0 2.4cqi 4.6cqi -2cqi rgba(0,0,0,.85);white-space:nowrap}
.hs-chip>i{flex:none;width:1.4cqi;height:1.4cqi;border-radius:50%;background:#c8ff3e;box-shadow:0 0 1.4cqi #c8ff3e}
.hs-chip .hs-n{font-size:3.7cqi}
.hs-chip>span{max-width:25cqi;font:500 2.2cqi/1.2 var(--f-inter);color:#c9c9c0;white-space:normal;text-wrap:balance}
.hs-chip svg{flex:none;width:3.2cqi;height:3.2cqi;fill:none;stroke:#c8ff3e;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hs-chip--ok svg{stroke:#111110;padding:.5cqi;border-radius:50%;background:#c8ff3e}
.hs-ck{fill:none;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.hs-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:1cqi;padding:1.5cqi 2.6cqi!important;border-radius:3cqi;background:#c8ff3e;color:#111110;
  font:700 2.25cqi/1 var(--f-tight);letter-spacing:-.01em;white-space:nowrap;box-shadow:0 1cqi 2.4cqi -1cqi rgba(200,255,62,.7)}
.hs-btn svg{width:2.6cqi;height:2.6cqi;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.hs-btn--sm{margin-top:2cqi!important;padding:1.2cqi 2cqi!important;font-size:1.9cqi}
.hs-btn--pulse::after,.hs-btn--sub::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 .35cqi #c8ff3e;opacity:0;animation:hs-ring 2.6s cubic-bezier(.16,1,.3,1) 1.8s infinite}
.hs-btn--sub{padding:1.7cqi 2.8cqi!important;font-size:2.5cqi}
.hs-play{position:absolute;left:50%;top:50%;width:8cqi;aspect-ratio:1;margin:-4cqi 0 0 -4cqi;border-radius:50%;display:grid;place-items:center;background:#c8ff3e;box-shadow:0 1.2cqi 3cqi -1cqi rgba(0,0,0,.6)}
.hs-play svg{width:52%;height:52%;fill:#111110;margin-left:8%}
.hs-thumb{position:relative;display:block;aspect-ratio:16/9;border-radius:1.8cqi;overflow:hidden;
  background:radial-gradient(ellipse 70% 90% at 30% 115%,rgba(200,255,62,.3),transparent 62%),linear-gradient(135deg,#3a3d44,#141517)}
.hs-thumb__p{position:absolute;left:12%;bottom:0;width:36%;aspect-ratio:1/1.05;background:radial-gradient(circle at 50% 30%,#6a6d74 0 21%,transparent 22%),radial-gradient(ellipse 50% 46% at 50% 102%,#4f5259 0 98%,transparent 100%)}
.hs-thumb--doc{background:radial-gradient(ellipse 60% 80% at 80% 110%,rgba(200,255,62,.26),transparent 62%),linear-gradient(160deg,#3b4048,#15171a)}
.hs-thumb--les{background:linear-gradient(90deg,transparent 0 58%,rgba(255,255,255,.06) 58% 100%),radial-gradient(ellipse 60% 80% at 25% 100%,rgba(200,255,62,.24),transparent 62%),linear-gradient(135deg,#34373e,#141517)}
.hs-prog{position:absolute;left:0;right:0;bottom:0;height:.8cqi;background:rgba(255,255,255,.2)}
.hs-prog i{position:absolute;inset:0;background:#c8ff3e;transform-origin:0 50%;transform:scaleX(.64);animation:hs-prog 8s linear 1.2s infinite}
.hs-prog--ch b{position:absolute;top:0;bottom:0;left:var(--p);width:.5cqi;background:#18191c}
.hs-vid .hs-thumb+.hs-row,.hs-vid .hs-thumb+.hs-sk{margin-top:1.8cqi}
.hs-ph{aspect-ratio:9/18.6;padding:1cqi;border-radius:4.6cqi;background:linear-gradient(155deg,#45474d 0%,#121315 34%,#0b0b0c 70%,#33353a 100%);
  box-shadow:inset 0 0 0 .25cqi rgba(255,255,255,.14),0 3.4cqi 6cqi -2.4cqi rgba(0,0,0,.8),0 1cqi 2cqi -1cqi rgba(0,0,0,.5)}
.hs-ph__s{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:4.6cqi 1.8cqi 1.8cqi;border-radius:3.7cqi;
  background:radial-gradient(ellipse 120% 40% at 30% 0%,rgba(200,255,62,.13),transparent 70%),#121315}
.hs-ph__isl{position:absolute;top:1.2cqi;left:50%;width:7cqi;height:1.7cqi;margin-left:-3.5cqi;border-radius:1cqi;background:#000}
.hs-ph__l{display:grid;gap:1cqi;margin-top:2cqi!important}
.hs-ph__l li{padding:1.3cqi 1.2cqi;border-radius:1.2cqi;background:rgba(255,255,255,.06)}
.hs-ph__s>.hs-btn{margin-top:auto!important;width:100%}
.hs-story{position:absolute;left:1.8cqi;right:1.8cqi;top:1.6cqi;display:flex;gap:.6cqi;z-index:2}
.hs-story i{flex:1;height:.5cqi;border-radius:1cqi;background:rgba(255,255,255,.35)}
.hs-story i:first-child{background:#fff}
.hs-story i:nth-child(2){background:linear-gradient(90deg,#fff 50%,rgba(255,255,255,.35) 50%) 0 0/200% 100%;animation:hs-story 4s linear 1.2s infinite}
.hs-url{display:flex;align-items:center;gap:.8cqi;margin-bottom:1.8cqi!important}
.hs-url>i{width:1.2cqi;height:1.2cqi;border-radius:50%;background:rgba(255,255,255,.18)}
.hs-url>i:first-child{background:#ff5f57}.hs-url>i:nth-child(2){background:#febc2e}.hs-url>i:nth-child(3){background:#28c840}
.hs-url .hs-sk{margin-left:1.4cqi;height:2.2cqi;border-radius:1.2cqi;background:rgba(255,255,255,.07)}
.hs-draw{fill:none;stroke:#c8ff3e;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;animation:hs-draw 1.7s cubic-bezier(.65,0,.35,1) backwards calc(var(--j,0) * 140ms + 700ms)}
.hs-draw--2{stroke:rgba(255,255,255,.45);stroke-width:1.6}
.hs-area{width:100%;aspect-ratio:200/70;margin-top:1.4cqi}
.hs-area__f{animation:hs-fade 1s ease-out backwards 1.5s}
.hs-dot{fill:#c8ff3e;transform-box:fill-box;transform-origin:center;animation:hs-pop .5s cubic-bezier(.34,1.56,.64,1) backwards 2.2s,hs-blink 2s ease-in-out 2.8s infinite}
.hs-grid{fill:none;stroke:rgba(255,255,255,.07);stroke-width:1}
.hs-bar{display:block;height:1.1cqi;margin-top:2cqi;border-radius:1cqi;background:rgba(255,255,255,.08);overflow:hidden}
.hs-bar i{display:block;height:100%;border-radius:inherit;background:#c8ff3e;transform-origin:0 50%;transform:scaleX(.6);animation:hs-prog 9s cubic-bezier(.45,0,.55,1) 1.4s infinite}
.hs-ring__t{fill:none;stroke:rgba(255,255,255,.08);stroke-width:3.4}
.hs-ring__p{fill:none;stroke:#c8ff3e;stroke-width:3.4;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--v));animation:hs-ring-draw 1.5s cubic-bezier(.65,0,.35,1) backwards calc(var(--j,0) * 180ms + 900ms)}

/* yt — експерти */
.hs--yt .hs-btn--sub{box-shadow:0 1.4cqi 3cqi -1cqi rgba(200,255,62,.65)}
.hs--yt .hs-chip .hs-n{font-size:3.4cqi}
/* booking — клініки */
.hs-cal__d,.hs-cal__g{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1cqi}
.hs-cal__d{margin-bottom:1.1cqi;text-align:center;font:600 1.9cqi/1 var(--f-inter);color:#a3a39a}
.hs-cal__g i{position:relative;aspect-ratio:1.7;border-radius:1cqi;background:rgba(255,255,255,.065)}
.hs-cal__g i::after,.hs-t::after{content:"";position:absolute;inset:0;border-radius:inherit;background:rgba(200,255,62,.2);box-shadow:inset 0 0 0 1.5px #c8ff3e;opacity:0;
  animation:hs-slot 7.5s ease-in-out infinite calc(var(--j) * 500ms + 1.6s)}
.hs-cal__g .is-m::after{opacity:1;animation:none}
.hs-doc{display:grid;place-items:center;width:13cqi;aspect-ratio:1;margin:1.6cqi auto 0;border-radius:50%;background:radial-gradient(circle at 35% 25%,#3c4047,#1c1d21);box-shadow:0 0 0 .5cqi #121315,0 0 0 .9cqi rgba(200,255,62,.7)}
.hs-doc svg{width:62%;height:62%;fill:none;stroke:#c8ff3e;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.hs--booking .hs-ph__s>.hs-btn{font-size:2cqi;padding:1.4cqi 1cqi!important}
/* course — онлайн-школи */
.hs-crs__l{display:grid;gap:1.2cqi}
.hs-crs__l li{display:flex;align-items:center;gap:1.4cqi;padding:1.15cqi 1.4cqi;border-radius:1.4cqi;background:rgba(255,255,255,.05)}
.hs-crs__l .hs-sk{flex:none}
.hs-cb{position:relative;flex:none;display:grid;place-items:center;width:3.2cqi;height:3.2cqi;border-radius:50%;box-shadow:inset 0 0 0 .3cqi rgba(255,255,255,.2)}
.hs-cb::before{content:"";position:absolute;inset:0;border-radius:50%;background:#c8ff3e;transform:scale(0);animation:hs-tick 9s cubic-bezier(.34,1.3,.64,1) infinite calc(var(--j) * 1.1s + 1.1s)}
.hs-cb .hs-ck{position:relative;width:68%;height:68%;stroke:#111110;opacity:0;animation:hs-tick-o 9s ease infinite calc(var(--j) * 1.1s + 1.1s)}
.hs-crs__l .is-d .hs-cb::before{transform:none}
.hs-crs__l .is-d .hs-ck{opacity:1}
/* shop — магазини */
.hs-shop__g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6cqi}
.hs-shop__g li{position:relative;padding:1.2cqi 1.2cqi 1.6cqi;border-radius:1.8cqi;background:rgba(255,255,255,.05)}
.hs-pr{position:relative;display:flex;align-items:flex-end;justify-content:center;aspect-ratio:1.35;margin-bottom:1.3cqi;border-radius:1.3cqi;
  background:radial-gradient(ellipse 70% 55% at 50% 100%,rgba(200,255,62,.22),transparent 70%),linear-gradient(160deg,#31343b,#1b1c20)}
.hs-pr i{position:relative;display:block;margin-bottom:10%}
.hs-pr--bottle i{width:20%;height:58%;border-radius:1.6cqi 1.6cqi .9cqi .9cqi;background:linear-gradient(90deg,#d9ff7a,#8fc10f)}
.hs-pr--bottle i::before{content:"";position:absolute;left:28%;right:28%;top:-22%;height:24%;border-radius:.5cqi .5cqi 0 0;background:#f1f2f4}
.hs-pr--box i{width:44%;height:46%;border-radius:.8cqi;background:linear-gradient(135deg,#f6f6f3,#9ea2ab)}
.hs-pr--box i::before{content:"";position:absolute;left:0;right:0;top:34%;height:14%;background:#c8ff3e}
.hs-pr--jar i{width:34%;height:42%;border-radius:1.4cqi;background:linear-gradient(90deg,#ece8de,#b5b0a3)}
.hs-pr--jar i::before{content:"";position:absolute;left:-6%;right:-6%;top:-14%;height:20%;border-radius:.6cqi;background:#3d4047}
.hs-pr--tube i{width:16%;height:66%;border-radius:.6cqi .6cqi 2.4cqi 2.4cqi;background:linear-gradient(90deg,#f6f6f3,#c3c6cd)}
.hs-pr--tube i::before{content:"";position:absolute;left:0;right:0;top:40%;height:20%;background:#c8ff3e}
.hs-pr--hero{aspect-ratio:auto;flex:1;margin:2cqi 0 1.6cqi;background:radial-gradient(ellipse 80% 60% at 50% 95%,rgba(200,255,62,.42),transparent 70%),linear-gradient(170deg,#2b2e34,#121315)}
.hs-pr--hero i{width:26%;height:66%;border-radius:2.4cqi 2.4cqi 1.4cqi 1.4cqi;background:linear-gradient(90deg,#d9ff7a,#8fc10f);animation:hs-bob 3.6s cubic-bezier(.45,0,.55,1) 1.6s infinite alternate}
.hs-pr--hero i::before{content:"";position:absolute;left:30%;right:30%;top:-16%;height:18%;border-radius:.6cqi .6cqi 0 0;background:#f1f2f4}
.hs-plus{position:absolute;right:1.6cqi;bottom:1.2cqi;width:3.4cqi;height:3.4cqi;border-radius:50%;
  background:linear-gradient(#111110,#111110) center/40% .45cqi no-repeat,linear-gradient(#111110,#111110) center/.45cqi 40% no-repeat,#c8ff3e;
  animation:hs-tap 6s cubic-bezier(.34,1.56,.64,1) infinite calc(var(--j) * 1.5s + 1.8s)}
.hs-ph__s--ad{padding-top:3.6cqi}
.hs-ph__s--ad>.hs-btn{font-size:2cqi;padding:1.3cqi 1cqi!important}
.hs-badge{position:absolute;right:-.4cqi;top:-.4cqi;width:2.2cqi;height:2.2cqi;border-radius:50%;background:#c8ff3e;box-shadow:0 0 0 .4cqi #1a1b1e;animation:hs-pop .5s cubic-bezier(.34,1.56,.64,1) backwards 1.6s,hs-beat 3s ease-in-out 2.4s infinite}
.hs-chip--cart{position:relative}
.hs-chip--cart span{font-weight:600;color:#fff}
/* plan — особисті бренди */
.hs-plan__g{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.8cqi}
.hs-plan__g i{position:relative;display:grid;place-items:center;aspect-ratio:1.15;border-radius:.9cqi;background:rgba(255,255,255,.06);font:600 1.7cqi/1 var(--f-inter);color:#5a5a57;font-variant-numeric:tabular-nums}
.hs-plan__g .is-m{background:rgba(200,255,62,.14);color:#fff;box-shadow:inset 0 0 0 1px rgba(200,255,62,.8);animation:hs-pop .5s cubic-bezier(.34,1.56,.64,1) backwards calc(var(--j) * 90ms + 900ms)}
.hs-plan__g .is-m::after,.hs-legend i{content:"";position:absolute;right:.5cqi;top:.5cqi;width:.9cqi;height:.9cqi;border-radius:50%;background:#c8ff3e}
.hs-plan__g .is-m1::after,.hs-legend .is-m1{background:#f5c542}
.hs-plan__g .is-m2::after,.hs-legend .is-m2{background:#ff7aa2}
.hs-legend{display:flex;gap:2.2cqi;margin-top:1.8cqi!important;font:500 1.9cqi/1 var(--f-inter);color:#a0a097}
.hs-legend span{display:inline-flex;align-items:center;gap:.8cqi}
.hs-legend i{position:static;display:block}
.hs-feed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8cqi;margin-top:2cqi}
.hs-feed i{position:relative;aspect-ratio:9/12;border-radius:1cqi;background:linear-gradient(160deg,#3a3d44,#1b1c20);animation:hs-pop .45s cubic-bezier(.34,1.56,.64,1) backwards calc(var(--j) * 80ms + 1s)}
.hs-feed i:nth-child(3n+1){background:radial-gradient(ellipse 80% 60% at 50% 110%,rgba(200,255,62,.4),transparent 70%),linear-gradient(160deg,#3a3d44,#1b1c20)}
.hs-feed .hs-play,.hs-rlg .hs-play{width:5cqi;margin:-2.5cqi 0 0 -2.5cqi;background:rgba(255,255,255,.9)}
.hs-plan__g .is-m:nth-child(9n)::before{content:"";position:absolute;inset:-1px;border-radius:inherit;box-shadow:0 0 0 .3cqi #c8ff3e;opacity:0;animation:hs-ring 3s cubic-bezier(.16,1,.3,1) 2.2s infinite}
/* menu — кафе й ресторани */
.hs-menu__l{display:grid;gap:1.5cqi}
.hs-menu__l li{display:flex;align-items:center;gap:1.4cqi}
.hs-menu__l .hs-sk{flex:none;width:calc(var(--l) * .42)}
.hs-dots{flex:1;align-self:center;height:0;border-bottom:.35cqi dotted rgba(255,255,255,.18)}
.hs-sk--p{width:6cqi;background:rgba(200,255,62,.5)}
.hs-plate{flex:none;width:5.6cqi;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--f1,#d9a35b) 0 34%,#f1efe8 36% 58%,#d6d3ca 60% 70%,transparent 72%)}
.hs-plate--1{--f1:#9fcf4a}.hs-plate--2{--f1:#e8c26a}.hs-plate--3{--f1:#c2552f}
.hs-floor{position:relative;aspect-ratio:1.75;border-radius:1.4cqi;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);margin-bottom:1.8cqi}
.hs-t{position:absolute;left:calc(var(--tx) * 1%);top:calc(var(--ty) * 1%);width:15%;aspect-ratio:1;translate:-50% 0;border-radius:1.2cqi;background:rgba(255,255,255,.1);
  box-shadow:0 -1.3cqi 0 -.8cqi rgba(255,255,255,.22),0 1.3cqi 0 -.8cqi rgba(255,255,255,.22)}
.hs-t--r{border-radius:50%}
.hs-t:nth-child(2)::after,.hs-t:nth-child(5)::after{opacity:1;animation:none}
.hs-book .hs-btn{width:100%}
.hs-ph--reel{aspect-ratio:9/16}
.hs-ph__s--food{align-items:center;justify-content:center;background:radial-gradient(ellipse 90% 60% at 50% 60%,rgba(200,255,62,.18),transparent 70%),#151618}
.hs-pizza{display:block;width:78%;aspect-ratio:1;border-radius:50%;animation:hs-spin 30s linear infinite;
  background:radial-gradient(circle at 30% 34%,#7a2a1a 0 6%,transparent 6.5%),radial-gradient(circle at 64% 30%,#7a2a1a 0 6%,transparent 6.5%),radial-gradient(circle at 56% 66%,#7a2a1a 0 6%,transparent 6.5%),
  radial-gradient(circle at 34% 64%,#4f8a2a 0 4%,transparent 4.5%),radial-gradient(circle at 70% 52%,#4f8a2a 0 4%,transparent 4.5%),
  conic-gradient(from 20deg,transparent 0 40deg,rgba(0,0,0,.25) 40deg 41deg,transparent 41deg 130deg,rgba(0,0,0,.25) 130deg 131deg,transparent 131deg 220deg,rgba(0,0,0,.25) 220deg 221deg,transparent 221deg 310deg,rgba(0,0,0,.25) 310deg 311deg,transparent 311deg),
  radial-gradient(circle,#f2c766 0 60%,#d9a35b 62% 70%,#b97a3a 72% 100%)}
.hs-hearts{position:absolute;right:12%;bottom:10%;width:6cqi;height:30%}
.hs-hearts i{position:absolute;left:0;bottom:0;width:3.4cqi;height:3cqi;background:#ff5c7a;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-8-5-8-11a4.5 4.5 0 0 1 8-2.8A4.5 4.5 0 0 1 20 10c0 6-8 11-8 11z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-8-5-8-11a4.5 4.5 0 0 1 8-2.8A4.5 4.5 0 0 1 20 10c0 6-8 11-8 11z'/%3E%3C/svg%3E") center/contain no-repeat;
  opacity:0;animation:hs-heart 2.7s cubic-bezier(.2,.7,.3,1) infinite}
.hs-hearts i:nth-child(2){left:2cqi;animation-delay:.9s;background:#c8ff3e}
.hs-hearts i:nth-child(3){left:-1cqi;animation-delay:1.8s}
/* reels — салони й фітнес */
.hs-ph--wide{aspect-ratio:9/16.4}
.hs-rlg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6cqi;margin-top:2cqi}
.hs-rl{position:relative;aspect-ratio:9/13;border-radius:.8cqi;background:linear-gradient(160deg,#e9b9a0,#7d4f45);animation:hs-pop .45s cubic-bezier(.34,1.56,.64,1) backwards calc(var(--j) * 70ms + 900ms)}
.hs-rl--1{background:linear-gradient(160deg,#3a3d44,#18191c)}
.hs-rl--2{background:radial-gradient(ellipse 80% 60% at 50% 110%,rgba(200,255,62,.55),transparent 70%),linear-gradient(160deg,#41454c,#1b1c20)}
.hs-rl--3{background:linear-gradient(160deg,#d8cbb6,#8c7c66)}
.hs-rl:nth-child(5)::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 .35cqi #c8ff3e;opacity:0;animation:hs-ring 2.8s cubic-bezier(.16,1,.3,1) 2.2s infinite}
.hs-cm{display:grid;gap:1.3cqi}
.hs-cm li{display:flex;align-items:center;gap:1.2cqi;padding:1cqi 1.2cqi;border-radius:1.6cqi 1.6cqi 1.6cqi .4cqi;background:rgba(255,255,255,.06);animation:hs-in .6s cubic-bezier(.16,1,.3,1) backwards calc(var(--j) * 160ms + 1s)}
.hs-cm .hs-av{width:3.2cqi}
.hs-cm .hs-sk{flex:none;width:calc(var(--l) * .7)}
.hs-chip--like svg{fill:#ff5c7a;stroke:none;animation:hs-beat 2.2s ease-in-out 1.6s infinite}
.hs-chip--like span{font-weight:600;color:#fff}
/* frame — будівництво */
.hs-bp{background:linear-gradient(rgba(200,255,62,.07) 1px,transparent 1px) 0 0/4cqi 4cqi,linear-gradient(90deg,rgba(200,255,62,.07) 1px,transparent 1px) 0 0/4cqi 4cqi,linear-gradient(180deg,#232629,#151719)}
.hs-bld{width:100%;aspect-ratio:160/120}
.hs-bld .hs-draw{stroke-width:1.5;animation-duration:2.4s}
.hs-bld .hs-draw--2{stroke:rgba(255,255,255,.55);stroke-width:1.3;animation-delay:1.2s}
.hs-fx{fill:rgba(200,255,62,.2);opacity:1;animation:hs-floor 8s ease-in-out infinite calc(var(--j) * 420ms + 2.2s)}
.hs-load{fill:#c8ff3e;animation:hs-bob 2.8s cubic-bezier(.45,0,.55,1) 2.6s infinite alternate}
.hs-ground{fill:none;stroke:rgba(255,255,255,.3);stroke-width:1.2}
.hs-hero{display:block;aspect-ratio:2.8;border-radius:1.4cqi;background:linear-gradient(90deg,rgba(18,19,21,.9) 0 44%,transparent 70%),radial-gradient(ellipse 60% 90% at 80% 60%,rgba(200,255,62,.5),transparent 70%),linear-gradient(135deg,#3a3d44,#141517)}
.hs-web .hs-l{margin-top:1.6cqi!important}
.hs-rings{display:flex;gap:3cqi;margin-top:1.6cqi!important}
.hs-rings li{display:flex;align-items:center;gap:1.4cqi;font:600 2.1cqi/1.15 var(--f-inter);color:#a0a097}
.hs-ring{position:relative;display:grid;place-items:center;width:9.6cqi;aspect-ratio:1}
.hs-ring svg{position:absolute;inset:0;width:100%;height:100%;rotate:-90deg}
.hs-ring b{font:700 3cqi/1 var(--f-tight);letter-spacing:-.04em;color:#fff}
/* lead — B2B */
.hs-split{display:flex;align-items:center;gap:2.4cqi}
.hs-badge2{flex:none;display:grid;place-items:center;width:15cqi;aspect-ratio:1;border-radius:2.4cqi;background:radial-gradient(ellipse 80% 70% at 50% 100%,rgba(200,255,62,.3),transparent 70%),rgba(255,255,255,.05)}
.hs-badge2 svg{width:58%;height:58%;fill:none;stroke:#c8ff3e;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hs-cols{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4cqi;height:22cqi;margin:4.6cqi 1cqi 4.2cqi!important;
  background:linear-gradient(rgba(255,255,255,.08),rgba(255,255,255,.08)) 0 100%/100% 1px no-repeat,repeating-linear-gradient(to top,transparent 0 calc(25% - 1px),rgba(255,255,255,.06) calc(25% - 1px) 25%)}
.hs-cols li{position:relative}
.hs-cols i{position:absolute;left:16%;right:16%;bottom:0;height:calc(var(--h) * .9);border-radius:1.2cqi 1.2cqi .3cqi .3cqi;transform-origin:50% 100%;background:linear-gradient(180deg,rgba(255,255,255,.4),rgba(255,255,255,.08));
  animation:hs-grow 1s cubic-bezier(.16,1,.3,1) backwards calc(var(--j) * 120ms + 900ms)}
.hs-cols .is-on i{background:linear-gradient(180deg,#c8ff3e,rgba(200,255,62,.15));box-shadow:0 0 3cqi -1cqi #c8ff3e}
.hs-cols b{position:absolute;left:-2cqi;right:-2cqi;bottom:calc(var(--h) * .9 + 1cqi);text-align:center;font:700 3.2cqi/1 var(--f-tight);letter-spacing:-.04em;color:#fff;white-space:nowrap;animation:hs-fade .6s ease-out backwards calc(var(--j) * 120ms + 1.3s)}
.hs-cols span{position:absolute;left:0;right:0;top:100%;margin-top:1.2cqi;text-align:center;font:600 1.9cqi/1 var(--f-inter);color:#a3a39a}
.hs-in{position:relative;display:block;height:4.6cqi;margin-bottom:1.2cqi;border-radius:1.2cqi;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.hs-in--t{height:8cqi}
.hs-in:first-of-type{box-shadow:inset 0 0 0 1.5px #c8ff3e}
.hs-in:first-of-type::before{content:"";position:absolute;left:1.6cqi;top:50%;width:46%;height:1.5cqi;margin-top:-.75cqi;border-radius:1cqi;background:rgba(255,255,255,.3);transform-origin:0 50%;animation:hs-type 5s steps(12,end) 1.4s infinite}
.hs-caret{position:absolute;left:calc(1.6cqi + 46% + .6cqi);top:25%;bottom:25%;width:.35cqi;background:#c8ff3e;animation:hs-caret 1s steps(1,end) infinite}
.hs-form .hs-btn{width:100%;margin-top:.6cqi!important}
/* dash — IT / SaaS */
.hs-dash__in{display:flex;gap:2cqi}
.hs-side{flex:none;display:grid;align-content:start;gap:1.6cqi;width:4.6cqi;padding:1.2cqi 0;border-radius:1.4cqi;background:rgba(255,255,255,.05);justify-items:center}
.hs-side i{width:2cqi;height:2cqi;border-radius:.6cqi;background:rgba(255,255,255,.16)}
.hs-side i:first-child{background:#c8ff3e}
.hs-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2cqi;margin-top:1.6cqi}
.hs-tiles span{padding:1.4cqi 1.2cqi;border-radius:1.2cqi;background:rgba(255,255,255,.05)}
.hs-tiles span:first-child{box-shadow:inset 0 0 0 1px rgba(200,255,62,.5)}
.hs-dn{position:relative;display:grid;place-items:center;width:58%;aspect-ratio:1;margin:.4cqi auto 0}
.hs-dn svg{position:absolute;inset:0;width:100%;height:100%;rotate:-90deg}
.hs-dn__a,.hs-dn__b{fill:none;stroke-width:5;stroke-dasharray:var(--v) 100;stroke-dashoffset:calc(-1 * var(--o,0))}
.hs-dn__a{stroke:#c8ff3e;animation:hs-fade .8s ease-out backwards .9s}
.hs-dn__b{stroke:rgba(255,255,255,.55);animation:hs-fade .8s ease-out backwards 1.2s}
.hs-dn b{font:700 6cqi/1 var(--f-tight);letter-spacing:-.045em;color:#fff}
.hs-donut .hs-l{text-align:center}
.hs-term{background:linear-gradient(180deg,#141517,#0c0d0e)}
.hs-url--t{margin-bottom:1.6cqi!important}
.hs-code{display:grid;gap:1.1cqi}
.hs-code li{display:flex;gap:1cqi;transform-origin:0 50%;animation:hs-typeline 7s steps(1,end) infinite calc(var(--j) * 600ms + 1.2s)}
.hs-code li:nth-child(2),.hs-code li:nth-child(4){padding-left:3cqi}
.hs-code i{display:block;width:calc(var(--l) * 1%);height:1.5cqi;border-radius:.6cqi}
.hs-code .c1{background:#c8ff3e}.hs-code .c2{background:rgba(255,255,255,.22)}.hs-code .c3{background:#a99cff}.hs-code .c4{background:#f5c542}
.hs-done{display:flex;align-items:center;gap:1.2cqi;margin-top:2cqi!important;padding-top:1.6cqi!important;border-top:1px solid rgba(255,255,255,.08)}
.hs-done .hs-ck{flex:none;width:3cqi;height:3cqi;padding:.5cqi;border-radius:50%;background:#c8ff3e;stroke:#111110}
.hs-done .hs-n{font-size:3.8cqi}
.hs-done span{font:500 2cqi/1.2 var(--f-inter);color:#a0a097}
.hs-two{display:flex;flex-wrap:wrap;justify-content:center;gap:2cqi}
.hs-v916{position:relative;width:12cqi;aspect-ratio:9/16;border-radius:1.6cqi;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 2.4cqi 4cqi -1.6cqi rgba(0,0,0,.8)}
.hs-v916--d{background:#121315;rotate:-5deg}
.hs-v916--l{background:#f3f2ee;rotate:5deg;margin-top:2.4cqi}
.hs-v916 i{position:absolute;border-radius:50%;background:#c8ff3e}
.hs-v916 i:first-child{left:22%;top:30%;width:34%;aspect-ratio:1;animation:hs-slide 3.6s cubic-bezier(.65,0,.35,1) 1.6s infinite alternate}
.hs-v916 i:last-child{left:20%;right:20%;bottom:16%;height:5%;border-radius:1cqi;background:rgba(127,127,127,.45)}
.hs-two .hs-l{flex-basis:100%;text-align:center}
/* network — агенції */
.hs-net{position:absolute;inset:0;width:100%;height:100%}
.hs-net .hs-draw{stroke:rgba(200,255,62,.55);stroke-width:.45;stroke-dasharray:100}
.hs-pk{position:absolute;left:50cqi;top:38cqi;width:1.8cqi;height:1.8cqi;margin:-.9cqi 0 0 -.9cqi;border-radius:50%;background:#c8ff3e;box-shadow:0 0 1.6cqi #c8ff3e;
  opacity:0;animation:hs-pk 2.8s cubic-bezier(.45,0,.55,1) infinite calc(var(--j) * 700ms + 1.8s)}
.hs-hub{position:absolute;left:50cqi;top:38cqi;display:flex;align-items:baseline;justify-content:center;gap:.4cqi;width:17cqi;aspect-ratio:1;translate:-50% -50%;padding-top:5.4cqi!important;border-radius:50%;
  background:radial-gradient(circle at 35% 25%,#2e3036,#121315);box-shadow:0 0 0 .5cqi #0e0f10,0 0 0 .9cqi #c8ff3e,0 0 6cqi -1cqi rgba(200,255,62,.55);font:800 5.6cqi/1 var(--f-tight);letter-spacing:-.05em;color:#fff}
.hs-hub i{width:1.5cqi;height:1.5cqi;border-radius:.3cqi;background:#c8ff3e}
.hs-hub::after{content:"";position:absolute;inset:-.9cqi;border-radius:50%;box-shadow:0 0 0 .4cqi #c8ff3e;opacity:0;animation:hs-ring 3s cubic-bezier(.16,1,.3,1) 1.8s infinite}
.hs-node{position:absolute;left:calc(var(--x) * 1cqi);top:calc(var(--y) * 1cqi);translate:-50% -50%;display:flex;align-items:center;gap:1.2cqi;padding:2cqi 3cqi 2cqi 2.2cqi;border-radius:5cqi;
  background:linear-gradient(180deg,#2b2d32,#1a1b1e);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(255,255,255,.1),0 2.4cqi 4.6cqi -2cqi rgba(0,0,0,.85);
  font:700 3cqi/1 var(--f-tight);color:#fff;white-space:nowrap;animation:hs-pop .6s cubic-bezier(.34,1.56,.64,1) backwards calc(var(--j) * 140ms + 1.1s)}
.hs-node i{width:1.5cqi;height:1.5cqi;border-radius:50%;background:#c8ff3e;box-shadow:0 0 1.4cqi #c8ff3e}
.hs-chip--lang b{padding:.9cqi 1.3cqi;border-radius:1.2cqi;background:rgba(200,255,62,.14);box-shadow:inset 0 0 0 1px rgba(200,255,62,.6);font:700 2.2cqi/1 var(--f-tight);color:#c8ff3e}

/* ── рух сцени ── */
@keyframes hs-in{from{opacity:0;transform:translateY(5cqi) scale(.93)}}
@keyframes hs-fl{to{translate:0 -1.5cqi}}
@keyframes hs-blink{50%{opacity:.35}}
@keyframes hs-fade{from{opacity:0}}
@keyframes hs-pop{from{opacity:0;transform:scale(.4)}}
@keyframes hs-draw{from{stroke-dashoffset:100}}
@keyframes hs-ring-draw{from{stroke-dashoffset:100}}
@keyframes hs-grow{from{transform:scaleY(0)}}
@keyframes hs-prog{from{transform:scaleX(.06)}to{transform:scaleX(1)}}
@keyframes hs-ring{0%{opacity:.75;transform:scale(1)}100%{opacity:0;transform:scale(1.28)}}
@keyframes hs-slot{8%,30%{opacity:1}42%{opacity:0}}
@keyframes hs-tick{0%{transform:scale(0)}6%,86%{transform:scale(1)}94%,100%{transform:scale(0)}}
@keyframes hs-tick-o{0%,3%{opacity:0}8%,86%{opacity:1}92%,100%{opacity:0}}
@keyframes hs-tap{0%,16%,100%{transform:scale(1)}6%{transform:scale(1.3)}}
@keyframes hs-beat{0%,30%,100%{transform:scale(1)}12%{transform:scale(1.25)}}
@keyframes hs-bob{to{translate:0 -6%}}
@keyframes hs-story{from{background-position:100% 0}to{background-position:0 0}}
@keyframes hs-spin{to{rotate:1turn}}
@keyframes hs-heart{0%{opacity:0;transform:translateY(0) scale(.6)}15%{opacity:1;transform:translateY(-10%) scale(1)}100%{opacity:0;transform:translateY(-320%) scale(.9) rotate(-12deg)}}
@keyframes hs-floor{0%,4%{opacity:.15}12%,82%{opacity:1}92%,100%{opacity:.15}}
@keyframes hs-type{0%{transform:scaleX(0)}60%,90%{transform:scaleX(1)}100%{transform:scaleX(0)}}
@keyframes hs-caret{50%{opacity:0}}
@keyframes hs-typeline{0%{opacity:0}4%,88%{opacity:1}96%,100%{opacity:0}}
@keyframes hs-slide{to{translate:70% 40%}}
@keyframes hs-pk{0%{opacity:0;transform:translate(0,0)}12%{opacity:1}80%{opacity:1}100%{opacity:0;transform:translate(calc(var(--dx) * 1cqi),calc(var(--dy) * 1cqi))}}
.hs.is-off,.hs.is-off *,.hs.is-off *::before,.hs.is-off *::after{animation-play-state:paused!important}
@media (prefers-reduced-motion:reduce){
  .hs,.hs *,.hs *::before,.hs *::after{animation:none!important}
  .hs-prog i,.hs-bar i{transform:scaleX(.64)}
}

/* ═══════════ B: решта сторінки хабу ═══════════ */
/* болі — картки з іконкою (замість номерів), 4 в ряд на широкому */
.sv-when.au-pain{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1099.98px){.sv-when.au-pain{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:599.98px){.sv-when.au-pain{grid-template-columns:minmax(0,1fr)}}
.au-pain .sv-card{gap:18px;padding:22px 22px 24px}
.au-pain .sv-card p{font-size:clamp(17px,1.35vw,19px);line-height:1.32}
.au-ic{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:color-mix(in srgb,var(--ink-strong) 5%,transparent);box-shadow:inset 0 0 0 1px var(--card-line)}
.au-ic svg{width:24px;height:24px;fill:none;stroke:var(--accent-text);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:599.98px){.au-pain .sv-card{flex-direction:row;align-items:flex-start;gap:14px;padding:18px}.au-ic{flex:none;width:44px;height:44px}}

/* «що робимо» — картка з міні-графікою послуги зверху */
.au-do .sv-card{padding:0 0 18px;gap:0}
.au-do .sv-card>h3,.au-do .sv-card>p,.au-do .sv-card>.pg-more{margin-left:22px;margin-right:22px}
.au-do .sv-card>h3{margin-top:18px;padding-left:0}
.au-do .sv-card>h3::before{display:none}
.au-do .sv-card>p{margin-top:8px}
.au-do .sv-card>.pg-more{margin-top:auto;padding-top:12px}
.au-mv{--mv-bg:#0e0f10;position:relative;display:flex;align-items:center;justify-content:center;height:112px;margin:6px 6px 0;border-radius:17px;overflow:hidden;
  background:radial-gradient(ellipse 60% 80% at 50% 120%,rgba(200,255,62,.18),transparent 70%),radial-gradient(circle,rgba(255,255,255,.06) 1px,transparent 1.3px) 0 0/14px 14px,var(--mv-bg);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.au-mv *{box-sizing:border-box}
.au-mv i{font-style:normal}
.au-mv .hs-play{width:30px;margin:-15px 0 0 -15px}
.au-mv__bars{display:flex;align-items:flex-end;gap:6px;height:64px}
.au-mv__bars i{width:12px;height:calc(var(--h) * 1%);border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,#c8ff3e,rgba(200,255,62,.2));transform-origin:50% 100%;transition:transform .5s cubic-bezier(.16,1,.3,1) calc(var(--j) * 40ms)}
.au-mv--youtube .hs-play{left:auto;right:16%;top:28%}
.au-mv__ph{display:flex;align-items:center}
.au-mv__ph i{width:38px;aspect-ratio:9/16;border-radius:7px;background:linear-gradient(160deg,#3a3d44,#18191c);box-shadow:0 0 0 1px rgba(255,255,255,.14),0 10px 20px -8px rgba(0,0,0,.8);transition:transform .5s cubic-bezier(.16,1,.3,1)}
.au-mv__ph i:nth-child(1){rotate:-10deg;translate:8px 4px}
.au-mv__ph i:nth-child(2){position:relative;z-index:1;width:44px;background:radial-gradient(ellipse 80% 50% at 50% 100%,rgba(200,255,62,.55),transparent 70%),linear-gradient(160deg,#41454c,#1b1c20)}
.au-mv__ph i:nth-child(3){rotate:10deg;translate:-8px 4px}
.au-mv__web{width:58%;max-width:190px;padding:7px;border-radius:9px;background:#1d1e22;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 12px 24px -10px rgba(0,0,0,.8)}
.au-mv__url{display:flex;gap:4px;margin-bottom:6px}
.au-mv__url i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.2)}
.au-mv__hero{display:block;height:30px;border-radius:5px;background:radial-gradient(ellipse 60% 90% at 80% 60%,rgba(200,255,62,.55),transparent 70%),linear-gradient(135deg,#3a3d44,#141517)}
.au-mv__ln{display:grid;gap:5px;margin-top:7px}
.au-mv__ln i{display:block;height:5px;width:78%;border-radius:4px;background:rgba(255,255,255,.14)}
.au-mv__ln i+i{width:52%}
.au-mv__br{display:flex;align-items:center;gap:16px}
.au-mv__br b{font:700 44px/1 var(--f-tight);letter-spacing:-.05em;color:#fff}
.au-mv__br span{display:flex}
.au-mv__br span i{width:26px;height:26px;border-radius:50%;box-shadow:0 0 0 3px var(--mv-bg)}
.au-mv__br span i:nth-child(1){background:#c8ff3e}.au-mv__br span i:nth-child(2){background:#f3f2ee;margin-left:-6px}.au-mv__br span i:nth-child(3){background:#3a3d44;margin-left:-6px}
.au-mv__grid{display:grid;grid-template-columns:repeat(3,28px);gap:5px}
.au-mv__grid i{aspect-ratio:1;border-radius:6px;background:linear-gradient(160deg,#3a3d44,#1b1c20)}
.au-mv__grid i:nth-child(2),.au-mv__grid i:nth-child(6){background:radial-gradient(ellipse 80% 60% at 50% 110%,rgba(200,255,62,.6),transparent 70%),linear-gradient(160deg,#41454c,#1b1c20)}
.au-mv__heart{position:absolute;right:24%;top:22%;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#c8ff3e}
.au-mv__heart svg{width:15px;height:15px;fill:#111110}
.au-mv__film{position:relative}
.au-mv__frame{position:relative;display:block;width:120px;aspect-ratio:16/9;border-radius:9px;background:radial-gradient(ellipse 70% 90% at 30% 110%,rgba(200,255,62,.35),transparent 62%),linear-gradient(135deg,#3a3d44,#141517);box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.au-mv__spark{position:absolute;right:-14px;top:-12px;width:28px;height:28px;fill:#c8ff3e;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.au-mv__curve,.au-mv__link{width:62%;max-width:200px;height:auto}
.au-mv__curve path,.au-mv__link path{fill:none;stroke:#c8ff3e;stroke-width:2.2;stroke-linecap:round}
.au-mv__curve rect{fill:#111110;stroke:#c8ff3e;stroke-width:2;transform-box:fill-box;transform-origin:center;rotate:45deg}
.au-mv__link circle{fill:#1d1e22;stroke:rgba(255,255,255,.3);stroke-width:2}
.au-mv__link .au-mv__pk{fill:#c8ff3e;stroke:none}
.au-mv__doc{display:flex;align-items:flex-end;gap:14px;padding:10px 12px;border-radius:9px;background:#1d1e22;box-shadow:0 0 0 1px rgba(255,255,255,.1)}
.au-mv__doc .au-mv__ln{width:64px;margin:0 0 6px}
.au-mv__bars--s{height:46px;gap:5px}
.au-mv__bars--s i{width:9px}
@media (hover:hover) and (pointer:fine){
  .au-do .sv-card{transition:translate .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1)}
  .au-do .sv-card:hover{translate:0 -3px;box-shadow:var(--hair),0 0 0 1px rgba(200,255,62,.35),0 18px 36px -24px rgba(0,0,0,.6)}
  .au-do .sv-card:hover .au-mv__bars i{transform:scaleY(1.12)}
  .au-do .sv-card:hover .au-mv__ph i:nth-child(1){transform:translateX(-6px) rotate(-4deg)}
  .au-do .sv-card:hover .au-mv__ph i:nth-child(3){transform:translateX(6px) rotate(4deg)}
  .au-do .sv-card:hover .au-mv__spark{transform:rotate(90deg) scale(1.15)}
}

/* кейси — сітка під кількість */
@media (min-width:992px){.pg-lcards.au-cs--3{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ціни «від» — svc-hover 25.10: картки замінено спільним компонентом рядків послуг (.pg-line* у pages.css), власних правил тут нема */

/* міст на акцію $50 — текст + міні-копія сцени бонусу */
.au-promo.au-promo--v2{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-template-areas:"t st" "pr st" "b st";align-items:center;gap:14px clamp(24px,4vw,56px);padding:clamp(24px,3vw,44px)}
.au-promo--v2 .au-promo__t{grid-area:t;align-self:end}
.au-promo--v2 .au-promo__pr{grid-area:pr}
.au-promo--v2 .au-promo__btn{grid-area:b;justify-self:start;align-self:start}
.au-promo__st{grid-area:st;position:relative;min-width:0}
.au-promo__st[data-defer]{aspect-ratio:100/86}
@media (max-width:899.98px){
  .au-promo.au-promo--v2{grid-template-columns:minmax(0,1fr);grid-template-areas:"t" "st" "pr" "b"}
  .au-promo__st{width:100%;max-width:520px;justify-self:center}
}
@media (max-width:607.98px){.au-promo__st[data-defer]{aspect-ratio:100/106}.au-promo--v2 .au-promo__btn{justify-self:stretch}}
@media (max-width:599.98px){.au-mv{height:92px}.au-do .sv-card>h3{margin-top:14px}}