/* Final Innovate navy theme. */
.blue-version {
  --ink: #ffffff;
  --muted: #bdc9df;
  --paper: #122247;
  --line: #344564;
  --accent: #def393;
  --panel: #1a2f54;
  --deep: #0d1b38;
  background: var(--paper);
  color: var(--ink);
}

.blue-version .logo img {
  filter: brightness(0) invert(1);
}

.blue-version .navlinks a:hover,
.blue-version .hero h1 em,
.blue-version .eyebrow,
.blue-version .program-section .sectionhead .eyebrow,
.blue-version .fact strong,
.blue-version .steps span,
.blue-version .offer-window,
.blue-version .pass-card .offer-window {
  color: var(--accent);
}

.blue-version .btn,
.blue-version .btn.lime {
  color: #122247;
  background: var(--accent);
  border-color: var(--accent);
}

.blue-version .btn:hover,
.blue-version .btn.lime:hover {
  color: #122247;
  background: #ecfac1;
  border-color: #ecfac1;
}

.blue-version .pass-cta .btn {
  gap: 8px;
}

.blue-version .pass-chevron {
  width: 12px;
  height: 12px;
  flex: 0 0 12px;
}

.blue-version .btn.ghost {
  color: #ffffff;
  background: transparent;
  border-color: #8193b3;
}

.blue-version .btn.ghost:hover {
  color: #122247;
  background: #ffffff;
  border-color: #ffffff;
}

.blue-version a:focus-visible,
.blue-version summary:focus-visible,
.blue-version button:focus-visible,
.blue-version .pass-cta button.btn:focus-visible,
.blue-version .speaker-track:focus-visible,
.blue-version .brand-viewport:focus-visible {
  outline-color: var(--accent);
}

.blue-version .first-time {
  border-left-color: var(--accent);
}

.blue-version .track {
  border-top-color: #8195ba;
}

.blue-version .topic-tag {
  color: #e5edff;
  background: #294269;
}

.blue-version .lineup-card,
.blue-version .lineup-card-confirmed,
.blue-version .program-experience,
.blue-version .program-formats,
.blue-version .program-stage {
  background: var(--panel);
  border-color: var(--line);
}

.blue-version .lineup-number {
  color: #9baecf;
}

.blue-version .program-experience .format-grid > div + div,
.blue-version .format-grid > div + div,
.blue-version .steps {
  border-color: var(--line);
}

.blue-version .room {
  color: #ffffff;
  background: var(--deep);
  border-block: 1px solid #263c61;
}

.blue-version .room .body {
  color: #c9d4e8;
}

.blue-version .room .fine {
  color: var(--muted);
}

.blue-version .speaker-portrait {
  background: #263a5e;
}

.blue-version .carousel-arrow {
  border-color: #697e9f;
  width: auto;
  min-width: 64px;
  height: 36px;
  padding: 0 12px;
  border-radius: 3px;
  font-size: 11px;
}

.blue-version .carousel-arrow:hover:not(:disabled),
.blue-version .carousel-toggle:hover {
  color: #ffffff;
  background: #294269;
}

/* Soft monochrome marks sit directly on navy instead of separate white tiles. */
.blue-version .brand-viewport {
  background: var(--paper);
}

.blue-version .brand-motion {
  mix-blend-mode: normal;
}

.blue-version .brand-rows {
  gap: 16px;
}

.blue-version .brand-set {
  gap: 42px;
  padding-right: 42px;
}

.blue-version .brand-set li {
  flex-basis: 164px;
  width: 164px;
  height: 76px;
  background: var(--paper);
  isolation: isolate;
}

.blue-version .brand-set img {
  width: 132px;
  height: 64px;
  filter: grayscale(1) contrast(1.3) invert(1);
  opacity: .68;
  mix-blend-mode: screen;
  transition: opacity .2s ease;
}

.blue-version .brand-set li:hover img {
  opacity: .9;
}

/* Reverse marks already have light lettering; blend their dark backing away. */
.blue-version .brand-set img[src$="/away.png"],
.blue-version .brand-set img[src$="/fungiments.jpg"],
.blue-version .brand-set img[src$="/zivvi.png"] {
  filter: grayscale(1) contrast(1.3);
}

.blue-version .brand-set img[src$="/away.png"] {
  clip-path: inset(17% 21%);
}

.blue-version .brand-set img[src$="/fungiments.jpg"] {
  clip-path: ellipse(19% 39% at 50% 50%);
}

.blue-version .brand-set img[src$="/finnsul.png"] {
  filter: grayscale(1) brightness(2.6) contrast(1.3);
}

.blue-version .brand-showcase.is-moving .brand-motion {
  animation-duration: 150s;
}

.blue-version .brand-showcase.is-moving .brand-viewport:nth-child(2) .brand-motion {
  animation-duration: 170s;
}

.blue-version .brand-showcase.is-moving .brand-viewport:nth-child(3) .brand-motion {
  animation-duration: 160s;
}

@media (max-width: 640px) {
  .blue-version .speaker-controls > div {
    max-width: 100%;
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  .blue-version .brand-set {
    gap: 28px;
    padding-right: 28px;
  }

  .blue-version .brand-set li {
    flex-basis: 132px;
    width: 132px;
    height: 64px;
  }

  .blue-version .brand-set img {
    width: 116px;
    height: 56px;
  }
}

.blue-version .pass-card {
  background: var(--panel);
  border-color: #425778;
}

.blue-version .pass-main {
  background: #203b61;
  border-color: #8ba3c8;
}

.blue-version .badge {
  color: #e3ecff;
  border-color: #667d9f;
}

.blue-version .pass-main .badge {
  color: var(--accent);
  border-color: #879b68;
}

.blue-version .passes li {
  border-color: #425778;
}

.blue-version .passes li::before {
  color: var(--accent);
}

.blue-version .passes p,
.blue-version .pass-price span,
.blue-version .brand-price s {
  color: #c1cde2;
}

.blue-version .brand-price,
.blue-version .pass-card .brand-price,
.blue-version .pass-price,
.blue-version .pass-price strong {
  color: #ffffff;
}

.blue-version .final {
  color: #ffffff;
  background: #1d3763;
  border-block: 1px solid #405b84;
}

.blue-version .final h2 em {
  color: var(--accent);
}

.blue-version .review b {
  color: #ffffff;
}