/* PC TOP follows the observed reference's media scale and alternating copy positions. */
body[data-page="top"] {
  background: #050907;
  color: #f5f6f4;
}
body[data-page="top"] .preview-bar {
  position: fixed;
  inset: 0 0 auto;
  z-index: 31;
  height: 22px;
  padding: 3px 3%;
  background: #060c0be8;
  color: #a4afa9;
  border-color: #ffffff13;
  font-size: 8px;
}
body[data-page="top"] .site-header {
  position: fixed;
  top: 22px;
  left: 0;
  right: 0;
  z-index: 30;
  max-width: none;
  padding: 22px 3%;
  background: linear-gradient(#050907bd, #05090700);
  border: 0;
  color: #fff;
  backdrop-filter: none;
}
body[data-page="top"] .brand {
  color: #fff;
  font-weight: 600;
  letter-spacing: -0.04em;
}
body[data-page="top"] .brand > span {
  font-weight: 400;
}
body[data-page="top"] .brand > small {
  color: #c0cac4;
}
body[data-page="top"] .desktop-nav a,
body[data-page="top"] .support-link,
body[data-page="top"] .mode-control {
  color: #e1e8e3;
}
body[data-page="top"] .support-link {
  border-color: #ffffff60;
}
body[data-page="top"] .mode-control select {
  color: #e1e8e3;
}
body[data-page="top"] .mode-control option {
  color: #17231d;
}
.page.home-seven {
  max-width: none;
  padding: 0;
}
.pitch-panel {
  position: relative;
  height: 100svh;
  min-height: 720px;
  overflow: hidden;
  isolation: isolate;
  background: #050907;
  color: #f5f6f4;
}
.pitch-image,
.pitch-video {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pitch-image {
  object-position: center;
}
.pitch-video {
  opacity: 0;
}
.pitch-video[data-loaded="true"] {
  opacity: 1;
}
.pitch-shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #020705a6, #02070522 60%, transparent);
  pointer-events: none;
}
.pitch-content {
  position: absolute;
  z-index: 2;
  width: 40%;
  max-width: 610px;
  left: 6.94%;
  top: 15%;
}
.pitch-eyebrow {
  margin: 0 0 18px;
  font-size: 12px;
  line-height: 1.5;
  color: #d5e1d8;
  letter-spacing: 0.05em;
}
.pitch-content h1,
.pitch-content h2 {
  font-size: clamp(43px, 3.4vw, 52px);
  line-height: 1.24;
  font-weight: 500;
  letter-spacing: -0.055em;
  margin: 0;
  color: #fff;
  text-wrap: balance;
}
.pitch-sentence {
  max-width: 510px;
  font-size: 15px;
  line-height: 1.8;
  margin: 25px 0 0;
  color: #e4ebe6;
}
.pitch-actions {
  display: flex;
  align-items: center;
  gap: 27px;
  flex-wrap: wrap;
  margin-top: 29px;
}
.pitch-button {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  min-width: 154px;
  min-height: 54px;
  padding: 15px 20px;
  border: 1px solid #ffffff80;
  border-radius: 2px;
  color: #fff;
  background: #09110c35;
  font-size: 12px;
  line-height: 1.5;
  font-weight: 500;
  text-decoration: none;
  transition:
    background 0.2s,
    color 0.2s;
}
.pitch-button:hover {
  color: #07110b;
  background: #fff;
}
.pitch-button span {
  font-size: 18px;
  font-weight: 300;
}
.pitch-secondary {
  border: 0;
  padding: 8px 0;
  background: transparent;
  color: #ecf1ed;
  font-size: 11px;
  line-height: 1.6;
  text-decoration: none;
  cursor: pointer;
}
.pitch-secondary:hover {
  text-decoration: underline;
  text-underline-offset: 5px;
}
.pitch-hero .pitch-content {
  top: auto;
  bottom: 14%;
  left: 4.17%;
  width: 55%;
  max-width: 790px;
}
.pitch-hero h1 {
  font-size: clamp(48px, 4.17vw, 64px);
  line-height: 1.2;
}
.pitch-hero .pitch-sentence {
  max-width: 580px;
}
.pitch-hero .pitch-shade {
  background:
    linear-gradient(90deg, #020705b3, #02070533 52%, transparent 80%),
    linear-gradient(0deg, #02070599, transparent 50%);
}
.pitch-right-top .pitch-content {
  left: 61.8%;
  top: 15%;
  width: 31%;
  max-width: 470px;
}
.pitch-right-top .pitch-shade {
  background: linear-gradient(
    270deg,
    #020705ce,
    #0207055c 38%,
    transparent 72%
  );
}
.pitch-left-center .pitch-content {
  top: 50%;
  transform: translateY(-50%);
  width: 43%;
  max-width: 650px;
}
.pitch-left-center h2 {
  font-size: clamp(50px, 4.45vw, 68px);
  line-height: 1.22;
}
.pitch-portrait .pitch-image {
  left: auto;
  right: 0;
  width: 57%;
  object-position: center 30%;
}
.pitch-portrait .pitch-shade {
  background: linear-gradient(
    90deg,
    #050907 12%,
    #050907e6 36%,
    #05090720 72%,
    #05090700
  );
}
.pitch-object .pitch-image {
  left: 0;
  width: 62%;
  object-fit: contain;
  object-position: center;
}
.pitch-object .pitch-shade {
  background: linear-gradient(
    270deg,
    #050907 25%,
    #05090799 46%,
    transparent 67%
  );
}
.pitch-note {
  position: absolute;
  z-index: 2;
  left: 4.17%;
  bottom: 25px;
  max-width: 70%;
  font-size: 9px;
  line-height: 1.7;
  color: #bdc9c1;
}
.pitch-index {
  position: absolute;
  bottom: 28px;
  right: 4.17%;
  font-size: 9px;
  color: #b5c3bb;
  letter-spacing: 0.12em;
}
body[data-page="top"] .site-footer {
  background: #050907;
  color: #b8c4bc;
  border-color: #ffffff20;
  padding-top: 28px;
}
body[data-page="top"] .footer-top {
  display: none;
}
body[data-page="top"] .footer-bottom {
  border: 0;
  margin-top: 0;
  font-size: 10px;
}
.film-dialog {
  width: min(1080px, 96vw);
  border: 1px solid #ffffff40;
  padding: 24px;
  background: #0b140f;
  color: #f1f5f2;
}
.film-dialog::backdrop {
  background: #020805e8;
}
.film-dialog h2 {
  font-size: 25px;
}
.film-dialog > p {
  font-size: 11px;
  color: #c1cfc5;
  margin: 10px 0 18px;
}
.film-dialog video {
  width: 100%;
  max-height: 70vh;
  background: #080b09;
}
.film-close {
  float: right;
}
.pitch-noscript {
  padding: 25px 4%;
}
@media (prefers-reduced-motion: reduce) {
  .pitch-video {
    display: none;
  }
  .pitch-button {
    transition: none;
  }
}

/* Preserve the adopted dark presentation and adapt copy surfaces for light mode. */
:root[data-theme="light"] body[data-page="top"] {
  background: #fff;
  color: #1c2c25;
}
:root[data-theme="light"] body[data-page="top"] .preview-bar {
  background: #f6f8f6;
  color: #56675e;
  border-color: #d8e0db;
}
:root[data-theme="light"] body[data-page="top"] .site-header {
  background: linear-gradient(#ffffffef, #ffffff70);
  color: #1c2c25;
}
:root[data-theme="light"] body[data-page="top"] .brand {
  color: #1c2c25;
}
:root[data-theme="light"] body[data-page="top"] .brand > small,
:root[data-theme="light"] body[data-page="top"] .desktop-nav a,
:root[data-theme="light"] body[data-page="top"] .support-link,
:root[data-theme="light"] body[data-page="top"] .mode-control,
:root[data-theme="light"] body[data-page="top"] .mode-control select {
  color: #30483b;
}
:root[data-theme="light"] body[data-page="top"] .support-link {
  border-color: #84998c;
}
:root[data-theme="light"] .pitch-panel {
  background: #fff;
  color: #1c2c25;
}
:root[data-theme="light"] .pitch-shade {
  background: linear-gradient(90deg, #fff 8%, #fffffff0 32%, transparent 80%);
}
:root[data-theme="light"] .pitch-hero .pitch-shade {
  background: linear-gradient(
    90deg,
    #fff 5%,
    #fffffff5 35%,
    #ffffff70 58%,
    transparent 85%
  );
}
:root[data-theme="light"] .pitch-right-top .pitch-shade {
  background: linear-gradient(270deg, #fff 5%, #fffffff0 32%, transparent 80%);
}
:root[data-theme="light"] .pitch-portrait .pitch-shade {
  background: linear-gradient(90deg, #fff 18%, #fffffff0 40%, transparent 78%);
}
:root[data-theme="light"] .pitch-object .pitch-shade {
  background: linear-gradient(270deg, #fff 25%, #ffffffa0 48%, transparent 72%);
}
:root[data-theme="light"] .pitch-content h1,
:root[data-theme="light"] .pitch-content h2 {
  color: #172c20;
}
:root[data-theme="light"] .pitch-eyebrow {
  color: #476253;
}
:root[data-theme="light"] .pitch-sentence {
  color: #2d4436;
}
:root[data-theme="light"] .pitch-button {
  color: #203b2a;
  background: #ffffff30;
  border-color: #567d64;
}
:root[data-theme="light"] .pitch-button:hover {
  background: #203b2a;
  color: #fff;
}
:root[data-theme="light"] .pitch-secondary {
  color: #294c37;
}
:root[data-theme="light"] .pitch-note {
  color: #345541;
  background: #ffffffd9;
  padding: 3px 7px;
}
:root[data-theme="light"] .pitch-index {
  color: #365740;
  background: #ffffffd9;
  padding: 3px 7px;
}
:root[data-theme="light"] body[data-page="top"] .site-footer {
  background: #fff;
  color: #526b5b;
  border-color: #d8e0db;
}