/* Figma 003 only. Existing section layout, modal and admin styles stay intact. */
body.tce-page > :is(.tce-header, main, .tce-sticky) {
  --tce-accent: #1769e0;
  --tce-accent-dark: #1053b8;
  --tce-accent-soft: #edf5ff;
  --tce-accent-border: #c8ddfb;
  --tce-gold: #69adff;
  --tce-type-display-tracking: 0;
  --tce-type-section-tracking: 0;
  --tce-type-title-tracking: 0;
  --tce-type-body-tracking: 0;
  --tce-type-small-tracking: 0;
  --tce-type-label-tracking: 0;
  --tce-type-caption-tracking: 0;
  --tce-type-numeric-tracking: 0;
  letter-spacing: 0;
}

/* 01: use the existing transparent logo at its natural aspect ratio. */
.tce-header .tce-brand img {
  display: block;
  aspect-ratio: 2023 / 672;
  object-fit: contain;
  background: transparent;
}
.tce-hero .tce-eyebrow { color: #bfddff; }
@media (min-width: 681px) {
  .tce-hero__campaign::after {
    background:
      linear-gradient(180deg, rgb(7 9 13 / 52%) 0%, transparent 18%),
      radial-gradient(circle at 72% 52%, rgb(23 105 224 / 15%), transparent 46%),
      linear-gradient(90deg, rgb(7 9 13 / 12%) 0%, rgb(7 9 13 / 60%) 46%, rgb(7 9 13 / 86%) 100%);
  }
}
.tce-hero .tce-button--primary,
.tce-story__steps .tce-button,
.tce-sticky .tce-sticky__participate {
  background: var(--tce-accent);
  border-color: var(--tce-accent);
  color: #fff;
}
.tce-hero .tce-button--primary:hover:not(:disabled),
.tce-story__steps .tce-button:hover:not(:disabled),
.tce-sticky .tce-sticky__participate:hover:not(:disabled) {
  background: var(--tce-accent-dark);
  border-color: var(--tce-accent-dark);
  color: #fff;
  box-shadow: 0 10px 22px rgb(23 105 224 / 20%);
}
body.tce-page > :is(.tce-header, main, .tce-sticky) :is(a, button, summary):focus-visible {
  outline-color: rgb(23 105 224 / 55%);
}

/* 02: pale blue overview cards. */
.tce-overview__card { background: #edf5ff; border-color: #d9e8fb; }
.tce-overview__card .tce-benefit-icon { box-shadow: 0 8px 20px rgb(23 105 224 / 10%); }

/* 04 and 06: blue borders retain the existing hover movement and geometry. */
.tce-gift-card:hover .tce-gift-card__visual,
.tce-gift-card:focus-within .tce-gift-card__visual,
.tce-channel-strip li:hover,
.tce-channel-strip li:focus-visible {
  border-color: var(--tce-accent);
}

/* 05: section subtitles, previously 17px, are 20px on all viewports. */
main .tce-section-heading > p:last-child {
  font-size: 20px;
}

/* 07: selected FAQ border. Exclusive opening is handled in review-003.js. */
.tce-accordion details[open] { border-color: var(--tce-accent); }

/* 08: pre-participation notice text. */
main .tce-notice ul { font-size: 17px; }

/* 01 and 03 follow-up: increase tracking on these two titles only. */
.tce-hero h1,
.tce-proof__header h2 {
  letter-spacing: 0.05em;
}