/* CINEPOA: a clear route to reselling and a dedicated app activation offer. */
.reseller-page .desktop-nav {
  gap: clamp(10px, 1.3vw, 20px);
  font-size: 13px;
}
.client-page .header-reseller-link {
  display: inline-flex;
  flex-shrink: 0;
  min-height: 48px;
  gap: 14px;
  padding: 12px 19px;
  border-color: #ff78886b;
  box-shadow: 0 6px 28px #d61f3e38, inset 0 1px 0 #ffffff16;
  font-size: 13px;
}
.header-reseller-copy { line-height: 1.3; }
.header-reseller-copy strong { font-weight: 800; }
.header-reseller-arrow { font-size: 22px; line-height: 1; }
.client-page .header-reseller-link:focus-visible {
  box-shadow: 0 0 0 5px #08090c;
}
.mobile-nav .mobile-reseller-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 12px;
  padding: 14px 16px;
  border: 1px solid #ff78886b;
  border-radius: 6px;
  background: var(--action-red);
  color: #fff;
  font-weight: 700;
}
.mobile-nav .mobile-reseller-link:hover { background: var(--action-red-hover); }

.activation-section {
  position: relative;
  background: radial-gradient(ellipse at 86% 18%, #b6203930, transparent 62%), #111015;
  border-block: 1px solid #ffffff15;
}
.activation-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  gap: 70px;
  align-items: center;
}
.activation-copy, .activation-directory { min-width: 0; }
.activation-copy > .eyebrow { color: #f2a8b8; }
.activation-copy h2 { font-size: clamp(48px, 4.4vw, 66px); margin-bottom: 24px; }
.activation-copy > p:not(.eyebrow) {
  max-width: 550px;
  color: #c9c0cc;
  font-size: 16px;
  line-height: 1.85;
}
.activation-benefits { display: grid; gap: 18px; list-style: none; padding: 0; margin: 28px 0 32px; }
.activation-benefits li { position: relative; padding-left: 24px; }
.activation-benefits li::before { content: ''; position: absolute; top: 9px; left: 0; width: 7px; height: 7px; border-radius: 50%; background: #ff637d; box-shadow: 0 0 16px #ff30494d; }
.activation-benefits strong { display: block; font-size: 15px; font-weight: 600; color: #fff; margin-bottom: 3px; }
.activation-benefits span { display: block; color: #bcb0c1; font-size: 14px; line-height: 1.75; }
.activation-directory {
  position: relative;
  padding: 34px;
  border: 1px solid #eb708448;
  border-radius: 12px;
  background: linear-gradient(135deg, #21151f, #101117 78%);
  box-shadow: 0 24px 65px #0004;
}
.activation-directory > .eyebrow { color: #f0a2b5; font-size: 11px; letter-spacing: 1.6px; margin-bottom: 12px; }
.activation-directory > h3 { font-size: 25px; letter-spacing: -.5px; line-height: 1.25; margin: 0 0 28px; }
.activation-apps {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 0;
  margin: 0;
  list-style: none;
}
.activation-apps li {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 76px;
  padding: 12px;
  background: #ffffff04;
  border: 1px solid #ffffff15;
  border-radius: 7px;
}
.activation-app-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 33px;
  height: 33px;
  background: #a5253933;
  border: 1px solid #ff788834;
  border-radius: 6px;
  color: #ffabc0;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .4px;
}
.activation-apps strong { font-size: 13px; font-weight: 600; line-height: 1.5; overflow-wrap: anywhere; }
.activation-note { margin: 24px 0 0; color: #b5a8b9; font-size: 13px; line-height: 1.8; }
.activation-discovery { margin: 26px 0 0; font-size: 14px; line-height: 1.7; color: #c8b8c9; }
.activation-discovery a { color: #ffadbf; text-decoration: underline; text-underline-offset: 4px; }

@media (min-width: 721px) and (max-width: 960px) {
  html.client-page { --sticky-header-offset: 128px; }
  .client-page .header-inner {
    height: 112px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: 48px 44px;
    gap: 4px 18px;
    padding-block: 8px;
  }
  .client-page .brand { grid-column: 1; grid-row: 1; }
  .client-page .header-reseller-link { grid-column: 2; grid-row: 1; justify-self: end; }
  .client-page .desktop-nav { grid-column: 1 / -1; grid-row: 2; justify-content: center; }
}
@media (max-width: 1000px) {
  .activation-layout { gap: 36px; }
  .activation-directory { padding: 25px; }
  .activation-apps { grid-template-columns: 1fr; gap: 8px; }
  .activation-apps li { min-height: 55px; padding-block: 9px; }
}
@media (max-width: 720px) {
  .client-page .header-inner { display: grid; grid-template-columns: max-content minmax(0, 1fr) 44px; width: calc(100% - 32px); height: 76px; padding-block: 0; gap: 8px; }
  .client-page .brand { font-size: 22px; letter-spacing: -1px; }
  .client-page .brand-symbol { font-size: 17px; margin-right: 7px; }
  .client-page .header-reseller-link { min-width: 0; width: 100%; max-width: 128px; min-height: 46px; justify-self: end; gap: 6px; padding: 7px 8px; margin-left: 0; text-align: left; }
  .client-page .menu-toggle { margin-left: 0; }
  .header-action-verb { display: none; }
  .header-action-area { display: block; font-size: 10px; font-weight: 500; text-transform: uppercase; letter-spacing: .5px; }
  .header-reseller-copy strong { display: block; font-size: 13px; }
  .header-reseller-arrow { font-size: 14px; }
  .activation-layout { grid-template-columns: 1fr; gap: 34px; }
  .activation-copy h2 { font-size: clamp(43px, 10.3vw, 64px); }
  .activation-copy > .button { width: 100%; font-size: 13px; }
  .activation-directory { padding: 25px; }
  .activation-apps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .activation-apps li { min-height: 78px; flex-direction: column; align-items: flex-start; gap: 9px; padding: 13px; }
  .activation-app-mark { flex-basis: auto; width: 33px; }
}
@media (max-width: 370px) {
  .client-page .brand { font-size: 20px; }
  .client-page .header-reseller-link { gap: 6px; padding-inline: 8px; }
  .activation-directory { padding: 22px 18px; }
  .activation-apps { gap: 8px; }
  .activation-apps li { padding: 11px; }
  .activation-apps strong { font-size: 12px; }
}