/* Published neuro-subscription banner, adapted without the Tilda runtime. */
:root { --zc-promo-height: calc(100vw * 67 / 1200); }
html { scroll-padding-top: calc(var(--zc-promo-height) + 16px); }
html body { padding-top: var(--zc-promo-height) !important; }
.zc-promo {
  --u: calc(100vw / 1200);
  position: fixed;
  z-index: 990;
  inset: 0 0 auto;
  height: var(--zc-promo-height);
  overflow: hidden;
  background: #0b102b;
  color: #f0eaf7;
  font-family: Onest, Arial, sans-serif;
  box-shadow: 0 6px 24px rgba(9, 12, 37, .1);
}
.zc-promo *, .zc-promo *::before, .zc-promo *::after { box-sizing: border-box; }
.zc-promo__art {
  position: absolute;
  top: calc(var(--u) * -3);
  left: calc(var(--u) * 1019);
  width: calc(var(--u) * 181);
  height: calc(var(--u) * 70);
  background: url('assets/promo-11-11/percent.png') no-repeat 0 46.531% / 118.4% auto;
  pointer-events: none;
}
.zc-promo__copy { position: absolute; top: calc(var(--u) * 8); left: calc(var(--u) * 20); }
.zc-promo__title {
  display: block;
  width: max-content;
  margin: 0;
  font-size: calc(var(--u) * 24);
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: calc(var(--u) * -.8);
  white-space: nowrap;
  background: linear-gradient(.306turn, #ffd456 0%, #fee485 42%, #ffc22f 76%, #fedc70 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.zc-promo__details {
  display: flex;
  gap: calc(var(--u) * 7);
  margin: calc(var(--u) * 3) 0 0;
  font-size: calc(var(--u) * 13);
  font-weight: 500;
  line-height: 1.45;
}
.zc-promo__part { display: flex; align-items: center; gap: calc(var(--u) * 5); white-space: nowrap; }
.zc-promo__pill {
  display: inline-block;
  padding: 0 calc(var(--u) * 5);
  border-radius: calc(var(--u) * 30);
  background: linear-gradient(.358turn, #5464d7 0%, #eb89ff 100%);
}
.zc-promo__pill--gift { background: linear-gradient(.135turn, #5464d7 0%, #eb89ff 100%); }
.zc-promo__cta {
  position: absolute;
  top: calc(var(--u) * 10);
  left: calc(var(--u) * 872);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(var(--u) * 17);
  width: calc(var(--u) * 202);
  height: calc(var(--u) * 44);
  padding: calc(var(--u) * 8) calc(var(--u) * 13);
  border: calc(var(--u) * 1) solid #fff;
  border-radius: calc(var(--u) * 8);
  color: #34203f;
  background: linear-gradient(.306turn, #ffd456 0%, #fee485 42%, #ffc22f 76%, #fedc70 100%);
  font-size: calc(var(--u) * 13);
  line-height: 1.2;
  font-weight: 700;
  white-space: nowrap;
  text-decoration: none;
  transition: filter .2s ease;
}
.zc-promo__cta img { display: block; flex: none; width: calc(var(--u) * 26); height: calc(var(--u) * 26); }
.zc-promo__cta:hover { filter: brightness(1.06); }
.zc-promo__cta:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
@media (min-width: 900px) and (max-width: 1199px) {
  :root { --zc-promo-height: calc(100vw * 68 / 900); }
  .zc-promo { --u: calc(100vw / 900); }
  .zc-promo__copy { left: calc(var(--u) * 10); }
  .zc-promo__details { font-size: calc(var(--u) * 14); }
  .zc-promo__art { top: calc(var(--u) * -2); left: calc(var(--u) * 717); }
  .zc-promo__cta { top: calc(var(--u) * 11); left: calc(var(--u) * 560); width: calc(var(--u) * 212); font-size: calc(var(--u) * 14); }
}
@media (min-width: 640px) and (max-width: 899px) {
  :root { --zc-promo-height: calc(100vw * 63 / 640); }
  .zc-promo { --u: calc(100vw / 640); }
  .zc-promo__copy { top: calc(var(--u) * 6); left: calc(var(--u) * 10); }
  .zc-promo__details { font-size: calc(var(--u) * 12); }
  .zc-promo__art { top: calc(var(--u) * -4); left: calc(var(--u) * 274); height: calc(var(--u) * 67); background-position: 0 50.005%; background-size: 100% auto; }
  .zc-promo__cta { top: calc(var(--u) * 6); left: calc(var(--u) * 423); }
}
@media (max-width: 639px) {
  :root { --zc-promo-height: calc(100vw * 121 / 320); }
  .zc-promo { --u: calc(100vw / 320); }
  .zc-promo__copy { top: calc(var(--u) * 10); left: calc(var(--u) * 10); }
  .zc-promo__title { font-size: calc(var(--u) * 19); }
  .zc-promo__details { flex-direction: column; gap: calc(var(--u) * 2); font-size: calc(var(--u) * 12); }
  .zc-promo__art { top: calc(var(--u) * 33); left: calc(var(--u) * 123); width: calc(var(--u) * 322); height: calc(var(--u) * 87); background-position: 0 50.005%; background-size: 100% auto; }
  .zc-promo__cta { top: calc(var(--u) * 77); left: calc(var(--u) * 10); width: calc(var(--u) * 172); height: calc(var(--u) * 34); padding: calc(var(--u) * 6); font-size: calc(var(--u) * 12); }
  .zc-promo__cta img { width: calc(var(--u) * 20); height: calc(var(--u) * 20); }
}
/* Keep the reference's mobile composition complete at intermediate widths. */
@media (min-width: 480px) and (max-width: 639px) {
  :root { --zc-promo-height: 151.25px; }
  .zc-promo { --u: 1.25px; }
  .zc-promo__art { left: auto; right: -100px; }
}
@media (prefers-reduced-motion: reduce) { .zc-promo__cta { transition: none; } }

/* Preserve the reference typography independently of the host page. */
.zc-promo { font-size: 16px; font-weight: 400; line-height: normal; letter-spacing: normal; text-transform: none; }