:root {
  --xtor-offer-gold: #ffc57a;
  --xtor-offer-ink: #110c07;
}

.launch-offer-v365 {
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(260px, .82fr);
  gap: clamp(22px, 4vw, 58px);
  align-items: center;
  margin: 0 clamp(20px, 5vw, 76px) 46px;
  border: 1px solid rgba(255, 197, 122, .48);
  border-radius: 10px;
  padding: clamp(24px, 4vw, 42px);
  background:
    radial-gradient(circle at 12% 8%, rgba(255, 185, 92, .18), transparent 34%),
    radial-gradient(circle at 86% 100%, rgba(65, 207, 255, .12), transparent 36%),
    linear-gradient(115deg, #181109, #07131f 66%, #0b1929);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 24px 50px rgba(0, 0, 0, .28);
}

.launch-offer-v365__price > p {
  margin: 0 0 9px;
  color: var(--xtor-offer-gold);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .18em;
}

.launch-offer-v365 h2 {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 9px;
  margin: 0;
  color: #f4faff;
  font-size: clamp(24px, 3.4vw, 42px);
  letter-spacing: -.065em;
  line-height: 1;
}

.launch-offer-v365 h2 s {
  color: #94a5b8;
  font-size: .55em;
  font-weight: 700;
  letter-spacing: -.03em;
}

.launch-offer-v365 h2 strong {
  color: var(--xtor-offer-gold);
  text-shadow: 0 0 30px rgba(255, 191, 107, .2);
}

.launch-offer-v365__price > span {
  display: block;
  max-width: 420px;
  margin-top: 13px;
  color: #bcc9d7;
  font-size: 13px;
  line-height: 1.5;
}

.launch-offer-v365__action {
  min-width: 0;
  border-left: 1px solid rgba(255, 220, 174, .2);
  padding-left: clamp(22px, 3vw, 42px);
}

.launch-offer-v365__action > p {
  max-width: 300px;
  margin: 0 0 13px;
  color: #d4dfeb;
  font-size: 13px;
  line-height: 1.48;
}

.launch-offer-v365__button {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 48px;
  border-radius: 6px;
  padding: 13px 17px;
  background: linear-gradient(112deg, #ffc16d, #ffe1b3);
  color: var(--xtor-offer-ink);
  font-size: 13px;
  font-weight: 950;
  letter-spacing: .01em;
  text-decoration: none;
  box-shadow: 0 12px 30px rgba(255, 166, 69, .2);
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.launch-offer-v365__button:hover,
.launch-offer-v365__button:focus-visible {
  filter: brightness(1.06);
  box-shadow: 0 17px 38px rgba(255, 166, 69, .32);
  outline: none;
  transform: translateY(-2px);
}

.launch-offer-v365__button b { font-size: 19px; line-height: 1; }

.launch-offer-v365__action > small {
  display: block;
  max-width: 350px;
  margin-top: 11px;
  color: #93a5b9;
  font-size: 9px;
  line-height: 1.45;
}

.topbar__tv {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  border: 1px solid rgba(117, 234, 255, .54);
  border-radius: 999px;
  padding: 0 14px;
  background: linear-gradient(180deg, rgba(26, 107, 140, .42), rgba(2, 18, 34, .94));
  color: #edfaff;
  font-family: var(--xtor-wordmark-font, Arial, sans-serif);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .04em;
  text-shadow: 0 1px 0 #084560, 0 0 8px rgba(77, 220, 255, .35);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.topbar__tv:hover,
.topbar__tv:focus-visible {
  border-color: #c9f8ff;
  box-shadow: 0 0 18px rgba(77, 220, 255, .25);
  outline: none;
  transform: translateY(-2px);
}

.tv-cast-dialog {
  width: min(520px, calc(100vw - 32px));
  border: 1px solid rgba(136, 232, 255, .45);
  border-radius: 12px;
  padding: clamp(25px, 4vw, 37px);
  background:
    radial-gradient(circle at 88% 5%, rgba(62, 206, 255, .17), transparent 28%),
    linear-gradient(140deg, #0f2435, #050b14 68%);
  color: #eff9ff;
  box-shadow: 0 28px 90px rgba(0, 0, 0, .62);
}

.tv-cast-dialog::backdrop { background: rgba(1, 5, 12, .78); backdrop-filter: blur(4px); }
.tv-cast-dialog > p { margin: 0 0 9px; color: #8deaff; font-size: 10px; font-weight: 950; letter-spacing: .17em; }
.tv-cast-dialog h2 { max-width: 400px; margin: 0; color: #f5fbff; font-size: clamp(28px, 5vw, 40px); letter-spacing: -.065em; line-height: .98; }
.tv-cast-dialog > span { display: block; max-width: 430px; margin-top: 13px; color: #bdcbda; font-size: 13px; line-height: 1.52; }
.tv-cast-dialog ol { display: grid; gap: 11px; margin: 22px 0 23px; padding-left: 21px; color: #c4d2e1; font-size: 12px; line-height: 1.5; }
.tv-cast-dialog li::marker { color: #83e4ff; font-weight: 900; }
.tv-cast-dialog li b { color: #f2f9ff; }
.tv-cast-dialog li em { color: #ffd094; font-style: normal; }
.tv-cast-dialog__close { position: absolute; top: 13px; right: 14px; width: 35px; height: 35px; border: 1px solid rgba(173, 237, 255, .28); border-radius: 50%; background: rgba(255, 255, 255, .04); color: #d8f6ff; font-size: 23px; line-height: 1; }
.tv-cast-dialog__primary { display: inline-flex; align-items: center; gap: 11px; min-height: 45px; border-radius: 6px; padding: 12px 15px; background: linear-gradient(112deg, #e7faff, #88e4ff); color: #04111d; font-size: 12px; font-weight: 950; text-decoration: none; }
.tv-cast-dialog__primary b { font-size: 16px; }
.tv-cast-dialog__secondary { display: block; margin-top: 15px; padding: 2px 0; background: none; color: #9eb2c7; font-size: 12px; text-decoration: underline; text-underline-offset: 3px; }

/* A visible, concise H1 keeps the public catalogue understandable to people
   and crawlers without changing the featured-film heading beneath it. */
.hero__seo-title {
  max-width: min(560px, 58vw);
  margin: 12px 0 2px;
  color: #e5f8ff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: clamp(15px, 1.7vw, 22px);
  font-weight: 900;
  letter-spacing: -.035em;
  line-height: 1.08;
  text-shadow: 0 3px 10px rgba(0, 0, 0, .68);
}

@media (max-width: 720px) {
  .launch-offer-v365 { grid-template-columns: 1fr; gap: 22px; margin-bottom: 32px; }
  .launch-offer-v365__action { border-top: 1px solid rgba(255, 220, 174, .2); border-left: 0; padding: 20px 0 0; }
  .launch-offer-v365__button { width: 100%; }
  .topbar__tv { width: 34px; min-width: 34px; min-height: 34px; padding: 0; }
  .topbar__tv span { display: none; }
  .hero__seo-title { max-width: calc(100% - 84px); font-size: 16px; }
}

@media (prefers-reduced-motion: reduce) {
  .launch-offer-v365__button, .topbar__tv { transition: none; }
}