/* Selected brand direction: Midnight. Shared palette experiments remain intact. */
:root[data-theme="midnight"] {
  --page: #091321;
  --panel: #101e30;
  --panel-soft: #0c1828;
  --panel-tint: #112d3b;
  --hero-start: #0a1424;
  --hero-end: #0b192a;
  --ink: #edf3fc;
  --copy: #a8b8cf;
  --muted: #94a8c2;
  --line: #22364d;
  --accent: #89e0e3;
  --accent-text: #a0e5e7;
  --deepest: #08121f;
  --header-bg: #091321e8;
}

/* A product page by default; palette controls are opt-in review UI. */
:root[data-theme="midnight"] .site-header {
  position: sticky;
  top: 0;
  backdrop-filter: blur(20px);
  border-bottom-color: #89e0e314;
}
:root[data-theme="midnight"][data-color-preview="true"] .site-header {
  position: relative;
}
:root[data-theme="midnight"] .desktop-nav a {
  color: #afbdd0;
}
:root[data-theme="midnight"] .desktop-nav a:hover {
  color: var(--accent);
}
:root[data-theme="midnight"] .nav-demo {
  color: #8da9bf;
}
:root[data-theme="midnight"] .nav-actions .button-dark {
  background: #142f40;
  color: #bcecef;
  border: 1px solid #89e0e326;
}
:root[data-theme="midnight"] .nav-actions .button-dark:hover {
  background: #1d4354;
}
:root[data-theme="midnight"] .brand-icon {
  filter: drop-shadow(0 0 9px #89e0e320);
}

/* Quiet technical texture, with a concentrated glow behind the signal. */
:root[data-theme="midnight"] .hero {
  padding-top: 64px;
  background:
    radial-gradient(ellipse at 50% 30%, #1e445138, transparent 45%),
    radial-gradient(ellipse at 88% 65%, #19365035, transparent 45%),
    linear-gradient(#091321, #0b192a 78%, #0a1523);
}
:root[data-theme="midnight"] .hero:before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(#89e0e307 1px, transparent 1px),
    linear-gradient(90deg, #89e0e307 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: radial-gradient(ellipse at 50% 35%, #0008, transparent 68%);
  pointer-events: none;
}
:root[data-theme="midnight"] .hero-orbit {
  border-color: #89e0e30b;
}
:root[data-theme="midnight"] .hero-content {
  max-width: 1000px;
}
:root[data-theme="midnight"] .announcement {
  background: #152a37b3;
  border-color: #89e0e32b;
  color: #a8d9e0;
  font-size: 10px;
  padding: 7px 12px;
  box-shadow: 0 0 25px #89e0e305;
}
:root[data-theme="midnight"] .announcement .status-dot {
  background: #89e0e3;
  box-shadow: 0 0 9px #89e0e360;
}
:root[data-theme="midnight"] .hero h1 {
  font-size: clamp(72px, 6.6vw, 100px);
  font-weight: 450;
  letter-spacing: -4.8px;
  line-height: 1.04;
  margin-top: 27px;
}
:root[data-theme="midnight"] .hero h1 em {
  color: #a1eceb;
  text-shadow: 0 0 60px #89e0e320;
}
:root[data-theme="midnight"] .heading-signal {
  top: 1.2em;
  right: -39px;
}
:root[data-theme="midnight"] .heading-signal i {
  background: #89e0e3;
}
:root[data-theme="midnight"] .hero-description {
  font-size: 15px;
  line-height: 1.85;
  color: #9eafc8;
  margin-top: 24px;
}
:root[data-theme="midnight"] .hero-buttons {
  margin-top: 28px;
}
:root[data-theme="midnight"] .button-green {
  box-shadow:
    0 0 0 1px #dcffff20 inset,
    0 4px 25px #63d3d51c;
}
:root[data-theme="midnight"] .button-green:hover {
  box-shadow:
    0 0 0 1px #dcffff40 inset,
    0 6px 32px #63d3d533;
}
:root[data-theme="midnight"] .button-white {
  background: #102335a6;
  border-color: #355369;
  color: #d0dfed;
}
:root[data-theme="midnight"] .button-white:hover {
  background: #173246;
  border-color: #698f9e;
}
:root[data-theme="midnight"] .hero-notes {
  color: #91a5bd;
  font-size: 10px;
  margin-top: 18px;
}

/* The pipeline is navigable, not just decorative. */
.signal-path {
  display: flex;
  align-items: center;
  width: min(620px, 100%);
  padding: 11px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: var(--panel);
  margin: 31px auto 0;
  text-align: left;
}
.signal-path-node {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  gap: 10px;
  min-width: 0;
  padding: 10px 8px;
  border-radius: 5px;
  transition: background 0.2s;
}
.signal-path-node:hover {
  background: var(--panel-tint);
}
.signal-path-node strong {
  display: block;
  font-size: 11px;
  font-weight: 500;
  color: var(--ink);
}
.signal-path-node small {
  display: block;
  font-size: 8px;
  color: var(--muted);
  margin-top: 3px;
}
.signal-path-node .brand-icon {
  width: 30px;
  height: 30px;
}
.path-icon {
  color: var(--muted);
}
.path-icon .icon {
  width: 19px;
  height: 19px;
}
.signal-path-core {
  background: var(--accent-soft);
  border: 1px solid var(--line);
}
.signal-path-core strong {
  color: var(--accent-text);
}
.path-connector {
  position: relative;
  display: block;
  width: 25px;
  height: 1px;
  flex-shrink: 0;
  background: var(--line);
}
.path-connector:after {
  content: "";
  position: absolute;
  right: 1px;
  top: -2px;
  height: 4px;
  width: 4px;
  transform: rotate(45deg);
  border-top: 1px solid var(--muted);
  border-right: 1px solid var(--muted);
}
.path-connector i {
  position: absolute;
  top: -1px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--accent);
  animation: signal-travel 3.5s ease-in-out infinite;
}
.path-connector:nth-of-type(2) i {
  animation-delay: 1.75s;
}
:root[data-theme="midnight"] .signal-path {
  background: #0b1b2ab3;
  border-color: #89e0e31c;
  box-shadow: 0 8px 30px #00000012;
}
:root[data-theme="midnight"] .signal-path-core {
  background: #13334280;
  border-color: #89e0e333;
}
:root[data-theme="midnight"] .signal-path-node:hover {
  background: #1b3a4b80;
}

/* A more legible, layered workspace. */
:root[data-theme="midnight"] .dashboard-area {
  padding-top: 42px;
}
:root[data-theme="midnight"] .demo-caption {
  color: #87a1ba;
  font-size: 8px;
  letter-spacing: 1.5px;
  margin-bottom: 14px;
}
:root[data-theme="midnight"] .dashboard-window {
  border-radius: 12px;
  border-color: #3a677966;
  box-shadow:
    0 0 0 5px #89e0e305,
    0 0 80px -28px #6be1e31f,
    0 30px 80px -30px #0009;
}
:root[data-theme="midnight"] .dashboard-sidebar {
  width: 193px;
  background: linear-gradient(165deg, #0c1b2b, #08121f 70%);
}
:root[data-theme="midnight"] .dashboard-logo {
  color: #ecf7fc;
}
:root[data-theme="midnight"] .workspace {
  background: #8bdfe307;
  border-color: #89e0e31c;
}
:root[data-theme="midnight"] .sidebar-label {
  font-size: 8px;
  color: #6d8a9e;
}
:root[data-theme="midnight"] .sidebar-link {
  font-size: 10px;
  padding-block: 11px;
  color: #9fb5c9;
}
:root[data-theme="midnight"] .sidebar-link.active {
  background: linear-gradient(100deg, #1b4458, #173348);
  color: #b2f0f1;
  box-shadow: inset 2px 0 #89e0e3;
}
:root[data-theme="midnight"] .sidebar-link.active .icon {
  color: #9ee9eb;
}
:root[data-theme="midnight"] .sidebar-health {
  color: #98bac9;
}
:root[data-theme="midnight"] .dashboard-topbar {
  background: #102034;
  height: 49px;
  color: #8aa1bb;
}
:root[data-theme="midnight"] .demo-label {
  font-size: 7px;
  border-color: #34566c;
  color: #9cb6ca;
}
:root[data-theme="midnight"] .dashboard-content {
  padding: 27px;
}
:root[data-theme="midnight"] .dashboard-heading h2 {
  font-size: 22px;
  color: #e2edf8;
}
:root[data-theme="midnight"] .dashboard-heading p {
  font-size: 10px;
  color: #829cb5;
}
:root[data-theme="midnight"] .dashboard-controls select {
  font-size: 9px;
  padding: 6px 8px;
}
:root[data-theme="midnight"] .live-control {
  font-size: 9px;
  padding: 6px 8px;
  background: #14303b;
  border-color: #295366;
  color: #a3d6da;
}
:root[data-theme="midnight"] .live-control.paused {
  color: #a2aec0;
  background: #192636;
  border-color: #314255;
}
:root[data-theme="midnight"] .metric-card {
  background: linear-gradient(140deg, #14263b, #101e30);
  border-color: #294158;
  padding: 16px;
  min-height: 128px;
  border-radius: 7px;
}
:root[data-theme="midnight"] .metric-card > span {
  font-size: 10px;
  color: #adc0d3;
}
:root[data-theme="midnight"] .metric-number {
  font-size: 34px;
  letter-spacing: -1.4px;
  margin-top: 8px;
  color: #edf5fc;
}
:root[data-theme="midnight"] .metric-footer {
  font-size: 8px;
  color: #8ba4bd;
  margin-top: 10px;
}
:root[data-theme="midnight"] .metric-tag {
  font-size: 7px;
  background: #1b3b4d;
  color: #a1dce2;
}
:root[data-theme="midnight"] .reduction-card {
  border-color: #376b76;
  background:
    radial-gradient(ellipse at 100% 0, #89e0e31a, transparent 75%),
    linear-gradient(135deg, #153343, #102a37);
}
:root[data-theme="midnight"] .reduction-card .metric-number {
  color: #a7eef0;
}
:root[data-theme="midnight"] .mini-radar {
  stroke: #6fb7c46e;
  width: 52px;
  height: 52px;
  top: 38px;
}
:root[data-theme="midnight"] .sparkline {
  stroke: #86b7cd;
  bottom: 36px;
}
:root[data-theme="midnight"] .signal-bars {
  bottom: 37px;
}
:root[data-theme="midnight"] .signal-bars i {
  background: #39677c;
}
:root[data-theme="midnight"] .signal-bars i:last-child {
  background: #89e0e3;
}
:root[data-theme="midnight"] .inbox-panel {
  margin-top: 22px;
  border-color: #2a435a;
  border-radius: 7px;
}
:root[data-theme="midnight"] .inbox-toolbar {
  background: #132338;
  padding-inline: 17px;
}
:root[data-theme="midnight"] .inbox-tab {
  font-size: 10px;
  padding-block: 15px;
  color: #93abc1;
}
:root[data-theme="midnight"] .inbox-tab.active {
  color: #a2e9eb;
}
:root[data-theme="midnight"] .inbox-tab span {
  font-size: 7px;
  padding: 2px 4px;
  background: #203549;
  color: #abc2d4;
}
:root[data-theme="midnight"] .inbox-tab.active span {
  background: #245366;
  color: #bdeff1;
}
:root[data-theme="midnight"] .table-head {
  color: #7c9ab4;
  font-size: 7px;
  padding-block: 11px;
  background: #0d1b2c;
}
:root[data-theme="midnight"] .alert-row {
  min-height: 63px;
  border-bottom-color: #20374c;
  background: #101f31;
}
:root[data-theme="midnight"] .alert-row:hover {
  background: #172f42;
}
:root[data-theme="midnight"] .alert-name strong {
  font-size: 10px;
  color: #d2e0ed;
}
:root[data-theme="midnight"] .alert-name small {
  font-size: 8px;
  color: #8ea9c1;
}
:root[data-theme="midnight"] .related-count {
  background: #19394b;
  color: #9bccd7;
  font-size: 6px;
}
:root[data-theme="midnight"] .alert-source {
  font-size: 9px;
  color: #a1b5cb;
}
:root[data-theme="midnight"] .alert-status {
  font-size: 7px;
  padding: 5px 6px;
}
:root[data-theme="midnight"] .alert-time {
  font-size: 8px;
  color: #8ca4bd;
}
:root[data-theme="midnight"] .inbox-footer {
  background: #0d1c2c;
  color: #91b0c6;
  font-size: 7px;
  padding-block: 11px;
}
:root[data-theme="midnight"] .preview-disclaimer {
  padding-block: 20px 29px;
  color: #7e98af;
}

/* Lower sections get their own depth without competing with the product. */
:root[data-theme="midnight"] .integrations-strip {
  padding-block: 48px;
}
:root[data-theme="midnight"] .integration-logos {
  color: #a4b5c9;
}
:root[data-theme="midnight"] .integration-note {
  color: #8297ae;
}
:root[data-theme="midnight"] .eyebrow {
  color: #8acbd5;
}
:root[data-theme="midnight"] .section-heading h2,
:root[data-theme="midnight"] .how-intro h2,
:root[data-theme="midnight"] .faq-section h2 {
  color: #e5eef9;
  font-weight: 450;
}
:root[data-theme="midnight"] .feature-card {
  border-color: #294057;
  background: linear-gradient(150deg, #112136, #0e1b2c);
  box-shadow: 0 8px 30px #00000012;
  transition:
    border-color 0.25s,
    transform 0.25s;
}
:root[data-theme="midnight"] .feature-card:hover {
  border-color: #497d8f;
  transform: translateY(-4px);
}
:root[data-theme="midnight"] .feature-visual {
  background-color: #0c1a2b;
  border-color: #263b51;
}
:root[data-theme="midnight"] .feature-copy {
  padding: 28px 24px 31px;
}
:root[data-theme="midnight"] .feature-number {
  font-size: 8px;
  color: #79a5b8;
  letter-spacing: 1.5px;
}
:root[data-theme="midnight"] .feature-copy h3 {
  font-size: 19px;
  color: #deebf6;
  margin-block: 12px;
}
:root[data-theme="midnight"] .feature-copy p {
  font-size: 12px;
  line-height: 1.9;
  color: #a0b2c9;
}
:root[data-theme="midnight"] .context-card,
:root[data-theme="midnight"] .noise-stream > span {
  background: #15283b;
  border-color: #2c465b;
}
:root[data-theme="midnight"] .merged-alert {
  background: #163746;
  border-color: #386776;
}
:root[data-theme="midnight"] .floating-context {
  background: #19374a;
  border-color: #3b6072;
  color: #acd5df;
}
:root[data-theme="midnight"] .how-section {
  background:
    radial-gradient(ellipse at 0 50%, #15364938, transparent 60%), #0c192a;
  border-color: #22364d;
}
:root[data-theme="midnight"] .step-index {
  background: #153341;
  border-color: #345264;
  color: #a0dce3;
}
:root[data-theme="midnight"] .step-tag {
  background: #132c3c;
  color: #9ec3d2;
}
:root[data-theme="midnight"] .pilot-price {
  background:
    radial-gradient(ellipse at 100% 0, #78d9e312, transparent 70%),
    linear-gradient(145deg, #153042, #102336);
  border-color: #467c8b;
  box-shadow:
    0 0 60px -30px #89e0e333,
    0 20px 50px -25px #0008;
}
:root[data-theme="midnight"] .early-badge {
  background: #163f47;
  border-color: #39717b;
  color: #ade1e3;
}
:root[data-theme="midnight"] .price {
  color: #eff7fd;
}
:root[data-theme="midnight"] .price-label {
  color: #98c7d3;
}
:root[data-theme="midnight"] .pilot-price > p,
:root[data-theme="midnight"] .after-pilot p {
  color: #a8bfd2;
}
:root[data-theme="midnight"] .pilot-price .no-payment {
  color: #98b2c5;
}
:root[data-theme="midnight"] .faq-list summary {
  color: #c5d7e7;
  font-size: 12px;
}
:root[data-theme="midnight"] .faq-list summary:hover {
  color: #a1edef;
}
:root[data-theme="midnight"] .faq-list details p {
  color: #a8bbcf;
}
:root[data-theme="midnight"] .final-cta {
  background:
    radial-gradient(ellipse at 50% 65%, #204c583d, transparent 65%),
    linear-gradient(#102734, #0c1e2d);
  border-block: 1px solid #89e0e31c;
  padding-block: 75px;
}
:root[data-theme="midnight"] .final-cta h2 em {
  color: #a0e9ed;
  text-shadow: 0 0 60px #89e0e31a;
}
:root[data-theme="midnight"] .cta-radar {
  border-color: #89e0e336;
  background: #89e0e308;
  box-shadow: 0 0 35px #89e0e310;
}
:root[data-theme="midnight"] .site-footer {
  padding-top: 43px;
}
:root[data-theme="midnight"] .footer-links a {
  font-size: 11px;
  color: #a4b7cb;
}
:root[data-theme="midnight"] .footer-links a:hover {
  color: #b0eff0;
}
:root[data-theme="midnight"] .footer-bottom {
  color: #829bb4;
  padding-block: 23px;
}
:root[data-theme="midnight"] dialog {
  border-color: #3c667b;
  background: linear-gradient(145deg, #12263a, #0c1c2d);
}

@keyframes signal-travel {
  0%,
  10% {
    left: 0;
    opacity: 0;
  }
  25%,
  70% {
    opacity: 1;
  }
  90%,
  100% {
    left: 90%;
    opacity: 0;
  }
}

@media (max-width: 1100px) {
  :root[data-theme="midnight"] .dashboard-sidebar {
    width: 163px;
  }
  :root[data-theme="midnight"] .dashboard-content {
    padding: 22px;
  }
  :root[data-theme="midnight"] .dashboard-heading h2 {
    font-size: 19px;
  }
  :root[data-theme="midnight"] .dashboard-controls {
    gap: 6px;
  }
  :root[data-theme="midnight"] .dashboard-controls select,
  :root[data-theme="midnight"] .live-control {
    font-size: 8px;
    padding: 5px;
  }
  :root[data-theme="midnight"] .metric-card {
    padding: 13px;
  }
  :root[data-theme="midnight"] .metric-card > span {
    font-size: 9px;
  }
  :root[data-theme="midnight"] .metric-number {
    font-size: 31px;
  }
  :root[data-theme="midnight"] .alert-name strong {
    font-size: 9px;
  }
  :root[data-theme="midnight"] .alert-source {
    font-size: 8px;
  }
}
@media (max-width: 800px) {
  :root[data-theme="midnight"] .hero {
    padding-top: 44px;
  }
  :root[data-theme="midnight"] .hero h1 {
    font-size: 72px;
    letter-spacing: -3.8px;
  }
  :root[data-theme="midnight"] .hero-description {
    font-size: 13px;
  }
  :root[data-theme="midnight"] .dashboard-sidebar {
    width: 52px;
  }
  :root[data-theme="midnight"] .sidebar-link {
    width: 36px;
    height: 36px;
    font-size: 0;
    padding: 10px;
  }
  :root[data-theme="midnight"] .sidebar-label {
    font-size: 0;
  }
  :root[data-theme="midnight"] .dashboard-content {
    padding: 20px 15px;
  }
  :root[data-theme="midnight"] .dashboard-heading h2 {
    font-size: 18px;
  }
  :root[data-theme="midnight"] .dashboard-heading p {
    font-size: 9px;
  }
  :root[data-theme="midnight"] .metric-card {
    padding: 12px;
    min-height: 114px;
  }
  :root[data-theme="midnight"] .metric-number {
    font-size: 29px;
  }
  :root[data-theme="midnight"] .metric-footer {
    font-size: 7px;
  }
  :root[data-theme="midnight"] .mini-radar {
    width: 35px;
    height: 35px;
    top: 42px;
  }
  :root[data-theme="midnight"] .feature-copy h3 {
    font-size: 18px;
  }
  :root[data-theme="midnight"] .feature-copy p {
    font-size: 11px;
  }
}
@media (max-width: 580px) {
  :root[data-theme="midnight"] .hero {
    padding-top: 35px;
  }
  :root[data-theme="midnight"] .announcement {
    font-size: 8px;
    padding: 6px 9px;
  }
  :root[data-theme="midnight"] .hero h1 {
    font-size: clamp(49px, 14.5vw, 68px);
    letter-spacing: -3px;
    margin-top: 25px;
  }
  :root[data-theme="midnight"] .heading-signal {
    right: -26px;
    top: 1.16em;
  }
  :root[data-theme="midnight"] .hero-description {
    font-size: 12px;
    line-height: 1.9;
    max-width: 325px;
    margin-top: 23px;
  }
  :root[data-theme="midnight"] .hero-buttons {
    margin-top: 24px;
  }
  :root[data-theme="midnight"] .hero-notes {
    font-size: 8px;
    gap: 11px;
  }
  .signal-path {
    padding: 7px;
    margin-top: 25px;
    border-radius: 7px;
  }
  .signal-path-node {
    flex-direction: column;
    gap: 6px;
    padding: 8px 3px;
    text-align: center;
  }
  .signal-path-node strong {
    font-size: 9px;
  }
  .signal-path-node small {
    font-size: 6px;
    line-height: 1.6;
  }
  .signal-path-node .brand-icon {
    height: 24px;
    width: 24px;
  }
  .path-icon {
    min-height: 24px;
  }
  .path-icon .icon {
    height: 17px;
    width: 17px;
  }
  .path-connector {
    width: 15px;
  }
  :root[data-theme="midnight"] .dashboard-area {
    padding-top: 29px;
  }
  :root[data-theme="midnight"] .demo-caption {
    font-size: 6px;
    letter-spacing: 0.8px;
  }
  :root[data-theme="midnight"] .dashboard-sidebar {
    width: 43px;
  }
  :root[data-theme="midnight"] .sidebar-link {
    width: 31px;
    height: 32px;
    padding: 8px;
  }
  :root[data-theme="midnight"] .dashboard-topbar {
    padding-inline: 11px;
    height: 35px;
  }
  :root[data-theme="midnight"] .demo-label {
    font-size: 5px;
  }
  :root[data-theme="midnight"] .dashboard-content {
    padding: 17px 10px 14px;
  }
  :root[data-theme="midnight"] .dashboard-heading h2 {
    font-size: 16px;
  }
  :root[data-theme="midnight"] .dashboard-heading p {
    font-size: 8px;
  }
  :root[data-theme="midnight"] .metric-card {
    padding: 8px 7px;
    min-height: 109px;
  }
  :root[data-theme="midnight"] .metric-card > span {
    font-size: 8px;
  }
  :root[data-theme="midnight"] .metric-number {
    font-size: 27px;
    margin-top: 6px;
  }
  :root[data-theme="midnight"] .metric-footer {
    font-size: 6px;
    margin-top: 9px;
  }
  :root[data-theme="midnight"] .mini-radar {
    width: 24px;
    height: 24px;
    top: 44px;
    right: 5px;
  }
  :root[data-theme="midnight"] .sparkline {
    bottom: 31px;
  }
  :root[data-theme="midnight"] .inbox-panel {
    margin-top: 16px;
  }
  :root[data-theme="midnight"] .inbox-toolbar {
    padding-inline: 9px;
  }
  :root[data-theme="midnight"] .inbox-tab {
    font-size: 9px;
    padding-block: 13px;
  }
  :root[data-theme="midnight"] .inbox-tab span {
    font-size: 6px;
    padding: 1px 3px;
  }
  :root[data-theme="midnight"] .table-head {
    font-size: 6px;
    padding-block: 9px;
  }
  :root[data-theme="midnight"] .alert-row {
    min-height: 66px;
  }
  :root[data-theme="midnight"] .alert-name strong {
    font-size: 9px;
  }
  :root[data-theme="midnight"] .alert-name small {
    font-size: 7px;
  }
  :root[data-theme="midnight"] .alert-source {
    font-size: 7px;
  }
  :root[data-theme="midnight"] .alert-status {
    font-size: 6px;
    padding: 4px;
  }
  :root[data-theme="midnight"] .related-count {
    font-size: 5px;
  }
  :root[data-theme="midnight"] .inbox-footer {
    font-size: 6px;
    padding: 9px;
  }
  :root[data-theme="midnight"] .preview-disclaimer {
    padding-block: 15px 23px;
  }
  :root[data-theme="midnight"] .integrations-strip {
    padding-block: 35px;
  }
  :root[data-theme="midnight"] .feature-copy {
    padding: 24px;
  }
  :root[data-theme="midnight"] .feature-copy h3 {
    font-size: 20px;
  }
  :root[data-theme="midnight"] .feature-copy p {
    font-size: 12px;
  }
  :root[data-theme="midnight"] .final-cta {
    padding-block: 57px;
  }
  :root[data-theme="midnight"] .faq-list summary {
    font-size: 11px;
  }
  :root[data-theme="midnight"] .site-footer {
    padding-top: 32px;
  }
  :root[data-theme="midnight"] .footer-links {
    display: flex;
    gap: 20px;
  }
  :root[data-theme="midnight"] .footer-links a {
    font-size: 10px;
  }
}