/** Shopify CDN: Minification failed

Line 424:0 Unexpected "}"

**/
/* Mitoxid theme layer. Dawn's root is 62.5%, so 1rem = 10px throughout. */

/* --------------------------------------------------------------------------
   01 · Fonts
   -------------------------------------------------------------------------- */
@font-face {
  font-family: 'LINE Seed Sans';
  src: url('mx-seed-rg.woff2') format('woff2');
  font-weight: 300 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'LINE Seed Sans';
  src: url('mx-seed-bd.woff2') format('woff2');
  font-weight: 600 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'LINE Seed Sans';
  src: url('mx-seed-he.woff2') format('woff2');
  font-weight: 800 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Azeret Mono';
  src: url('mx-mono.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'LINE Seed Fallback';
  src: local('Arial'), local('Helvetica'), local('Segoe UI');
  ascent-override: 105%;
  descent-override: 27.4%;
  line-gap-override: 0%;
}
@font-face {
  font-family: 'Mono Fallback';
  src: local('Consolas'), local('Menlo'), local('Courier New');
  ascent-override: 93.7%;
  descent-override: 23%;
  line-gap-override: 0%;
}

/* --------------------------------------------------------------------------
   02 · Tokens
   -------------------------------------------------------------------------- */
:root {
  --mx-ink: #16233b; /* text, never pure black */
  --mx-ink-2: #fffdf8;
  --mx-ink-3: #e3ddd1;
  --mx-midnight: #0e2148;
  --mx-electric: #2e7bff;
  --mx-plasma: #57b6ff;
  --mx-accent: #1d5bd6;
  --mx-signal: #b26b08; /* amber, mission only */
  --mx-signal-text: #8a5106;
  --mx-lab: #f4f6fa; /* supplement facts panel */
  --mx-text: #16233b;
  --mx-text-dim: #4c5a75;
  --mx-font-display: var(--font-heading-family, sans-serif);
  --mx-font-body: var(--font-body-family, sans-serif);
  --mx-font-mono: 'Azeret Mono', 'Mono Fallback', 'Cascadia Mono', Consolas, monospace;
  --mx-display: clamp(3.8rem, 2.6rem + 2.8vw, 6.2rem);
  --mx-h1: clamp(3.8rem, 2.8rem + 2.4vw, 5.8rem);
  --mx-h2: clamp(3.2rem, 2.6rem + 1.8vw, 4.8rem);
  --mx-h3: clamp(2.4rem, 2.1rem + 0.9vw, 3rem);
  --mx-body: clamp(1.9rem, 1.7rem + 0.5vw, 2.2rem);
  --mx-small: 1.7rem;
  --mx-eyebrow: 1.35rem;
  --mx-space-1: 4px;
  --mx-space-2: 8px;
  --mx-space-3: 16px;
  --mx-space-4: 24px;
  --mx-space-5: 32px;
  --mx-space-6: 48px;
  --mx-space-7: 64px;
  --mx-space-8: 96px;
  --mx-radius-sm: 8px;
  --mx-radius: 16px;
  --mx-radius-lg: 28px;
  --mx-radius-pill: 100rem;
  --mx-sheet-radius: clamp(24px, 3.5vw, 48px);
  --mx-radius-xl: 2.4rem;
  --mx-radius-2xl: 3.2rem;
  --mx-radius-full: 100rem;
  /* Dawn's own buttons read these */
  --buttons-radius: 100rem;
  --buttons-radius-outset: 100rem;
  --variant-pills-radius: 100rem;
  --mx-border: 1px solid color-mix(in srgb, var(--mx-electric) 16%, transparent);
  --mx-glow: none;
  --mx-card-shadow: none;
  --mx-glass-bg: rgba(255, 255, 255, 0.55);
  --mx-glass-bg-strong: rgba(255, 255, 255, 0.78);
  --mx-glass-dark: rgba(255, 255, 255, 0.08);
  --mx-glass-dark-border: rgba(255, 255, 255, 0.14);
  --mx-glass-blur: blur(16px) saturate(1.5);
  --mx-glass-shadow: none;
  --mx-glass-scrim: rgba(16, 28, 56, 0.45);
  --mx-glass-scrim-light: rgba(248, 246, 241, 0.35);
  --mx-glass-blur-nav: blur(19px);
  --mx-glass-blur-strong: blur(37.5px);
}

/* --------------------------------------------------------------------------
   02b · v3 glass utilities
   -------------------------------------------------------------------------- */
/* Dawn's base.css hides div:empty; these are intentionally empty paint layers */
.mx-glass-layer:empty,
.mx-viacap__scrim:empty,
.mx-glow-field:empty,
.mx-mission__rule:empty { display: block; }
.mx-glass-layer {
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: var(--mx-glass-scrim);
  -webkit-backdrop-filter: var(--mx-glass-blur-nav);
  backdrop-filter: var(--mx-glass-blur-nav);
  pointer-events: none;
}
.mx-glass-layer--strong {
  -webkit-backdrop-filter: var(--mx-glass-blur-strong);
  backdrop-filter: var(--mx-glass-blur-strong);
}
.mx-glass-layer--light { background: var(--mx-glass-scrim-light); }

.mx-outline-pill::before {
  content: attr(data-mx-pill);
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  height: 2.4rem;
  padding-inline: 8px;
  margin-inline-end: 8px;
  margin-block-end: 0.3rem;
  border: 1px solid color-mix(in srgb, currentColor 70%, transparent);
  border-radius: var(--mx-radius-full);
  font-family: var(--mx-font-mono);
  font-size: 1.15rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: inherit;
  white-space: nowrap;
}

/* --------------------------------------------------------------------------
   03 · Dawn colour-scheme remap
   -------------------------------------------------------------------------- */
:root,
.color-scheme-1 {
  --color-background: 248, 246, 241;
  --gradient-background: #f8f6f1;
  --color-foreground: 22, 35, 59;
  --color-background-contrast: 233, 228, 216;
  --color-shadow: 46, 123, 255;
  --color-button: 46, 123, 255;
  --color-button-text: 250, 252, 255;
  --color-secondary-button: 245, 242, 235;
  --color-secondary-button-text: 22, 35, 59;
  --color-link: 29, 91, 214;
  --color-badge-foreground: 22, 35, 59;
  --color-badge-background: 240, 236, 228;
  --color-badge-border: 46, 123, 255;
  --payment-terms-background-color: rgb(248, 246, 241);
}
.color-scheme-2 {
  --color-background: 240, 235, 225;
  --gradient-background: #f0ebe1;
  --color-foreground: 22, 35, 59;
  --color-background-contrast: 224, 216, 200;
  --color-shadow: 46, 123, 255;
  --color-button: 46, 123, 255;
  --color-button-text: 250, 252, 255;
  --color-secondary-button: 240, 235, 225;
  --color-secondary-button-text: 22, 35, 59;
  --color-link: 29, 91, 214;
  --color-badge-foreground: 22, 35, 59;
  --color-badge-background: 255, 253, 248;
  --color-badge-border: 46, 123, 255;
  --payment-terms-background-color: rgb(240, 235, 225);
}
.color-scheme-3 {
  --color-background: 14, 33, 72;
  --gradient-background: #0e2148;
  --color-foreground: 240, 245, 252;
  --color-background-contrast: 24, 48, 96;
  --color-shadow: 4, 7, 15;
  --color-button: 87, 182, 255;
  --color-button-text: 14, 33, 72;
  --color-secondary-button: 14, 33, 72;
  --color-secondary-button-text: 240, 245, 252;
  --color-link: 87, 182, 255;
  --color-badge-foreground: 240, 245, 252;
  --color-badge-background: 14, 33, 72;
  --color-badge-border: 87, 182, 255;
  --payment-terms-background-color: rgb(14, 33, 72);
}
.color-scheme-4 {
  --color-background: 46, 123, 255;
  --gradient-background: #2e7bff;
  --color-foreground: 250, 252, 255;
  --color-background-contrast: 34, 98, 210;
  --color-shadow: 14, 33, 72;
  --color-button: 250, 252, 255;
  --color-button-text: 29, 91, 214;
  --color-secondary-button: 46, 123, 255;
  --color-secondary-button-text: 250, 252, 255;
  --color-link: 250, 252, 255;
  --color-badge-foreground: 250, 252, 255;
  --color-badge-background: 46, 123, 255;
  --color-badge-border: 250, 252, 255;
  --payment-terms-background-color: rgb(46, 123, 255);
}
.color-scheme-5 {
  --color-background: 235, 230, 220;
  --gradient-background: #ebe6dc;
  --color-foreground: 22, 35, 59;
  --color-background-contrast: 220, 213, 198;
  --color-shadow: 46, 123, 255;
  --color-button: 46, 123, 255;
  --color-button-text: 250, 252, 255;
  --color-secondary-button: 235, 230, 220;
  --color-secondary-button-text: 22, 35, 59;
  --color-link: 29, 91, 214;
  --color-badge-foreground: 22, 35, 59;
  --color-badge-background: 255, 253, 248;
  --color-badge-border: 46, 123, 255;
  --payment-terms-background-color: rgb(235, 230, 220);
}

body,
.color-scheme-1,
.color-scheme-2,
.color-scheme-3,
.color-scheme-4,
.color-scheme-5 {
  color: rgba(var(--color-foreground), 0.95);
}

/* --------------------------------------------------------------------------
   04 · Global type & base
   -------------------------------------------------------------------------- */
body {
  font-family: var(--mx-font-body);
  font-size: var(--mx-body);
  line-height: 1.65;
  letter-spacing: 0;
}

h1, h2, h3, h4, h5, .h0, .h1, .h2, .h3, .h4, .h5 {
  font-family: var(--mx-font-display);
  font-weight: 600;
  letter-spacing: -0.022em;
  line-height: 1.1;
  color: rgb(var(--color-foreground));
}
h1, .h1 { font-size: var(--mx-h1); }
h2, .h2 { font-size: var(--mx-h2); }
h3, .h3 { font-size: var(--mx-h3); line-height: 1.25; }

p { font-size: var(--mx-body); }

.mx-display {
  font-size: var(--mx-display);
  line-height: 1.04;
  font-weight: 600;
  letter-spacing: -0.03em;
}

@media screen and (min-width: 990px) {
  :is(.mx-sechead, .mx-timeline__head, .mx-compare__head, .mx-formula__head):not(.mx-sechead--center) {
    display: grid;
    grid-template-columns: minmax(0, 7fr) minmax(0, 4fr);
    gap: var(--mx-space-4) var(--mx-space-8);
    align-items: end;
    max-width: none;
  }
  :is(.mx-sechead, .mx-timeline__head, .mx-compare__head, .mx-formula__head):not(.mx-sechead--center):not(:has(p)) {
    display: block;
  }
  :is(.mx-sechead, .mx-timeline__head, .mx-compare__head, .mx-formula__head):not(.mx-sechead--center) > .mx-eyebrow { grid-column: 1 / -1; }
  :is(.mx-sechead, .mx-timeline__head, .mx-compare__head, .mx-formula__head):not(.mx-sechead--center) > h2 { max-width: 24ch; margin: 0; }
  :is(.mx-sechead, .mx-timeline__head, .mx-compare__head, .mx-formula__head):not(.mx-sechead--center) > :is(.mx-lede, p) { justify-self: end; margin: 0 0 0.4em; max-width: 44ch; }
}

@media screen and (max-width: 749px) {
  .mx-section:not(.mx-section-main-product):not(.mx-section-product-bar) {
    text-align: center;
  }
  .mx-section .mx-compare table :is(th, td):first-child { text-align: start; }
  .mx-section :is(form, .mx-facts) { text-align: start; }
  .mx-section .mx-disclaimer { text-align: start; }
  .mx-section .mx-ledger__side { text-align: start; }
  .mx-section .mx-versus__panel { text-align: start; }
  .mx-section :is(.mx-prose, .mx-page__toc, .mx-track__steps) { text-align: start; }
  .mx-section .mx-duel__label { justify-content: center; }
  .mx-section :is(.mx-hero__actions, .mx-hero__trust, .mx-formula__more) {
    justify-content: center;
  }
}

.mx-sechead--center {
  display: block;
  text-align: center;
  max-width: 78ch;
  margin-inline: auto;
}
.mx-sechead--center > h2 { max-width: 26ch; margin: 0 auto; }
.mx-sechead--center > :is(.mx-lede, p) { max-width: 52ch; margin: var(--mx-space-3) auto 0; }

.mx-eyebrow {
  font-family: var(--mx-font-body);
  font-size: var(--mx-eyebrow);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: var(--mx-text-dim);
  display: block;
  margin-block-end: var(--mx-space-3);
}
.color-scheme-3 .mx-eyebrow,
.color-scheme-4 .mx-eyebrow { color: color-mix(in srgb, #f0f5fc 70%, var(--mx-plasma)); }

.mx-mono {
  font-family: var(--mx-font-mono);
  font-variant-numeric: tabular-nums;
}

@media screen and (max-width: 749px) {
  :root {
    --mx-display: 3.3rem;
    --mx-h1: 3.3rem;
    --mx-h2: 2.8rem;
    --mx-h3: 2.2rem;
    --mx-body: 1.7rem;
    --mx-small: 1.5rem;
    --mx-eyebrow: 1.2rem;
  }
}

.mx-lockup {
  display: block;
  font-family: var(--mx-font-display);
  font-size: clamp(4.2rem, 3rem + 5vw, 9.6rem);
  font-weight: 900;
  line-height: 0.94;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #f0f5fc;
}
.mx-lockup em {
  font-style: normal;
  color: var(--mx-plasma);
}
@media screen and (max-width: 749px) {
  .mx-lockup { font-size: clamp(3.4rem, 2.4rem + 3.5vw, 4.2rem); }
}

.mx-measure { max-width: 68ch; }

.mx-lede {
  color: var(--mx-text-dim);
  max-width: 58ch;
  font-size: var(--mx-body);
}
.color-scheme-3 .mx-lede { color: color-mix(in srgb, #f0f5fc 78%, var(--mx-plasma)); }

:is(a, button, input, summary, [tabindex]):focus-visible,
.button:focus-visible,
.shopify-payment-button__button:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow:
    0 0 0 3px rgb(var(--color-background)),
    0 0 0 6px var(--mx-electric);
  border-radius: var(--mx-radius-sm);
}
:is(.mx-btn, .button, .shopify-payment-button__button):focus-visible {
  border-radius: var(--mx-radius-pill);
}

img,
svg,
video,
canvas {
  max-width: 100%;
}

.mx-section {
  overflow-x: clip;
}

::selection {
  background: color-mix(in srgb, var(--mx-electric) 25%, transparent);
}

@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
  .mx-reveal {
    opacity: 0;
    transform: translateY(var(--mx-reveal-y, 22px));
    transition:
      opacity var(--mx-reveal-dur, 0.75s) cubic-bezier(0.22, 1, 0.36, 1),
      transform var(--mx-reveal-dur, 0.75s) cubic-bezier(0.22, 1, 0.36, 1);
  }
  .mx-reveal.is-inview { opacity: 1; transform: none; }
  .mx-stagger > .mx-reveal { transition-delay: calc(var(--mx-i, 0) * 80ms); }
  .mx-viacap__panel.mx-reveal,
  .mx-bundle__inner.mx-reveal,
  .mx-teaser__media.mx-reveal,
}

/* --------------------------------------------------------------------------
   04b · Stacked sheets
   -------------------------------------------------------------------------- */
.mx-section {
  position: relative;
  z-index: 1;
}
.mx-section-product-bar { z-index: 30; }

.mx-section:not(.mx-section-hero):not(.mx-section-product-bar) > .gradient {
  --mx-sheet-cover: var(--mx-sheet-radius);
}
.mx-section:not(.mx-section-hero):not(.mx-section-product-bar):not(.mx-section-marquee) > .gradient {
  border-start-start-radius: var(--mx-sheet-radius);
  border-start-end-radius: var(--mx-sheet-radius);
  margin-block-start: calc(-1 * var(--mx-sheet-radius));
}

#MainContent:has(> .mx-section:first-child) {
  margin-block-start: calc(-1 * var(--header-height, 6.4rem));
}
#MainContent > .mx-section:first-child > .gradient {
  border-start-start-radius: 0;
  border-start-end-radius: 0;
  margin-block-start: 0;
}

@media screen and (max-width: 989px) {
  .mx-section-hero + .mx-section:not(.mx-section-marquee) > .gradient {
    --mx-sheet-tuck: var(--mx-sheet-radius);
  }
}

#MainContent > .mx-section:last-child > .gradient,
#MainContent > .mx-section:has(+ .mx-section-product-bar:last-child) > .gradient {
  --mx-sheet-cover: 0px;
}

/* --------------------------------------------------------------------------
   05 · Anchor offset under the sticky header
   -------------------------------------------------------------------------- */
[data-mx-label] { scroll-margin-block-start: calc(var(--header-height, 72px) + 1.2rem); }

/* --------------------------------------------------------------------------
   06 · Buttons
   -------------------------------------------------------------------------- */
.mx-btn {
  --btn-h: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.6em;
  min-height: var(--btn-h);
  padding-inline: 40px;
  padding-block: 16px;
  border-radius: var(--mx-radius-pill);
  font-family: var(--mx-font-body);
  font-size: 1.75rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid transparent;
  transition: box-shadow 0.18s ease-out, border-color 0.18s ease-out,
    background-color 0.18s ease-out, color 0.18s ease-out;
}
.mx-btn--primary {
  background: var(--mx-electric);
  color: #fafcff;
}
.mx-btn--primary:hover { background: color-mix(in srgb, var(--mx-accent) 86%, #ffffff); }
.mx-btn--secondary {
  background: var(--mx-ink-2);
  color: var(--mx-accent);
  border-color: color-mix(in srgb, var(--mx-electric) 40%, transparent);
}
.mx-btn--secondary:hover { border-color: var(--mx-electric); }
.mx-btn--ghost {
  background: none;
  border: 0;
  min-height: 0;
  padding: 0;
  color: rgb(var(--color-link));
  text-decoration: underline;
  text-underline-offset: 4px;
  font-size: 1.75rem;
}
.mx-btn--ghost::after { content: '→'; text-decoration: none; display: inline-block; transition: transform 0.15s ease-out; }
.mx-btn--ghost:hover::after { transform: translateX(3px); }
.mx-btn[disabled], .mx-btn[aria-disabled='true'] {
  opacity: 0.45;
  cursor: not-allowed;
  box-shadow: none;
}
.mx-btn__price {
  font-family: var(--mx-font-mono);
  font-weight: 500;
  font-size: 0.9em;
  opacity: 0.9;
}
.mx-btn > span { white-space: nowrap; }
@media screen and (max-width: 749px) {
  .mx-btn { --btn-h: 54px; font-size: 1.55rem; padding-inline: 24px; }
}

/* --------------------------------------------------------------------------
   07 · Pills
   -------------------------------------------------------------------------- */
.mx-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
  padding: 0.35em 1em;
  border-radius: var(--mx-radius-pill);
  border: 1px solid color-mix(in srgb, var(--mx-electric) 35%, transparent);
  background: color-mix(in srgb, var(--mx-electric) 7%, var(--mx-ink-2));
  font-family: var(--mx-font-body);
  font-weight: 600;
  font-size: var(--mx-eyebrow);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--mx-accent);
  white-space: nowrap;
}
.mx-pill--plasma { color: var(--mx-accent); }
.mx-pill--lab { color: var(--mx-ink); border-color: color-mix(in srgb, var(--mx-ink) 30%, transparent); background: none; }

/* --------------------------------------------------------------------------
   08 · Disclaimer box
   -------------------------------------------------------------------------- */
.mx-disclaimer {
  border: 1px solid color-mix(in srgb, var(--mx-electric) 25%, transparent);
  border-radius: var(--mx-radius);
  padding: var(--mx-space-4);
  font-size: var(--mx-small);
  line-height: 1.6;
  color: var(--mx-text-dim);
  max-width: none;
  background: var(--mx-ink-2);
}
.color-scheme-3 .mx-disclaimer {
  border-color: color-mix(in srgb, var(--mx-plasma) 30%, transparent);
  color: color-mix(in srgb, #f0f5fc 80%, var(--mx-plasma));
  background: none;
}
.mx-disclaimer p + p { margin-block-start: var(--mx-space-2); }

/* --------------------------------------------------------------------------
   09 · Media slots & placeholder frames
   -------------------------------------------------------------------------- */
.mx-media {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  border-radius: var(--mx-radius-lg);
}
.mx-media--ratio { aspect-ratio: var(--mx-ratio, 16 / 9); }
.mx-media > img, .mx-media > video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.mx-media > picture { display: block; width: 100%; height: 100%; }
.mx-media > picture > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.mx-media--bare { border-radius: 0; overflow: visible; }

.mx-scene {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.mx-scene__fallback {
  position: absolute;
  inset: 0;
  transition: opacity 0.6s ease-out;
}
.mx-scene__fallback svg { width: 100%; height: 100%; }
.mx-scene__canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transform: scale(0.92);
  transition: opacity 0.7s ease-out, transform 0.7s ease-out;
}
.mx-scene.is-ready .mx-scene__canvas { opacity: 1; transform: none; }
.mx-scene.is-ready .mx-scene__fallback { opacity: 0; pointer-events: none; }
mx-scene[data-interactive='true'].is-ready .mx-scene__canvas { cursor: grab; }
mx-scene[data-interactive='true'].is-ready .mx-scene__canvas:active { cursor: grabbing; }
@media (prefers-reduced-motion: reduce) {
  .mx-scene__fallback,
  .mx-scene__canvas { transition: none; transform: none; }
}

.mx-formula__scene { margin-block-end: var(--mx-space-6); }
.mx-formula__scene .mx-media { overflow: visible; }

.mx-frame {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--mx-space-3);
  background: #ebe6dc;
  border: 1px solid #ddd6c8;
  border-radius: inherit;
  padding: var(--mx-space-4);
  text-align: center;
}
.mx-frame::before,
.mx-frame::after {
  content: '';
  position: absolute;
  width: 14px;
  height: 14px;
  border: 1px solid color-mix(in srgb, var(--mx-electric) 50%, transparent);
}
.mx-frame::before { inset-block-start: 8px; inset-inline-start: 8px; border-width: 1px 0 0 1px; }
.mx-frame::after { inset-block-end: 8px; inset-inline-end: 8px; border-width: 0 1px 1px 0; }
.mx-frame__kind {
  font-family: var(--mx-font-mono);
  font-size: 1.2rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--mx-ink);
  background: var(--mx-ink-2);
  border: 1px solid var(--mx-ink-3);
  border-radius: var(--mx-radius-pill);
  padding: 0.5rem 16px;
}
.mx-frame__meta {
  font-family: var(--mx-font-mono);
  font-size: var(--mx-eyebrow);
  line-height: 1.7;
  color: var(--mx-text-dim);
  max-width: 44ch;
}
.mx-frame--quiet {
  border-style: solid;
  border-color: var(--mx-ink-3);
  background: #f0ece3;
}
.mx-frame--quiet .mx-frame__kind,
.mx-frame--quiet .mx-frame__meta { display: none; }

.mx-svg { display: block; width: 100%; height: 100%; color: var(--mx-plasma); }
.mx-svg text { font-family: var(--mx-font-mono); fill: currentColor; }

@media (prefers-reduced-motion: no-preference) {
  .mx-svg .mx-svg-draw {
    stroke-dasharray: var(--mx-dash, 600);
    stroke-dashoffset: var(--mx-dash, 600);
    animation: mx-draw 2.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  }
  .mx-svg .mx-svg-orbit { animation: mx-orbit 14s linear infinite; transform-origin: center; transform-box: fill-box; }
  .mx-svg .mx-svg-pulse { animation: mx-pulse 8s ease-in-out infinite; }
  .mx-svg .mx-svg-drift { animation: mx-drift 12s ease-in-out infinite; }
  .mx-svg .mx-svg-sweep { animation: mx-sweep 9s ease-in-out infinite; }
  .mx-svg .mx-svg-rotor { animation: mx-orbit 10s linear infinite; transform-origin: center; transform-box: fill-box; }
  .mx-svg .mx-svg-rise { animation: mx-rise 6s linear infinite; }
  .mx-svg .mx-svg-flow { stroke-dasharray: 0.1 16; animation: mx-flow 7s linear infinite; }
  .mx-svg .mx-svg-sway { animation: mx-mito-sway 5.5s ease-in-out infinite; transform-origin: center; transform-box: fill-box; }
  .mx-svg .mx-svg-atp { animation: mx-atp var(--mx-atp-d, 8s) linear infinite; }
  .mx-svg .mx-svg-breathe { animation: mx-mito-breathe 6s ease-in-out infinite; transform-origin: center; transform-box: fill-box; }
  .mx-svg .mx-svg-cap-top { animation: mx-cap-top 4.5s ease-in-out infinite alternate; }
  .mx-svg .mx-svg-cap-bot { animation: mx-cap-bot 4.5s ease-in-out infinite alternate; }
}
@keyframes mx-draw { to { stroke-dashoffset: 0; } }
@keyframes mx-orbit { to { transform: rotate(360deg); } }
@keyframes mx-pulse { 0%, 100% { opacity: 0.55; } 50% { opacity: 1; } }
@keyframes mx-drift {
  0%, 100% { transform: translate(0, 0); opacity: 0; }
  12% { opacity: 1; }
  88% { opacity: 1; }
  50% { transform: translate(var(--mx-dx, 20px), var(--mx-dy, -14px)); }
}
@keyframes mx-sweep {
  0%, 55%, 100% { transform: translateX(-130%); opacity: 0; }
  60% { opacity: 0.5; }
  80% { transform: translateX(130%); opacity: 0; }
}
@keyframes mx-rise {
  0% { transform: translateY(14px); opacity: 0; }
  25% { opacity: 0.9; }
  100% { transform: translateY(-26px); opacity: 0; }
}
@keyframes mx-flow { to { stroke-dashoffset: -161; } }
@keyframes mx-mito-sway {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(3px); }
}
@keyframes mx-atp {
  0% { transform: translateX(0); opacity: 0; }
  10% { opacity: 0.9; }
  85% { opacity: 0.9; }
  100% { transform: translateX(var(--mx-atp-run, 230px)); opacity: 0; }
}
@keyframes mx-mito-breathe {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.018); }
}
@keyframes mx-cap-top {
  from { transform: translateY(0); }
  to { transform: translateY(-10px); }
}
@keyframes mx-cap-bot {
  from { transform: translateY(0); }
  to { transform: translateY(10px); }
}

.mx-glow-field {
  display: block;
  position: absolute;
  inset: -8%;
  pointer-events: none;
  background: radial-gradient(48% 52% at 50% 52%, rgba(87, 182, 255, 0.14), transparent 72%);
}

/* --------------------------------------------------------------------------
   10 · HERO
   -------------------------------------------------------------------------- */
.mx-hero {
  position: relative;
  overflow: hidden;
  z-index: 1;
  border-radius: 0 0 var(--mx-radius-2xl) var(--mx-radius-2xl);
}
.mx-hero.gradient {
  background:
    linear-gradient(180deg, rgba(10, 24, 52, 0) 72%, #0a1834 92%),
    radial-gradient(70% 34% at 52% -8%, rgba(87, 182, 255, 0.16), transparent 72%),
    radial-gradient(42% 55% at 68% 26%, rgba(87, 182, 255, 0.14), transparent 70%),
    radial-gradient(52% 60% at 24% 80%, rgba(46, 123, 255, 0.10), transparent 72%),
    linear-gradient(180deg, #122752 0%, var(--mx-midnight) 55%, #0a1834 100%);
}
.mx-hero__grid-overlay { display: none; }
.mx-hero__inner {
  display: grid;
  gap: var(--mx-space-6);
  align-items: center;
  min-height: min(100svh, 90rem);
  padding-block: calc(var(--header-height, 6.4rem) + 1.6rem) var(--mx-space-6);
  position: relative;
}
@media screen and (min-width: 990px) {
  .mx-hero__inner { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
  .mx-hero__copy { max-width: 46ch; }
  .mx-hero__title { max-width: 15ch; }
}
.mx-hero__clock {
  font-family: var(--mx-font-mono);
  font-size: var(--mx-small);
  letter-spacing: 0.3em;
  color: var(--mx-accent);
  display: inline-block;
  margin-block-end: var(--mx-space-3);
}
.mx-hero__title { margin: 0 0 var(--mx-space-4); }
.mx-hero__lockup { margin-block-start: 0.6rem; }
.color-scheme-3 .mx-hero__sub { color: #c7d5ec; }
.color-scheme-3 .mx-hero__clock { color: var(--mx-plasma); }
.color-scheme-3 .mx-hero__trust li {
  background: rgba(255, 255, 255, 0.08);
  -webkit-backdrop-filter: var(--mx-glass-blur-nav);
  backdrop-filter: var(--mx-glass-blur-nav);
  border-color: rgba(255, 255, 255, 0.22);
  border-radius: var(--mx-radius-full);
  color: #dbe6f7;
}
.color-scheme-3 .mx-btn--ghost { color: #f0f5fc; }
.color-scheme-3 .mx-svg--bottle {
  --mx-bottle-body: #223c68;
  --mx-bottle-cap: #2e4d85;
  --mx-bottle-label: #142647;
}
.mx-hero__sub {
  max-width: 44ch;
  color: var(--mx-text-dim);
  font-size: clamp(1.9rem, 1.7rem + 0.6vw, 2.4rem);
  margin-block-end: var(--mx-space-5);
}
.mx-hero__actions { display: flex; flex-wrap: wrap; gap: var(--mx-space-3) var(--mx-space-4); align-items: center; margin-block-end: var(--mx-space-5); }
.mx-hero__trust {
  display: flex;
  flex-wrap: wrap;
  gap: var(--mx-space-2);
  padding: 0;
  margin: 0;
  list-style: none;
}
.mx-hero__trust li {
  font-family: var(--mx-font-body);
  font-size: 1.35rem;
  font-weight: 500;
  color: var(--mx-text-dim);
  background: var(--mx-ink-2);
  border: 1px solid var(--mx-ink-3);
  border-radius: var(--mx-radius-pill);
  padding: 0.4em 1em;
}
.mx-hero__media {
  position: relative;
  align-self: stretch;
  min-height: 480px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mx-hero__media .mx-media,
.mx-hero__media .mx-media--ratio {
  position: absolute;
  inset: 4% 0;
  aspect-ratio: auto;
  height: 92%;
  filter: drop-shadow(0 34px 40px rgba(14, 33, 72, 0.22));
}
.mx-hero__media .mx-media > img { object-fit: contain; }
/* --------------------------------------------------------------------------
   10b · Podium hero
   -------------------------------------------------------------------------- */
.mx-hero--podium { border-radius: 0; }
.mx-hero--podium.gradient {
  background:
    radial-gradient(64% 26% at 52% -6%, rgba(87, 182, 255, 0.16), transparent 70%),
    radial-gradient(40% 22% at 72% 16%, rgba(87, 182, 255, 0.11), transparent 72%),
    radial-gradient(46% 22% at 22% 20%, rgba(46, 123, 255, 0.09), transparent 74%),
    linear-gradient(180deg, #122752 0%, #0e2148 30%, #0a1834 48%, #0a1834 100%);
}
.mx-hero--podium .mx-hero__inner {
  position: static;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto;
  align-content: start;
  min-height: 100svh;
  gap: 0;
  padding-block: calc(var(--header-height, 6.4rem) + var(--mx-hero-offset-m, 30px)) 0;
}
.mx-hero--podium .mx-hero__copy {
  max-width: 60ch;
  margin-inline: auto;
  text-align: center;
}
.mx-hero--podium .mx-hero__title { max-width: none; }
.mx-hero--podium .mx-hero__sub { margin-inline: auto; }
.mx-hero--podium .mx-hero__actions,
.mx-hero--podium .mx-hero__trust { justify-content: center; }
@media screen and (min-width: 750px) {
  .mx-hero--podium .mx-hero__inner {
    padding-block-start: calc(var(--header-height, 6.4rem) + var(--mx-hero-offset-d, 60px));
  }
  .mx-hero--podium .mx-eyebrow { margin-block-end: 8px; }
  .mx-hero--podium .mx-hero__title {
    font-size: min(clamp(3.2rem, 1.8rem + 2.4vw, 5rem), 7svh);
    line-height: 1.02;
    margin-block-end: 16px;
  }
  .mx-hero--podium .mx-hero__lockup {
    font-size: min(clamp(3.6rem, 1.8rem + 3.2vw, 6.4rem), 8.4svh);
    margin-block-start: 0.4rem;
  }
  .mx-hero--podium .mx-hero__sub {
    font-size: clamp(1.65rem, 1.45rem + 0.35vw, 1.85rem);
    line-height: 1.42;
    max-width: 56ch;
    margin-block-end: 16px;
  }
  .mx-hero--podium .mx-hero__actions { margin-block-end: 0; }
}
.mx-hero--podium .mx-hero__media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  max-height: none;
  margin: 0;
  display: block;
  overflow: hidden;
  z-index: 0;
}
.mx-hero--podium .mx-hero__media .mx-media,
.mx-hero--podium .mx-hero__media .mx-media--ratio {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  filter: none;
  -webkit-mask-image: none;
  mask-image: none;
}
.mx-hero--podium .mx-hero__media picture { display: block; width: 100%; height: 100%; }
.mx-hero--podium .mx-hero__media .mx-media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: 50% 100%;
}
.mx-hero--podium .mx-hero__copy { position: relative; z-index: 1; }
.mx-hero--podium .mx-glow-field { display: none; }

.mx-glass-card {
  background: var(--mx-glass-bg);
  -webkit-backdrop-filter: var(--mx-glass-blur);
  backdrop-filter: var(--mx-glass-blur);
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: var(--mx-radius);
  padding: 16px 24px;
}
.mx-hero__specs {
  position: absolute;
  inset-block-end: var(--mx-space-4);
  inset-inline-start: var(--mx-space-4);
  display: grid;
  gap: 0.4rem;
  max-width: min(32ch, calc(100% - var(--mx-space-4) * 2));
}
.mx-hero__specs-label {
  font-family: var(--mx-font-mono);
  font-size: 1.15rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--mx-accent);
}
.mx-hero__specs-body {
  font-size: 1.45rem;
  font-weight: 550;
  color: var(--mx-ink);
  line-height: 1.45;
}
@media screen and (max-width: 989px) {
  .mx-hero__inner { min-height: 0; }
  .mx-hero__media { min-height: 380px; max-height: 54svh; order: -1; }
}
@media screen and (max-width: 749px) {
  .mx-hero__inner {
    padding-block: calc(var(--header-height, 5.6rem) + 1.2rem) var(--mx-space-4);
    gap: var(--mx-space-3);
    min-height: 100svh;
    align-content: center;
  }
  .mx-hero__media {
    min-height: 0;
    max-height: none;
    height: clamp(150px, 24svh, 210px);
  }
  .mx-hero .mx-eyebrow { letter-spacing: 0.1em; margin-block-end: var(--mx-space-2); }
  .mx-hero__title { margin-block-end: var(--mx-space-2); }
  .mx-hero__sub { font-size: 1.6rem; margin-block-end: var(--mx-space-3); }
  .mx-hero__actions { margin-block-end: var(--mx-space-3); }
  .mx-hero__trust li { font-size: 1.2rem; padding: 0.35em 0.9em; }
}
@media screen and (max-width: 749px) {
  .mx-hero--podium .mx-hero__inner {
    padding-block: calc(var(--header-height, 5.6rem) + var(--mx-hero-offset-m, 30px)) 0;
  }
  .mx-hero--podium .mx-hero__title { margin-block-end: var(--mx-space-2); }
  .mx-hero--podium .mx-hero__lockup { margin-block-start: 0.2rem; }
  .mx-hero--podium .mx-hero__sub {
    font-size: 1.5rem;
    line-height: 1.42;
    max-width: 34ch;
    margin-block-end: var(--mx-space-3);
  }
  .mx-hero--podium .mx-hero__actions {
    gap: var(--mx-space-2);
    margin-block-end: var(--mx-space-3);
  }
  .mx-hero--podium .mx-hero__actions { flex-wrap: wrap; }
  .mx-hero--podium .mx-hero__actions > * { flex: 0 1 auto; }
  .mx-hero--podium .mx-hero__actions .mx-btn {
    width: auto;
    max-width: 100%;
    justify-content: center;
  }
  .mx-hero--podium .mx-hero__trust { gap: 0.5rem; }
  .mx-hero--podium .mx-hero__trust li { font-size: 1.1rem; padding: 0.28em 0.75em; }
}
@media screen and (max-width: 749px) and (max-height: 730px) {
  .mx-hero--podium .mx-eyebrow { font-size: 1rem; margin-block-end: 0.4rem; }
  .mx-hero--podium .mx-hero__title { font-size: 2.5rem; }
  .mx-hero--podium .mx-hero__lockup { font-size: min(3rem, 8.2vw); }
  .mx-hero--podium .mx-hero__sub {
    font-size: 1.3rem;
    max-width: 36ch;
    margin-block-end: 8px;
  }
  .mx-hero--podium .mx-hero__actions { margin-block-end: 8px; }
  .mx-hero--podium .mx-hero__trust { gap: 0.4rem; }
  .mx-hero--podium .mx-hero__trust li { font-size: 0.95rem; padding: 0.25em 0.6em; }
}

/* --------------------------------------------------------------------------
   11 · MARQUEE
   -------------------------------------------------------------------------- */
.mx-marquee {
  overflow: hidden;
  background: #0a1834;
}
.mx-section-hero { z-index: 2; }
.mx-hero--split { margin-block-end: calc(-1 * var(--mx-radius-2xl)); }
.mx-marquee__viewport { display: flex; overflow: hidden; }
.mx-marquee__track {
  display: flex;
  flex-shrink: 0;
  min-width: 100%;
  gap: var(--mx-space-6);
  padding-block: var(--mx-space-5);
  padding-inline-end: var(--mx-space-6);
  align-items: center;
}
.mx-marquee__item {
  font-family: var(--mx-font-display);
  font-size: clamp(2rem, 2.6vw, 3.2rem);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #dbe7fb;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: var(--mx-space-6);
}
.mx-marquee__item::after { content: '·'; color: var(--mx-plasma); }
@media (prefers-reduced-motion: no-preference) {
  .mx-marquee__track { animation: mx-marquee var(--mx-marquee-speed, 36s) linear infinite; }
}
@keyframes mx-marquee { to { transform: translateX(-100%); } }
@media (prefers-reduced-motion: reduce) {
  .mx-marquee__viewport { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .mx-marquee__track[aria-hidden='true'] { display: none; }
}

/* --------------------------------------------------------------------------
   12 · STORY
   -------------------------------------------------------------------------- */
.mx-story__inner { display: grid; gap: var(--mx-space-6); }
@media screen and (min-width: 990px) {
  .mx-story__inner { grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: var(--mx-space-8); }
  .mx-story__media-col { position: relative; }
  .mx-story__media-sticky {
    position: sticky;
    top: var(--mx-space-7);
    max-width: 480px;
    margin-inline-start: auto;
  }
}
.mx-story__body p { max-width: 62ch; margin-block: 0 var(--mx-space-4); }
.mx-story__quote {
  font-family: var(--mx-font-display);
  font-size: var(--mx-h3);
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: -0.01em;
  border-inline-start: 3px solid var(--mx-electric);
  padding-inline-start: var(--mx-space-4);
  margin-block: var(--mx-space-6);
  max-width: 44ch;
  color: rgb(var(--color-foreground));
}
.mx-story__sign {
  font-family: var(--mx-font-mono);
  font-size: var(--mx-small);
  letter-spacing: 0.08em;
  color: var(--mx-text-dim);
}
.mx-story__media-col .mx-media { aspect-ratio: 16 / 9; }
@media screen and (min-width: 750px) {
  .mx-story__media-col .mx-media { aspect-ratio: 9 / 16; }
}
@media screen and (min-width: 750px) and (max-width: 989px) {
  .mx-story__media-sticky { max-width: 420px; margin-inline: auto; }
}

/* --------------------------------------------------------------------------
   13 · MECHANISM
   -------------------------------------------------------------------------- */
.mx-mechanism__head { margin-block-end: var(--mx-space-7); }
.mx-duel { display: grid; gap: var(--mx-space-4); }
@media screen and (min-width: 750px) {
  .mx-duel { grid-template-columns: 1fr 1fr; gap: var(--mx-space-5); }
}
.mx-duel__card {
  display: flex;
  flex-direction: column;
  border-radius: calc(var(--mx-radius-lg) + 8px);
  padding: var(--mx-space-6) var(--mx-space-5);
  overflow: hidden;
}
@media screen and (min-width: 990px) {
  .mx-duel__card { padding: var(--mx-space-7) var(--mx-space-6); }
}
.mx-duel__photo {
  margin: calc(var(--mx-space-6) * -1) calc(var(--mx-space-5) * -1) var(--mx-space-5);
}
@media screen and (min-width: 990px) {
  .mx-duel__photo { margin: calc(var(--mx-space-7) * -1) calc(var(--mx-space-6) * -1) var(--mx-space-6); }
}
.mx-duel__photo .mx-media { border-radius: 0; }
.mx-duel__card--borrowed {
  background: var(--mx-ink-2);
  --duel-accent: #6b7d9c;
  --duel-line: rgba(22, 35, 59, 0.14);
  --duel-key: var(--mx-text-dim);
  --duel-val: var(--mx-ink);
}
.color-scheme-3 .mx-duel__card--made {
  background: #16295a;
  border: 1px solid rgba(255, 255, 255, 0.14);
}
.color-scheme-3 .mx-mechanism__note { color: #9db1d1; }
.mx-duel__card--made {
  background: var(--mx-midnight);
  color: #f0f5fc;
  --duel-accent: var(--mx-electric);
  --duel-line: rgba(240, 245, 252, 0.16);
  --duel-key: #9db1d1;
  --duel-val: #f0f5fc;
}
.mx-duel__label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 var(--mx-space-4);
  font-family: var(--mx-font-mono);
  font-size: var(--mx-eyebrow);
  font-weight: 500;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--duel-key);
}
.mx-duel__label::before {
  content: '';
  width: 22px;
  height: 4px;
  border-radius: var(--mx-radius-pill);
  background: var(--duel-accent);
}
.mx-duel__statement {
  margin: 0 0 var(--mx-space-5);
  font-size: var(--mx-h3);
  line-height: 1.15;
  font-weight: 550;
  letter-spacing: -0.01em;
  color: var(--duel-val);
}
.mx-duel__fuel { margin: 0; }
.mx-duel__battery {
  position: relative;
  display: flex;
  gap: 5px;
  height: 58px;
  padding: 5px;
  border: 2px solid var(--duel-frame);
  border-radius: 14px;
  margin-inline-end: 8px;
}
.mx-duel__battery::after {
  content: '';
  position: absolute;
  inset-inline-end: -9px;
  inset-block-start: 50%;
  translate: 0 -50%;
  width: 5px;
  height: 20px;
  border-radius: 0 4px 4px 0;
  background: var(--duel-frame);
}
.mx-duel__cell {
  flex: 1;
  border-radius: 8px;
  background: var(--duel-accent);
  transform-origin: 50% 100%;
}
.mx-duel__card--borrowed { --duel-frame: color-mix(in srgb, var(--mx-ink) 30%, transparent); }
.mx-duel__card--made { --duel-frame: rgba(240, 245, 252, 0.4); }
.mx-duel__card--borrowed .mx-duel__cell:nth-child(4) { opacity: 0.5; }
.mx-duel__card--borrowed .mx-duel__cell:nth-child(5) { opacity: 0.22; }
.mx-duel__card--borrowed .mx-duel__cell:nth-child(n + 6) {
  background: transparent;
  border: 1.5px solid var(--duel-line);
}
.mx-duel__fuelticks {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-block-start: 8px;
  margin-inline-end: 8px;
  font-family: var(--mx-font-mono);
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  color: var(--duel-key);
}
.mx-duel__fuelticks .mx-duel__tick3 {
  position: absolute;
  inset-inline-start: 62.5%;
  translate: -50% 0;
}
.mx-duel__card--made .mx-duel__tick3 { color: var(--mx-plasma); }
.mx-duel__verdict {
  margin: var(--mx-space-4) 0 0;
  font-family: var(--mx-font-mono);
  font-size: 1.35rem;
  letter-spacing: 0.06em;
  color: var(--duel-val);
}
.mx-duel__card--made .mx-duel__verdict { color: var(--mx-plasma); }
@media (prefers-reduced-motion: no-preference) {
  .mx-duel .mx-duel__cell { transform: scaleY(0); }
  .mx-duel.is-inview .mx-duel__cell {
    transform: scaleY(1);
    transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);
  }
  .mx-duel.is-inview .mx-duel__cell:nth-child(1) { transition-delay: 0.25s; }
  .mx-duel.is-inview .mx-duel__cell:nth-child(2) { transition-delay: 0.33s; }
  .mx-duel.is-inview .mx-duel__cell:nth-child(3) { transition-delay: 0.41s; }
  .mx-duel.is-inview .mx-duel__cell:nth-child(4) { transition-delay: 0.49s; }
  .mx-duel.is-inview .mx-duel__cell:nth-child(5) { transition-delay: 0.57s; }
  .mx-duel.is-inview .mx-duel__cell:nth-child(6) { transition-delay: 0.65s; }
  .mx-duel.is-inview .mx-duel__cell:nth-child(7) { transition-delay: 0.73s; }
  .mx-duel.is-inview .mx-duel__cell:nth-child(8) { transition-delay: 0.81s; }
}
/* --------------------------------------------------------------------------
   17c · LEDGER
   -------------------------------------------------------------------------- */
.mx-ledger {
  --mx-ledger-pad: 32px;
  --mx-ledger-spine: 128px;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: var(--mx-ledger-pad);
  border-radius: var(--mx-radius-lg);
  background: var(--mx-midnight);
  color: #eaf1fb;
}
@media screen and (min-width: 750px) {
  .mx-ledger { --mx-ledger-pad: 48px; }
}
@media screen and (min-width: 990px) {
  .mx-ledger { --mx-ledger-pad: 64px; --mx-ledger-spine: 160px; }
}
.mx-ledger__backdrop {
  position: absolute;
  inset: 0;
  z-index: -1;
}
.mx-ledger__backdrop img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.16;
}
.mx-ledger__backdrop::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(14, 33, 72, 0.88), rgba(10, 24, 52, 0.97));
}
@media screen and (min-width: 750px) {
  .mx-ledger::after {
    content: '';
    position: absolute;
    inset-block: 0;
    inset-inline-start: calc(50% + var(--mx-ledger-spine) / 2 + 16px);
    inset-inline-end: 0;
    z-index: -1;
    background: rgba(46, 123, 255, 0.07);
    border-inline-start: 1px solid rgba(87, 182, 255, 0.18);
  }
}

.mx-ledger__row {
  display: grid;
  gap: var(--mx-space-3);
  padding-block: var(--mx-space-4);
  border-block-start: 1px solid rgba(255, 255, 255, 0.13);
}
@media screen and (min-width: 750px) {
  .mx-ledger__row {
    grid-template-columns: 1fr var(--mx-ledger-spine) 1fr;
    gap: var(--mx-space-5);
    align-items: start;
    padding-block: var(--mx-space-5);
  }
}
.mx-ledger__row--head {
  border-block-start: 0;
  padding-block-start: 0;
}
.mx-ledger__row--foot { padding-block-end: 0; }

.mx-ledger__side--borrowed { color: rgba(234, 241, 251, 0.52); }
.mx-ledger__side--made { color: #eaf1fb; }
@media screen and (max-width: 749px) {
  .mx-ledger__side {
    padding-inline-start: var(--mx-space-3);
    border-inline-start: 2px solid currentColor;
  }
  .mx-ledger__side--made { border-inline-start-color: var(--mx-plasma); }
}
@media screen and (min-width: 750px) {
  .mx-ledger__side--made { padding-inline-start: var(--mx-space-3); }
}

.mx-ledger__tag {
  display: inline-flex;
  align-items: center;
  gap: var(--mx-space-2);
  font-family: var(--mx-font-mono);
  font-size: 1.15rem;
  font-weight: 500;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.mx-ledger__tag::before {
  content: '';
  width: 16px;
  height: 2px;
  background: currentColor;
}
.mx-ledger__side--made .mx-ledger__tag { color: var(--mx-plasma); }

.mx-ledger__claim {
  margin: var(--mx-space-3) 0 0;
  font-size: clamp(2rem, 1.4rem + 1.1vw, 2.9rem);
  line-height: 1.14;
  font-weight: 600;
  letter-spacing: -0.01em;
  text-wrap: balance;
}
.mx-ledger__side--made .mx-ledger__claim { color: #ffffff; }

.mx-ledger__diagram {
  width: 100%;
  max-width: 440px;
  margin-block-start: var(--mx-space-4);
  aspect-ratio: 400 / 250;
}
@media screen and (max-width: 749px) {
  .mx-ledger__diagram { margin-inline: auto; }
}
.mx-ledger__side--borrowed .mx-ledger__diagram {
  --mx-electric: #64748f;
  --mx-plasma: #8a99b3;
  opacity: 0.72;
}
.mx-ledger__diagram--photo {
  aspect-ratio: 3 / 2;
  overflow: hidden;
  border-radius: var(--mx-radius);
  opacity: 1;
}
.mx-ledger__diagram--photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mx-ledger__side--borrowed .mx-ledger__diagram--photo {
  filter: saturate(0.55);
  opacity: 0.9;
}

.mx-ledger__key {
  font-family: var(--mx-font-mono);
  font-size: 1.15rem;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(234, 241, 251, 0.45);
}
.mx-ledger__key--spine { display: none; }
.mx-ledger__key--inline { display: block; }
@media screen and (min-width: 750px) {
  .mx-ledger__key--spine {
    display: block;
    padding-block-start: 2px;
    text-align: center;
    text-wrap: balance;
  }
  .mx-ledger__key--inline { display: none; }
}

.mx-ledger__value {
  margin: var(--mx-space-2) 0 0;
  font-size: 1.6rem;
  line-height: 1.45;
}
@media screen and (min-width: 750px) {
  .mx-ledger__value { margin: 0; }
}

.mx-ledger__hours {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  gap: var(--mx-space-2);
  max-width: min(100%, 360px);
  margin: 0 0 var(--mx-space-3);
  padding: 0;
  list-style: none;
  font-family: var(--mx-font-mono);
  font-size: 1.25rem;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.04em;
}
.mx-ledger__hours li {
  padding-block-end: var(--mx-space-2);
  text-align: center;
  border-block-end: 2px solid currentColor;
}
.mx-ledger__hours .is-fading { opacity: max(0.09, calc(0.52 - var(--d, 0) * 0.16)); }
.mx-ledger__side--made .mx-ledger__hours { color: var(--mx-plasma); }

.mx-ledger__verdict {
  margin: 0;
  font-family: var(--mx-font-mono);
  font-size: 1.25rem;
  letter-spacing: 0.04em;
}
.mx-ledger__side--made .mx-ledger__verdict { color: var(--mx-plasma); }

.mx-ledger__disclaimer { margin-block-start: var(--mx-space-6); }

@media (prefers-reduced-motion: no-preference) {
  .mx-ledger.mx-reveal .mx-ledger__hours li {
    opacity: 0;
    transform: translateY(6px);
  }
  .mx-ledger.is-inview .mx-ledger__hours li {
    opacity: 1;
    transform: none;
    transition: opacity 0.4s ease-out, transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    transition-delay: calc(0.18s + var(--h, 0) * 0.05s);
  }
  .mx-ledger.is-inview .mx-ledger__hours .is-fading {
    opacity: max(0.09, calc(0.52 - var(--d, 0) * 0.16));
  }
}

.mx-mechanism__note {
  margin: var(--mx-space-4) 0 0;
  font-family: var(--mx-font-mono);
  font-size: 1.3rem;
  letter-spacing: 0.08em;
  color: var(--mx-text-dim);
  text-align: center;
}

/* --------------------------------------------------------------------------
   12b · CAPSULE PANEL
   -------------------------------------------------------------------------- */
.mx-mechanism--panel { position: relative; overflow: hidden; }
.mx-mechanism--panel.gradient { background: var(--mx-midnight); }
.mx-viacap__backdrop { position: absolute; inset: 0; }
.mx-viacap__backdrop img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(1.6) saturate(1.15);
}
.mx-viacap__backdrop::after {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(42% 52% at 74% 28%, rgba(87, 182, 255, 0.35), transparent 70%),
    radial-gradient(48% 58% at 20% 78%, rgba(46, 123, 255, 0.3), transparent 72%);
}
.mx-viacap__scrim { position: absolute; inset: 0; background: rgba(10, 20, 44, 0.2); }
.mx-mechanism--panel .section-pad { position: relative; }
.mx-viacap__panel {
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  gap: var(--mx-space-5);
  border-radius: var(--mx-radius-2xl);
  padding: var(--mx-space-5);
  color: #f0f5fc;
  overflow: hidden;
}
.mx-viacap__panel > .mx-glass-layer {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background: linear-gradient(150deg, rgba(120, 136, 170, 0.46), rgba(88, 102, 134, 0.38));
}
@media screen and (max-width: 749px) {
  .mx-viacap__panel > .mx-glass-layer { background: rgba(16, 28, 56, 0.72); }
}
@media screen and (min-width: 990px) {
  .mx-viacap__panel {
    flex-direction: row;
    align-items: flex-start;
    gap: var(--mx-space-6);
    padding: var(--mx-space-8);
  }
  .mx-viacap__content { width: 45%; flex: 0 0 auto; }
  .mx-viacap__wrap { width: 55%; }
}
.mx-viacap__content > * + * { margin-block-start: var(--mx-space-4); }
.mx-viacap__eyebrow { color: #f0f5fc; margin-block-end: 0; }
.mx-viacap__title { margin: 0; font-size: var(--mx-h2); color: #ffffff; max-width: 16ch; }
.mx-viacap__note {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--mx-space-4);
  max-width: 46rem;
  padding: var(--mx-space-4) var(--mx-space-5);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: var(--mx-radius);
}
.mx-viacap__note-title { margin: 0; font-size: 1.7rem; font-weight: 500; max-width: 30ch; }
.mx-viacap__perf {
  margin: 0;
  font-family: var(--mx-font-mono);
  font-size: 4.2rem;
  font-weight: 500;
  line-height: 1;
  color: var(--mx-plasma);
  font-variant-numeric: tabular-nums;
}
.mx-viacap__sub { margin: 0; font-size: 1.45rem; color: #c7d5ec; }
.mx-viacap__content .mx-btn--ghost { color: #ffffff; }
.mx-viacap__wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 50rem;
  padding-block: var(--mx-space-5);
}
.mx-viacap__scene {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min(42rem, 80%);
  aspect-ratio: 1 / 1;
  pointer-events: none;
}
.mx-viacap__scene .mx-media { position: absolute; inset: 0; }
.mx-media__motion {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: transparent;
}
.mx-viacap__scene--motion .mx-media__motion { position: absolute; inset: 0; }
.mx-media__motion-flat {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: transparent;
}
.mx-media__motion-flat[hidden] { display: none; }
.mx-viacap__scene--motion .mx-media__motion-flat { position: absolute; inset: 0; }

.mx-media__motion {
  border-radius: 1px;
  will-change: opacity;
}

@media screen and (min-width: 990px) {
  .mx-viacap__scene--motion { width: min(48rem, 88%); }
}
.mx-viacap__callout {
  display: flex;
  align-items: center;
  gap: 0;
  max-width: 22rem;
  position: relative;
  z-index: 2;
}
.mx-viacap__callout--outer { align-self: flex-start; margin-block-start: var(--mx-space-4); }
.mx-viacap__callout--inner { align-self: flex-end; margin-block-end: var(--mx-space-4); }
.mx-viacap__callout-text { display: flex; flex-direction: column; }
.mx-viacap__callout-text p { margin: 0; font-size: 1.35rem; line-height: 1.45; color: #dbe6f7; }
.mx-viacap__subhead {
  font-family: var(--mx-font-mono);
  font-size: 1.15rem;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #ffffff;
  margin-block-end: 0.4rem;
}
.mx-viacap__leader {
  flex: 0 0 auto;
  width: 7rem;
  height: 0;
  border-top: 1px dashed rgba(255, 255, 255, 0.8);
  margin-inline: 16px;
}
@media screen and (max-width: 989px) {
  .mx-viacap__wrap {
    flex-direction: column;
    align-items: stretch;
    gap: var(--mx-space-4);
    min-height: 0;
  }
  .mx-viacap__scene {
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    margin-inline: auto;
    width: min(26rem, 70%);
    order: -1;
  }
  .mx-viacap__scene--motion {
    width: min(36rem, 96%);
    margin-block: calc(var(--mx-space-4) * -1);
  }
  .mx-viacap__leader { display: none; }
  .mx-viacap__callout {
    display: block;
    max-width: none;
    align-self: stretch;
    margin-block: 0;
    padding-block-start: var(--mx-space-3);
    border-block-start: 1px solid rgba(255, 255, 255, 0.16);
  }
  .mx-viacap__callout--inner { flex-direction: row; }
  .mx-viacap__callout .mx-viacap__subhead { color: var(--mx-plasma); margin-block-end: 0.5rem; }
  .mx-viacap__callout-text p { max-width: 46ch; }
}
@media screen and (max-width: 749px) {
  .mx-viacap__panel { text-align: center; }
  .mx-viacap__note {
    max-width: none;
    flex-direction: column;
    align-items: center;
    gap: var(--mx-space-2);
  }
  .mx-viacap__note-title { max-width: none; }
  .mx-viacap__note .mx-outline-pill::before {
    display: flex;
    width: fit-content;
    margin-inline: auto;
    margin-block-end: 8px;
  }
  .mx-viacap__sub { margin-inline: auto; }
  .mx-viacap__callout-text { align-items: center; }
  .mx-viacap__callout-text p { max-width: none; }
}

/* --------------------------------------------------------------------------
   14 · TIMELINE
   -------------------------------------------------------------------------- */
.mx-timeline__head { margin-block-end: var(--mx-space-7); }
.mx-timeline__steps {
  display: grid;
  gap: var(--mx-space-4);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (min-width: 750px) {
  .mx-timeline__steps { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--mx-space-5); }
}
.mx-timeline__card {
  display: flex;
  flex-direction: column;
  background: var(--mx-ink-2);
  border: 1px solid var(--mx-ink-3);
  border-radius: calc(var(--mx-radius-lg) + 4px);
  overflow: hidden;
}
.mx-timeline__media .mx-media { border-radius: 0; }
.mx-timeline__body { padding: var(--mx-space-5); }
.mx-timeline__stage-label {
  font-family: var(--mx-font-body);
  font-size: 1.45rem;
  font-weight: 600;
  color: #fafcff;
  background: var(--mx-midnight);
  border-radius: var(--mx-radius-pill);
  padding: 0.4em 1em;
  display: inline-block;
  margin-block-end: var(--mx-space-3);
}
.mx-timeline__body h3 { margin-block: 0 0.6rem; font-size: 2.4rem; font-weight: 550; line-height: 1.2; }
.mx-timeline__body p { color: var(--mx-text-dim); margin: 0; font-size: var(--mx-small); line-height: 1.55; }
.mx-timeline__foot {
  margin-block-start: var(--mx-space-6);
  font-size: var(--mx-small);
  color: var(--mx-text-dim);
}

/* --------------------------------------------------------------------------
   14c · TIMELINE, GANTT LAYOUT
   -------------------------------------------------------------------------- */
.mx-gantt {
  --mx-gantt-days: 60;
  --mx-gantt-line: var(--mx-ink-3);
  --mx-gantt-bar: var(--mx-ink);
  --mx-gantt-bar-ink: #fafcff;
  --mx-gantt-head: var(--mx-ink);
  --ramp: 0%;
  display: grid;
  grid-template-columns: repeat(var(--mx-gantt-days), minmax(0, 1fr));
  column-gap: 0;
  row-gap: var(--mx-space-2);
  margin-block-start: var(--mx-space-6);
}
.mx-gantt__rules {
  grid-column: 1 / -1;
  grid-row: var(--mx-gantt-rule-rows);
  display: grid;
  grid-template-columns: repeat(var(--mx-gantt-days), minmax(0, 1fr));
  pointer-events: none;
}
.mx-gantt__rules span {
  grid-column: var(--d) / span 1;
  border-inline-start: 1px dashed var(--mx-gantt-line);
}

.mx-gantt__stage { display: contents; }

.mx-gantt__bar {
  grid-column: var(--s) / span var(--n);
  grid-row: var(--r);
  display: flex;
  align-items: center;
  min-height: 4.6rem;
  padding-block: var(--mx-space-2);
  padding-inline: calc(var(--ramp) + var(--mx-space-3)) var(--mx-space-3);
  border-radius: var(--mx-radius);
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--mx-gantt-bar) 45%, transparent) 0%,
    var(--mx-gantt-bar) var(--ramp)
  );
  color: var(--mx-gantt-bar-ink);
  font-size: var(--mx-small);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.01em;
  text-wrap: balance;
}

.mx-gantt__axis {
  grid-column: 1 / -1;
  grid-row: var(--mx-gantt-axis-row);
  display: grid;
  grid-template-columns: repeat(var(--mx-gantt-days), minmax(0, 1fr));
  margin-block-start: var(--mx-space-3);
  padding-block-end: var(--mx-space-3);
}
.mx-gantt__axis span {
  grid-column: var(--d) / span 1;
  justify-self: start;
  white-space: nowrap;
  padding-inline-start: var(--mx-space-2);
  font-size: var(--mx-eyebrow);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--mx-text-dim);
}
.mx-gantt__axis span.mx-gantt__tick--end {
  justify-self: end;
  padding-inline: 0;
}

.mx-gantt__when,
.mx-gantt__col {
  grid-column: var(--cs) / span var(--cn);
  padding-inline-end: var(--mx-space-4);
}
.mx-gantt__when {
  grid-row: var(--mx-gantt-when-row);
  display: block;
  font-size: var(--mx-eyebrow);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--mx-ink);
  font-weight: 600;
}
.mx-gantt__col { grid-row: var(--mx-gantt-list-row); }
.mx-gantt__col ul { margin: 0; padding: 0; list-style: none; }
.mx-gantt__col li {
  position: relative;
  padding-inline-start: var(--mx-space-3);
  font-size: var(--mx-small);
  line-height: 1.45;
  color: var(--mx-text-dim);
}
.mx-gantt__col li + li { margin-block-start: 0.5em; }
.mx-gantt__col li::before {
  content: '';
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0.62em;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--mx-accent);
}

:is(.color-scheme-3, .color-scheme-4) .mx-gantt {
  --mx-gantt-line: rgba(150, 190, 255, 0.22);
  --mx-gantt-bar: #16305e;
  --mx-gantt-bar-ink: #f0f5fc;
  --mx-gantt-head: #f0f5fc;
}
:is(.color-scheme-3, .color-scheme-4) .mx-gantt__axis span,
:is(.color-scheme-3, .color-scheme-4) .mx-gantt__col li { color: #9db1d1; }
:is(.color-scheme-3, .color-scheme-4) .mx-gantt__when { color: #f0f5fc; }

.mx-gantt__cta { margin-block-start: var(--mx-space-6); }
@media screen and (max-width: 749px) {
  .mx-gantt__cta { margin-block-start: var(--mx-space-5); }
  .mx-gantt__cta .mx-btn { width: 100%; }
}

/* --- the phone version: one card per stage ------------------------------ */
@media screen and (max-width: 749px) {
  .mx-gantt {
    grid-template-columns: minmax(0, 1fr);
    row-gap: var(--mx-space-3);
    margin-block-start: var(--mx-space-5);
  }
  .mx-gantt__rules,
  .mx-gantt__axis { display: none; }
  .mx-section .mx-gantt__stage {
    display: block;
    padding: var(--mx-space-5);
    background: var(--mx-ink-2);
    border: 1px solid var(--mx-ink-3);
    border-radius: var(--mx-radius-lg);
    text-align: start;
  }
  .mx-gantt__when,
  .mx-gantt__col { padding-inline: 0; }
  .mx-gantt__when { margin-block-end: var(--mx-space-2); }
  .mx-gantt__bar {
    position: relative;
    display: block;
    min-height: 0;
    padding: var(--mx-space-3) 0 0;
    border-radius: 0;
    background: none;
    color: var(--mx-gantt-head);
    font-size: var(--mx-h3);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
  }
  .mx-gantt__bar::before,
  .mx-gantt__bar::after {
    content: '';
    position: absolute;
    inset-block-start: 0;
    height: 4px;
    border-radius: 2px;
  }
  .mx-gantt__bar::before {
    inset-inline: 0;
    background: var(--mx-gantt-line);
  }
  .mx-gantt__bar::after {
    inset-inline-start: 0;
    width: var(--fe);
    background: linear-gradient(
      90deg,
      var(--mx-gantt-bar) 0,
      var(--mx-gantt-bar) var(--fs),
      transparent 100%
    );
  }
  .mx-gantt__col { margin-block-start: var(--mx-space-3); }
}

/* --------------------------------------------------------------------------
   14b · SCIENCE TEASER
   -------------------------------------------------------------------------- */
.mx-teaser { display: grid; gap: var(--mx-space-5); }
@media screen and (min-width: 990px) {
  .mx-teaser {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    gap: var(--mx-space-7);
    align-items: center;
  }
}
.mx-teaser__media {
  display: flex;
  align-items: center;
  background: var(--mx-midnight);
  border-radius: var(--mx-radius-xl);
  padding: var(--mx-space-6);
  color: #dbe6f7;
}
.mx-teaser__media svg { width: 100%; height: auto; }
.mx-teaser__media .mx-media { width: 100%; }
.mx-teaser__media .mx-scene__fallback svg { height: 100%; }
.mx-teaser__list {
  display: grid;
  gap: var(--mx-space-4);
  margin: 0;
  padding: 0;
  list-style: none;
}
.mx-teaser__list li {
  display: flex;
  gap: var(--mx-space-4);
  align-items: baseline;
  text-align: start;
  border-block-start: 1px solid var(--mx-ink-3);
  padding-block-start: var(--mx-space-4);
}
.mx-teaser__list .mx-timeline__stage-label { flex: 0 0 auto; }
.mx-teaser__chapter h3 { margin: 0 0 0.4rem; font-size: 1.9rem; }
.mx-teaser__chapter p { margin: 0; font-size: 1.5rem; color: var(--mx-text-dim); }
.mx-teaser__link {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  margin-block-start: var(--mx-space-4);
  font-weight: 600;
  color: var(--mx-accent);
  text-underline-offset: 0.35em;
}

.mx-story__statement {
  display: grid;
  justify-items: center;
  gap: var(--mx-space-4);
  max-width: 88rem;
  margin-inline: auto;
  text-align: center;
}
.mx-story__bigquote {
  margin: 0;
  font-family: var(--mx-font-display);
  font-size: var(--mx-h2);
  font-weight: 600;
  line-height: 1.25;
}
.mx-story__link {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  font-weight: 600;
  color: var(--mx-accent);
  text-underline-offset: 0.35em;
}
.color-scheme-3 .mx-story__link { color: var(--mx-plasma); }

/* --------------------------------------------------------------------------
   15 · FORMULA
   -------------------------------------------------------------------------- */
.mx-formula__head { margin-block-end: var(--mx-space-7); }

.mx-formula__trio { display: grid; gap: var(--mx-space-4); }
@media screen and (min-width: 750px) {
  .mx-formula__trio { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--mx-space-5); }
}
.mx-fcard {
  display: flex;
  flex-direction: column;
  border-radius: calc(var(--mx-radius-lg) + 4px);
  padding: var(--mx-space-6) var(--mx-space-5);
  background: var(--mx-ink-2);
  border: 1px solid var(--mx-ink-3);
  overflow: hidden;
}
.mx-fcard__photo {
  margin: calc(var(--mx-space-6) * -1) calc(var(--mx-space-5) * -1) var(--mx-space-5);
}
.mx-fcard__photo .mx-media { border-radius: 0; }
.color-scheme-3 .mx-fcard,
.color-scheme-4 .mx-fcard {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.1);
}
.mx-fcard__role {
  display: block;
  margin-block-end: var(--mx-space-3);
  font-family: var(--mx-font-mono);
  font-size: 1.2rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--mx-accent);
}
.color-scheme-3 .mx-fcard__role { color: var(--mx-plasma); }
.mx-fcard__name {
  margin: 0 0 0.4rem;
  font-size: 2.4rem;
  line-height: 1.15;
  font-weight: 550;
}
.mx-fcard__dose {
  display: block;
  margin-block-end: var(--mx-space-4);
  font-family: var(--mx-font-mono);
  font-size: 1.35rem;
  letter-spacing: 0.08em;
  color: var(--mx-text-dim);
}
.color-scheme-3 .mx-fcard__dose { color: #9db1d1; }
.mx-fcard__body { margin: 0; font-size: var(--mx-small); line-height: 1.5; color: var(--mx-text-dim); }
.color-scheme-3 .mx-fcard__body { color: #c7d5ec; }
.mx-formula__also {
  margin: 0;
  font-size: 1.5rem;
  line-height: 1.5;
  color: var(--mx-text-dim);
  max-width: 60ch;
}
.color-scheme-3 .mx-formula__also { color: #9db1d1; }
.mx-formula__more {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--mx-space-4);
  margin-block-start: var(--mx-space-6);
}

.mx-formula__inner { display: grid; gap: var(--mx-space-7); align-items: start; }
@media screen and (min-width: 990px) {
  .mx-formula__inner { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
  .mx-formula__panel-col { position: sticky; top: var(--mx-space-6); }
}

.mx-facts {
  background: var(--mx-lab);
  color: #16233b;
  border: 2px solid #16233b;
  padding: var(--mx-space-4);
  font-family: var(--mx-font-mono);
  font-size: 1.65rem;
  line-height: 1.5;
  border-radius: var(--mx-radius-sm);
}
.mx-facts__title {
  font-family: var(--mx-font-display);
  font-size: 3.2rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  border-block-end: 10px solid #16233b;
  padding-block-end: var(--mx-space-1);
  margin-block-end: var(--mx-space-1);
}
.mx-facts__serving { padding-block: 3px; border-block-end: 1px solid #16233b; }
.mx-facts table { width: 100%; border-collapse: collapse; }
.mx-facts th, .mx-facts td { text-align: start; padding: 5px 0; border-block-end: 1px solid color-mix(in srgb, #16233b 35%, transparent); font-weight: 400; }
.mx-facts thead th { border-block-end: 4px solid #16233b; font-weight: 600; font-size: 1.45rem; }
.mx-facts tbody th { font-weight: 400; padding-inline-end: var(--mx-space-2); }
.mx-facts td { width: 1%; text-align: end; white-space: nowrap; }
.mx-facts thead th:not(:first-child) { text-align: end; }
.mx-facts td + td { padding-inline-start: var(--mx-space-3); }
.mx-facts__dv { font-size: 1.35rem; padding-block-start: var(--mx-space-2); }
.mx-facts__other { font-size: 1.35rem; border-block-start: 6px solid #16233b; padding-block-start: var(--mx-space-2); margin-block-start: var(--mx-space-2); }
@media screen and (max-width: 749px) {
  .mx-facts { font-size: 1.4rem; padding: var(--mx-space-3); }
  .mx-facts__title { font-size: 2.6rem; }
  .mx-facts thead th { font-size: 1.25rem; }
  .mx-facts td + td { padding-inline-start: var(--mx-space-2); }
  .mx-facts__dv, .mx-facts__other { font-size: 1.2rem; }
}
.mx-facts tbody th { overflow-wrap: break-word; }

.mx-actives { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.mx-actives__row {
  border-block-end: 1px solid color-mix(in srgb, rgb(var(--color-foreground)) 18%, transparent);
  border-start-start-radius: var(--mx-radius);
  border-start-end-radius: var(--mx-radius);
  transition: background-color 0.15s ease-out;
}
.mx-actives__row:hover { background: color-mix(in srgb, rgb(var(--color-foreground)) 5%, transparent); }
.mx-actives__row details summary {
  display: grid;
  grid-template-columns: 1fr auto auto 32px;
  gap: var(--mx-space-3);
  align-items: center;
  padding-block: var(--mx-space-3);
  padding-inline: var(--mx-space-2);
  cursor: pointer;
  list-style: none;
  color: rgb(var(--color-foreground));
}
.mx-actives__row details summary::-webkit-details-marker { display: none; }
.mx-actives__name { font-weight: 600; font-size: var(--mx-body); }
.mx-actives__dose {
  font-family: var(--mx-font-mono);
  font-size: var(--mx-small);
  text-align: end;
  color: var(--mx-plasma);
}
.color-scheme-1 .mx-actives__dose, .color-scheme-2 .mx-actives__dose, .color-scheme-5 .mx-actives__dose { color: var(--mx-accent); }
.mx-actives__bar { width: 96px; height: 5px; background: color-mix(in srgb, rgb(var(--color-foreground)) 14%, transparent); border-radius: 3px; overflow: hidden; }
.mx-actives__bar i { display: block; height: 100%; width: var(--mx-bar, 10%); background: var(--mx-plasma); border-radius: inherit; }
.mx-actives__chev {
  display: grid;
  place-items: center;
  justify-self: center;
  width: 32px;
  height: 32px;
  border: 1px solid color-mix(in srgb, rgb(var(--color-foreground)) 24%, transparent);
  border-radius: var(--mx-radius-pill);
  background: color-mix(in srgb, rgb(var(--color-foreground)) 5%, transparent);
  color: rgb(var(--color-foreground));
  transition: transform 0.2s ease-out, background-color 0.2s ease-out,
    border-color 0.2s ease-out, color 0.2s ease-out;
}
.mx-actives__row summary:hover .mx-actives__chev,
.mx-actives__row summary:focus-visible .mx-actives__chev {
  border-color: color-mix(in srgb, var(--mx-electric) 60%, transparent);
  background: color-mix(in srgb, var(--mx-electric) 14%, transparent);
}
.mx-actives__row details[open] .mx-actives__chev {
  transform: rotate(180deg);
  border-color: transparent;
  background: var(--mx-electric);
  color: #fafcff;
}
.mx-actives__row details.is-closing .mx-actives__chev {
  border-color: color-mix(in srgb, rgb(var(--color-foreground)) 24%, transparent);
  background: color-mix(in srgb, rgb(var(--color-foreground)) 5%, transparent);
  color: rgb(var(--color-foreground));
}
.mx-actives__body { padding: 0 var(--mx-space-2) var(--mx-space-4); max-width: 60ch; color: color-mix(in srgb, rgb(var(--color-foreground)) 78%, transparent); font-size: var(--mx-body); }
.mx-actives__body p { margin-block: 0 var(--mx-space-2); }
.mx-actives__relevance { font-weight: 600; color: rgb(var(--color-foreground)); }
.mx-actives__cite {
  font-family: var(--mx-font-mono);
  font-size: var(--mx-eyebrow);
  color: color-mix(in srgb, rgb(var(--color-foreground)) 55%, transparent);
}
@media screen and (max-width: 749px) {
  .mx-actives__bar { display: none; }
  .mx-actives__row details summary { grid-template-columns: 1fr auto 32px; }
}

/* --------------------------------------------------------------------------
   16 · COMPARE
   -------------------------------------------------------------------------- */
.mx-compare__head { margin-block-end: var(--mx-space-6); }
.mx-compare__scroll {
  --mx-compare-ground: var(--mx-midnight);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  background: var(--mx-compare-ground);
  border-radius: var(--mx-radius-lg);
  padding: var(--mx-space-5) var(--mx-space-5);
}
.color-scheme-3 .mx-compare__scroll,
.color-scheme-4 .mx-compare__scroll {
  --mx-compare-ground: rgb(var(--color-background));
  background: transparent;
  border-radius: 0;
  padding: 0;
}
.color-scheme-3 .mx-compare th:first-child,
.color-scheme-3 .mx-compare td:first-child,
.color-scheme-4 .mx-compare th:first-child,
.color-scheme-4 .mx-compare td:first-child { padding-inline-start: 0; }
.mx-compare table {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
  font-size: 1.75rem;
}
.mx-compare th, .mx-compare td {
  padding: var(--mx-space-3) var(--mx-space-4);
  text-align: center;
  border-block-end: 1px solid color-mix(in srgb, #f0f5fc 14%, transparent);
  color: #c7d5ec;
}
.mx-compare tbody tr:last-child :is(th, td) { border-block-end: 0; }
.mx-compare th { font-family: var(--mx-font-body); font-weight: 500; font-size: var(--mx-eyebrow); letter-spacing: 0.12em; text-transform: uppercase; }
.mx-compare th:first-child, .mx-compare td:first-child {
  text-align: start;
  color: #f0f5fc;
  position: sticky;
  inset-inline-start: 0;
  background: var(--mx-compare-ground);
  z-index: 1;
  font-size: 1.75rem;
  letter-spacing: 0;
  text-transform: none;
  font-weight: 500;
}
.mx-compare .mx-compare__us {
  color: #f0f5fc;
  background: color-mix(in srgb, var(--mx-plasma) 13%, transparent);
}
.mx-compare thead .mx-compare__us {
  color: var(--mx-plasma);
  border-start-start-radius: 0;
  border-start-end-radius: 0;
}
.mx-compare .mx-yes { color: var(--mx-plasma); }
.mx-compare .mx-no { color: #8fa3c4; opacity: 0.75; }
@media screen and (max-width: 749px) {
  .mx-compare__scroll {
    overflow-x: visible;
    padding: var(--mx-space-3) var(--mx-space-2);
  }
  .color-scheme-3 .mx-compare__scroll,
  .color-scheme-4 .mx-compare__scroll { padding: 0; }
  .mx-compare table {
    min-width: 0;
    table-layout: fixed;
    width: 100%;
  }
  .mx-compare th,
  .mx-compare td {
    padding: 16px 0.2rem;
    vertical-align: middle;
  }
  .mx-compare th:first-child,
  .mx-compare td:first-child {
    width: 37%;
    position: static;
    font-size: 1.3rem;
    line-height: 1.3;
    padding-inline: 0 0.6rem;
    overflow-wrap: break-word;
  }
  .mx-compare thead th { vertical-align: bottom; }
  .mx-compare thead .mx-compare__colname {
    display: inline-block;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-size: 1.1rem;
    letter-spacing: 0.1em;
    line-height: 1;
    white-space: nowrap;
  }
}

/* --------------------------------------------------------------------------
   17 · MISSION
   -------------------------------------------------------------------------- */
.mx-mission { position: relative; }
.mx-mission__rule { width: 64px; height: 3px; background: var(--mx-signal); margin-block-end: var(--mx-space-5); }
.mx-mission__inner { display: grid; gap: var(--mx-space-6); }
@media screen and (min-width: 990px) {
  .mx-mission__inner { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--mx-space-8); align-items: center; }
}
.mx-mission__body p { max-width: 58ch; margin-block: 0 var(--mx-space-4); }
.mx-mission__amount {
  font-family: var(--mx-font-mono);
  color: var(--mx-signal);
  font-weight: 600;
}
.mx-mission__pledge {
  border: 1px solid color-mix(in srgb, var(--mx-signal) 45%, transparent);
  background: var(--mx-ink-2);
  border-radius: var(--mx-radius-lg);
  padding: var(--mx-space-5);
  margin-block: var(--mx-space-5);
  max-width: 52ch;
}
.mx-mission__pledge p { margin: 0; font-size: var(--mx-h3); font-family: var(--mx-font-display); line-height: 1.3; }
.mx-mission__closing { font-weight: 600; color: rgb(var(--color-foreground)); }
.mx-mission__lockup {
  font-family: var(--mx-font-mono);
  font-size: var(--mx-eyebrow);
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--mx-signal);
  display: block;
  margin-block-start: var(--mx-space-4);
}
.mx-mission__media .mx-media { aspect-ratio: 4 / 5; }
:is(.color-scheme-1, .color-scheme-2, .color-scheme-5) :is(.mx-mission__lockup, .mx-mission__amount) {
  color: var(--mx-signal-text);
}

/* --------------------------------------------------------------------------
   18 · TESTING
   -------------------------------------------------------------------------- */
.mx-testing__head { margin-block-end: var(--mx-space-7); max-width: 64ch; }
.mx-testing__grid { display: grid; gap: var(--mx-space-4); grid-template-columns: 1fr; }
@media screen and (min-width: 750px) { .mx-testing__grid { grid-template-columns: repeat(2, 1fr); } }
@media screen and (min-width: 990px) {
  .mx-testing .page-width {
    display: grid;
    grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
    gap: var(--mx-space-8);
    align-items: start;
  }
  .mx-testing__head { margin: 0; }
  .mx-testing__grid { grid-template-columns: repeat(2, 1fr); }
}
.mx-testing__cell {
  background: var(--mx-ink-2);
  border: 1px solid var(--mx-ink-3);
  border-radius: var(--mx-radius-lg);
  padding: var(--mx-space-5);
  transition: border-color 0.2s ease-out;
}
.mx-testing__cell:hover { border-color: color-mix(in srgb, var(--mx-electric) 45%, transparent); }
.mx-testing__cell .mx-icon { color: var(--mx-electric); margin-block-end: var(--mx-space-4); }
.mx-testing__cell h3 { font-size: 2.2rem; font-family: var(--mx-font-body); font-weight: 600; letter-spacing: 0; margin-block: 0 var(--mx-space-2); }
.mx-testing__cell p { margin: 0; font-size: var(--mx-small); color: var(--mx-text-dim); }

/* --------------------------------------------------------------------------
   19 · FAQ
   -------------------------------------------------------------------------- */
.mx-faq__slab {
  --mx-faq-cardpad: clamp(16px, 2vw, 24px);
  --mx-faq-card: var(--mx-ink-2);
  --mx-faq-line: var(--mx-ink-3);
  --mx-faq-title: rgb(var(--color-foreground));
  --mx-faq-body: var(--mx-text-dim);
  --mx-faq-accent: var(--mx-accent);
  --mx-faq-chip: transparent;
  color: rgb(var(--color-foreground));
}
.color-scheme-3 .mx-faq__slab,
.color-scheme-4 .mx-faq__slab {
  --mx-faq-card: #16305e;
  --mx-faq-line: rgba(150, 190, 255, 0.16);
  --mx-faq-title: #f0f5fc;
  --mx-faq-body: #c7d5ec;
  --mx-faq-accent: var(--mx-plasma);
  --mx-faq-chip: rgba(255, 255, 255, 0.08);
}

.mx-faq__grid { display: flex; flex-direction: column; gap: var(--mx-space-6); }
.mx-faq__aside { display: contents; }
.mx-faq__head { order: 1; }
.mx-faq__list { order: 2; }
.mx-faq__help { order: 3; }

@media screen and (min-width: 990px) {
  .mx-faq__grid {
    display: grid;
    grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
    grid-template-rows: auto minmax(min-content, 1fr);
    gap: var(--mx-space-6);
  }
  .mx-faq__head { grid-column: 1; grid-row: 1; }
  .mx-faq__help { grid-column: 1; grid-row: 2; align-self: end; }
  .mx-faq__list { grid-column: 2; grid-row: 1 / -1; }
}
@media screen and (min-width: 1200px) {
  .mx-faq__grid { grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); }
}

/* --- left column -------------------------------------------------------- */
.mx-faq__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: var(--mx-space-2);
  margin: 0 0 var(--mx-space-4);
  padding: 8px 16px 8px 8px;
  border: 1px solid color-mix(in srgb, var(--mx-electric) 45%, transparent);
  border-radius: var(--mx-radius-pill);
  background: color-mix(in srgb, var(--mx-electric) 20%, transparent);
  color: var(--mx-faq-title);
  font-size: var(--mx-eyebrow);
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.mx-faq__eyebrow-mark {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: var(--mx-radius-pill);
  background: var(--mx-electric);
  color: #fafcff;
}
.mx-faq__title {
  margin: 0;
  font-size: var(--mx-h1);
  line-height: 1.04;
  letter-spacing: -0.02em;
  color: var(--mx-faq-title);
}
.mx-faq__accent { color: var(--mx-faq-accent); }
.mx-faq__lede {
  margin: var(--mx-space-4) 0 0;
  max-width: 46ch;
  color: var(--mx-faq-body);
  font-size: var(--mx-body);
}
.mx-faq__photo { margin-block-start: var(--mx-space-5); }

.mx-faq__help {
  padding: clamp(16px, 2.5vw, 32px);
  border: 1px solid var(--mx-faq-line);
  border-radius: var(--mx-radius);
  background: var(--mx-faq-card);
}
.mx-faq__help-title {
  margin: 0 0 var(--mx-space-3);
  font-size: var(--mx-h3);
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--mx-faq-title);
}
.mx-faq__help-body { color: var(--mx-faq-body); font-size: var(--mx-small); }
.mx-faq__help-body p { margin: 0 0 var(--mx-space-3); }
.mx-faq__help-body p:last-child { margin-block-end: 0; }
.mx-faq__help-cta { margin-block-start: var(--mx-space-4); }

/* --- question cards ----------------------------------------------------- */
.mx-faq__list { display: flex; flex-direction: column; gap: var(--mx-space-3); }
.mx-faq__item {
  border: 1px solid var(--mx-faq-line);
  border-radius: var(--mx-radius);
  background: var(--mx-faq-card);
  transition: border-color 0.2s ease-out;
}
.mx-faq__item:hover { border-color: color-mix(in srgb, var(--mx-faq-accent) 55%, transparent); }
.mx-faq__item summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--mx-space-3);
  align-items: center;
  padding: var(--mx-faq-cardpad);
  cursor: pointer;
  list-style: none;
}
.mx-faq__item summary::-webkit-details-marker { display: none; }
.mx-faq__q {
  margin: 0;
  font-family: var(--mx-font-display);
  font-weight: 600;
  font-size: clamp(1.9rem, 1.7rem + 0.4vw, 2.4rem);
  line-height: 1.22;
  letter-spacing: -0.01em;
  color: var(--mx-faq-title);
}
.mx-faq__chev {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid var(--mx-faq-line);
  border-radius: var(--mx-radius-pill);
  background: var(--mx-faq-chip);
  color: var(--mx-faq-title);
  transition: transform 0.2s ease-out, background-color 0.2s ease-out,
    border-color 0.2s ease-out;
}
.mx-faq__item details[open] .mx-faq__chev {
  transform: rotate(180deg);
  border-color: transparent;
  background: var(--mx-electric);
  color: #fafcff;
}
.mx-faq__item details.is-closing .mx-faq__chev {
  border-color: var(--mx-faq-line);
  background: var(--mx-faq-chip);
  color: var(--mx-faq-title);
}
.mx-faq__a {
  padding: 0 var(--mx-faq-cardpad) var(--mx-faq-cardpad);
  max-width: 62ch;
  color: var(--mx-faq-body);
  font-size: var(--mx-small);
}
.mx-faq__a p { margin: 0; }

@media screen and (max-width: 749px) {
  .mx-faq__item summary {
    grid-template-columns: 32px minmax(0, 1fr) 32px;
    gap: var(--mx-space-2);
  }
  .mx-faq__item summary::before { content: ''; }
  .mx-faq__chev { width: 32px; height: 32px; }
  .mx-faq__lede { margin-inline: auto; }
  .mx-faq__a { max-width: none; }
}

/* --------------------------------------------------------------------------
   20 · REVIEWS
   -------------------------------------------------------------------------- */
.mx-reviews__head { margin-block-end: var(--mx-space-5); }
.mx-reviews__head h2 { max-width: 20ch; }
.mx-reviews__head .mx-lede { max-width: 52ch; }
.mx-reviews__head .mx-btn { margin-block-start: var(--mx-space-3); }
.color-scheme-3 .mx-reviews__head .mx-lede { color: #c7d5ec; }

.mx-revrail {
  overflow-x: auto;
  scrollbar-width: none;
}
.mx-revrail--static { overflow: visible; }
.mx-revrail--static .mx-revrail__track {
  width: auto;
  margin-inline: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(24rem, 1fr));
  align-items: stretch;
}
.mx-revrail--static .mx-revrail__tile--card { width: auto; min-height: 0; }
.mx-revrail::-webkit-scrollbar { display: none; }
[data-mx-drag-rail] { cursor: grab; }
[data-mx-drag-rail].is-dragging {
  cursor: grabbing;
  user-select: none;
  scroll-behavior: auto;
}
.mx-revrail__track {
  display: flex;
  align-items: stretch;
  gap: var(--mx-space-3);
  width: max-content;
  margin: 0;
  margin-inline: auto;
  padding: 0 max(2.4rem, calc((100vw - var(--page-width, 1200px)) / 2 + var(--page-margin, 1.5rem))) 3.2rem;
  list-style: none;
}
.mx-revrail__tile {
  position: relative;
  flex: none;
  width: 30rem;
  border-radius: var(--mx-radius-lg);
  overflow: hidden;
  background: var(--mx-ink-2);
}
.mx-revrail__tile .mx-media,
.mx-revrail__tile .mx-media--ratio {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 4;
  border-radius: 0;
}
.mx-revrail__tile img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  -webkit-user-drag: none;
}
.mx-revrail__tile:not(.mx-revrail__tile--cap):not(.mx-revrail__tile--card) .mx-media,
.mx-revrail__tile:not(.mx-revrail__tile--cap):not(.mx-revrail__tile--card) .mx-media--ratio {
  height: 100%;
  aspect-ratio: auto;
}
.mx-revrail__cap {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--mx-space-1);
  padding: var(--mx-space-3) var(--mx-space-4) var(--mx-space-4);
}
.mx-revrail__icon {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: var(--mx-radius-pill);
  background: color-mix(in srgb, var(--mx-electric) 12%, transparent);
  color: var(--mx-accent);
  margin-block-end: var(--mx-space-1);
}
.mx-revrail__cap h3,
.mx-revrail__tile--card h3 { margin: 0; font-size: 2rem; font-weight: 600; }
.mx-revrail__cap p,
.mx-revrail__tile--card p { margin: 0; color: var(--mx-text-dim); font-size: var(--mx-small); }
/* --- review tile -------------------------------------------------------- */
.color-scheme-3 .mx-revrail__tile {
  --mx-revrail-surface: color-mix(in srgb, #ffffff 7%, var(--mx-midnight));
}
.mx-revrail__tile--review,
.mx-revrail__tile--cap {
  display: flex;
  flex-direction: column;
  background: var(--mx-revrail-surface, var(--mx-ink-2));
  border: 0;
}
.mx-revrail__shot { aspect-ratio: 3 / 4; overflow: hidden; }
.mx-revrail__shot img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mx-revrail__review {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--mx-space-2);
  padding: var(--mx-space-3) var(--mx-space-4) var(--mx-space-4);
}
.mx-revrail__top {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--mx-space-1) var(--mx-space-2);
}
.mx-revrail__stars {
  font-size: 1.5rem;
  letter-spacing: 0.08em;
  color: var(--mx-electric);
  line-height: 1;
}
.mx-revrail__stars .is-off { color: color-mix(in srgb, currentColor 26%, transparent); }
.mx-revrail__verified {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 1.15rem;
  font-weight: 500;
  color: var(--mx-accent);
}
.mx-revrail__title {
  margin: 0 0 var(--mx-space-2);
  font-weight: 650;
  font-size: 1.6rem;
  line-height: 1.3;
  color: inherit;
}
.mx-revrail__quote {
  margin: 0;
  font-size: 1.45rem;
  line-height: 1.5;
  color: rgb(var(--color-foreground));
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.mx-revrail__meta {
  margin: 0;
  margin-block-start: auto;
  padding-block-start: var(--mx-space-2);
  display: flex;
  align-items: baseline;
  gap: var(--mx-space-2);
  font-size: 1.2rem;
  color: var(--mx-text-dim);
}
.mx-revrail__author { font-weight: 600; color: rgb(var(--color-foreground)); }
.mx-revrail__date { margin-inline-start: auto; white-space: nowrap; }
.color-scheme-3 .mx-revrail__stars { color: var(--mx-plasma); }
.color-scheme-3 .mx-revrail__verified { color: var(--mx-plasma); }
.color-scheme-3 .mx-revrail__quote { color: #dbe6f7; }
.color-scheme-3 .mx-revrail__meta { color: #a9bcd8; }
.color-scheme-3 .mx-revrail__author { color: #f0f5fc; }
@media screen and (max-width: 749px) {
  .mx-revrail__quote { font-size: 1.35rem; }
  .mx-revrail__review { padding: var(--mx-space-3); gap: var(--mx-space-1); }
  .mx-revrail__cap { padding: var(--mx-space-3); }
  .mx-revrail__stars { font-size: 1.35rem; }
  .mx-revrail__verified { font-size: 1.05rem; }
}

.mx-revrail__tile--card {
  width: 28rem;
  min-height: 24rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--mx-space-2);
  padding: var(--mx-space-5);
  background: var(--mx-revrail-surface, rgb(var(--color-background)));
  border: 1px solid var(--mx-ink-3);
  overflow: visible;
}
.color-scheme-3 .mx-revrail__tile--card {
  background: var(--mx-revrail-surface);
  border-color: transparent;
}
.color-scheme-3 .mx-revrail__cap h3,
.color-scheme-3 .mx-revrail__tile--card h3 { color: #f0f5fc; }
.color-scheme-3 .mx-revrail__cap p,
.color-scheme-3 .mx-revrail__tile--card p { color: #c7d5ec; }

/* --------------------------------------------------------------------------
   32b · CUSTOMER REVIEWS
   -------------------------------------------------------------------------- */
.mx-ugc {
  list-style: none;
  margin: var(--mx-space-6) 0 0;
  padding: 0;
  display: grid;
  gap: var(--mx-space-4);
  grid-template-columns: repeat(auto-fit, minmax(26rem, 1fr));
}
.mx-ugc__card {
  display: flex;
  flex-direction: column;
  background: var(--mx-revrail-surface, rgb(var(--color-background)));
  border: 1px solid var(--mx-ink-3);
  border-radius: var(--mx-radius-lg);
  overflow: hidden;
}
.mx-ugc__shot { aspect-ratio: 4 / 5; overflow: hidden; background: var(--mx-ink-2); }
.mx-ugc__shot img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mx-ugc__body {
  display: flex;
  flex-direction: column;
  gap: var(--mx-space-2);
  padding: var(--mx-space-4);
}
.mx-ugc__stars { font-size: 1.4rem; letter-spacing: 0.2em; color: var(--mx-electric); }
.mx-ugc__stars .is-off { color: color-mix(in srgb, currentColor 26%, transparent); }
.color-scheme-3 .mx-ugc__stars { color: var(--mx-plasma); }
.mx-ugc__title {
  margin: 0;
  font-weight: 650;
  font-size: var(--mx-small);
  line-height: 1.35;
  color: var(--mx-ink);
}
.color-scheme-3 .mx-ugc__title { color: #f0f5fc; }
.mx-ugc__text { margin: 0; white-space: pre-wrap; font-size: var(--mx-small); line-height: 1.55; }
.mx-ugc__meta {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--mx-space-2);
  font-size: 1.3rem;
  color: var(--mx-text-dim);
}
.mx-ugc__author { font-weight: 600; color: rgb(var(--color-foreground)); }
.mx-ugc__verified {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--mx-electric);
}
.color-scheme-3 .mx-ugc__card {
  --mx-revrail-surface: color-mix(in srgb, #ffffff 7%, var(--mx-midnight));
  border-color: transparent;
}
.color-scheme-3 .mx-ugc__text { color: #dbe6f7; }
.color-scheme-3 .mx-ugc__author { color: #f0f5fc; }
.color-scheme-3 .mx-ugc__meta { color: #a9bcd8; }
.color-scheme-3 .mx-revrail__icon {
  background: rgba(87, 182, 255, 0.14);
  color: var(--mx-plasma);
}
@media screen and (max-width: 749px) {
  .mx-revrail__track { gap: var(--mx-space-2); padding-block-end: 24px; }
  .mx-revrail__tile { width: 21rem; }
  .mx-revrail__tile--card { width: 24rem; min-height: 18rem; padding: var(--mx-space-4); }
}

/* --------------------------------------------------------------------------
   21 · CTA
   -------------------------------------------------------------------------- */
.mx-cta { position: relative; }
.mx-cta__slab {
  display: grid;
  justify-items: center;
  text-align: center;
  padding: var(--mx-space-7) var(--mx-space-4);
  border-radius: var(--mx-radius-lg);
  background: var(--mx-midnight);
  color: #f0f5fc;
}
.mx-cta__flag {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 var(--mx-space-4);
  padding: 5px 14px 5px 5px;
  border-radius: var(--mx-radius-pill);
  background: color-mix(in srgb, #ffffff 9%, transparent);
  font-size: 1.25rem;
  line-height: 1;
}
.mx-cta__flag:not(:has(.mx-cta__chip)) { padding-inline-start: 14px; }
.mx-cta__chip {
  padding: 5px 10px;
  border-radius: var(--mx-radius-pill);
  background: var(--mx-electric);
  color: #fafcff;
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}
.mx-cta__flagtext { color: #c3d3ea; }
.mx-cta__title {
  margin: 0 0 var(--mx-space-3);
  max-width: 24ch;
  font-size: clamp(3.2rem, 2.1rem + 2.7vw, 5.8rem);
  line-height: 1.04;
  letter-spacing: -0.022em;
  color: #ffffff;
}
.mx-cta__accent { font-style: normal; color: var(--mx-plasma); }
.mx-cta__sub { color: #a9bcd8; max-width: 50ch; margin-inline: auto; margin-block-end: var(--mx-space-5); font-size: var(--mx-body); }
.mx-cta__fine { margin: var(--mx-space-3) 0 0; font-size: var(--mx-small); color: #8fa3c4; }
.color-scheme-3 .mx-timeline__foot,
.color-scheme-3 .mx-story__sign { color: color-mix(in srgb, #f0f5fc 75%, var(--mx-plasma)); }
.color-scheme-3 .mx-mechanism__note { color: #9db1d1; }
.mx-cta__actions { display: flex; justify-content: center; gap: var(--mx-space-4); }
.mx-cta .mx-disclaimer { margin-inline: auto; text-align: start; }
@media screen and (max-width: 749px) {
  .mx-cta__slab { padding: var(--mx-space-6) var(--mx-space-3); }
  .mx-cta__flag { font-size: 1.15rem; }
  .mx-cta__sub { margin-block-end: var(--mx-space-4); }
}

/* --------------------------------------------------------------------------
   22 · PDP
   -------------------------------------------------------------------------- */
.mx-pdp .product__info-container > * + * { margin-block-start: var(--mx-space-4); }
.mx-pdp .product__info-container > variant-selects { margin-block-start: var(--mx-space-5); }
.mx-pdp .product__info-container > .mx-accordion + .mx-accordion { margin-block-start: 0; }
.mx-pdp .product-form__input,
.mx-pdp .product-form__buttons { max-width: 100%; }
.mx-pdp .product__title h1 {
  font-size: clamp(3.4rem, 2.8rem + 1.6vw, 4.8rem);
  line-height: 1.04;
  letter-spacing: -0.01em;
  margin: 0;
}
.mx-pdp__descriptor {
  color: var(--mx-text-dim);
  font-size: clamp(1.8rem, 1.6rem + 0.5vw, 2.1rem);
  margin-block-start: var(--mx-space-1);
}
.mx-pdp__pills { display: flex; flex-wrap: wrap; gap: var(--mx-space-2); }
.mx-pdp__short { max-width: 54ch; color: var(--mx-text-dim); font-size: var(--mx-body); }
.mx-pdp__bullets { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: var(--mx-space-2); }
.mx-pdp__bullets li { display: flex; gap: var(--mx-space-3); align-items: baseline; font-size: var(--mx-body); }
.mx-pdp__bullets .mx-icon { color: var(--mx-electric); flex-shrink: 0; transform: translateY(2px); }
.mx-pdp__price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--mx-space-3);
  border-block-start: 1px solid var(--mx-ink-3);
  padding-block-start: var(--mx-space-3);
}
.mx-pdp__price-label {
  font-size: 1.35rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--mx-text-dim);
}
.mx-pdp__price-label { white-space: nowrap; }
.mx-pdp__price-figures {
  display: flex;
  align-items: baseline;
  gap: var(--mx-space-2);
  flex-wrap: wrap;
  justify-content: flex-end;
}
.mx-pdp .price--on-sale .price__sale,
.mx-pdp .price:not(.price--on-sale) .price__regular {
  display: flex;
  align-items: baseline;
  gap: var(--mx-space-2);
  flex-wrap: wrap;
}
.mx-pdp .price s.price-item { font-size: 1.6rem; color: var(--mx-text-dim); }
.mx-pdp .price { font-family: var(--mx-font-mono); color: rgb(var(--color-foreground)); }
.mx-pdp .price .price-item { font-size: 2.4rem; font-weight: 600; margin: 0; }
.mx-pdp .product__media-wrapper .mx-media { margin-block-end: var(--mx-space-3); aspect-ratio: 4 / 5; background: #e9eef7; border-radius: var(--mx-radius-lg); }
.mx-pdp .product__media-item img { border-radius: var(--mx-radius-lg); }

.mx-pdp__directive {
  border: 1px solid color-mix(in srgb, var(--mx-electric) 45%, transparent);
  border-inline-start-width: 4px;
  background: color-mix(in srgb, var(--mx-electric) 6%, var(--mx-ink-2));
  border-radius: var(--mx-radius);
  padding: var(--mx-space-3) var(--mx-space-4);
  font-size: var(--mx-small);
}
.mx-pdp__directive strong { display: block; margin-block-end: 2px; font-size: var(--mx-body); }
.mx-pdp__service {
  display: grid;
  border: 1px solid var(--mx-ink-3);
  border-radius: var(--mx-radius);
  background: var(--mx-ink-2);
  overflow: hidden;
  font-size: var(--mx-small);
  color: var(--mx-text-dim);
}
.mx-pdp__service-row {
  display: flex;
  gap: var(--mx-space-3);
  align-items: center;
  padding: var(--mx-space-3) var(--mx-space-4);
}
.mx-pdp__service-row + .mx-pdp__service-row { border-block-start: 1px solid var(--mx-ink-3); }
.mx-pdp__pledge-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--mx-text-dim);
  text-decoration: underline;
  text-underline-offset: 0.3em;
  text-decoration-color: color-mix(in srgb, var(--mx-electric) 45%, transparent);
}
.mx-pdp__pledge-link:hover { color: var(--mx-accent); }
.mx-pdp__pledge-link .mx-icon { color: var(--mx-electric); }
.mx-pdp__service-row--mission .mx-icon { color: var(--mx-signal); }
.mx-pdp__service .mx-icon {
  flex-shrink: 0;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: var(--mx-radius-pill);
  color: var(--mx-electric);
  background: color-mix(in srgb, var(--mx-electric) 10%, transparent);
}

.mx-accordion { border-block-start: 1px solid var(--mx-ink-3); margin: 0; }
.mx-accordion:last-of-type { border-block-end: 1px solid var(--mx-ink-3); }
.mx-accordion summary {
  display: grid;
  grid-template-columns: 1fr 22px;
  align-items: center;
  gap: var(--mx-space-3);
  padding-block: var(--mx-space-3);
  cursor: pointer;
  list-style: none;
  font-weight: 600;
  font-size: 1.8rem;
  color: rgb(var(--color-foreground));
}
.mx-accordion summary::-webkit-details-marker { display: none; }
.mx-accordion__chev { transition: transform 0.2s ease-out; color: var(--mx-electric); justify-self: center; }
.mx-accordion[open] .mx-accordion__chev { transform: rotate(180deg); }
.mx-accordion__body { padding-block: 0 var(--mx-space-4); color: var(--mx-text-dim); max-width: 62ch; font-size: var(--mx-body); }
.mx-accordion__body p { margin-block: 0 var(--mx-space-2); }

.mx-pdp .product-form__buttons {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mx-pdp .button,
.mx-pdp .shopify-payment-button__button {
  border-radius: var(--mx-radius-pill);
}
.mx-pdp .button::before,
.mx-pdp .button::after {
  border-radius: var(--mx-radius-pill);
  box-shadow: none;
}
.mx-pdp .product-form__submit {
  background: linear-gradient(90deg, var(--mx-accent) 0%, var(--mx-electric) 100%);
  color: #fafcff;
  border: 0;
  border-radius: var(--mx-radius-pill);
  min-height: 58px;
  padding-block: 16px;
  padding-inline: 32px;
  margin: 0;
  font-family: var(--mx-font-body);
  font-weight: 600;
  font-size: 1.8rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.6em;
  width: 100%;
  cursor: pointer;
  transition: box-shadow 0.18s ease-out;
}
.mx-pdp .product-form__submit:hover:not([disabled]) { filter: brightness(1.08); }
.mx-pdp .product-form__submit[disabled] { opacity: 0.45; cursor: not-allowed; }
.mx-pdp .product-form__error-message-wrapper { color: #c22f2f; font-size: var(--mx-small); }
.mx-pdp .shopify-payment-button { width: 100%; }
.mx-pdp .shopify-payment-button__button {
  min-height: 56px;
  padding-block: 16px;
  border-radius: var(--mx-radius-pill);
  box-shadow: none;
}
.mx-pdp .shopify-payment-button__button--unbranded {
  height: auto;
  background: var(--mx-ink-2);
  color: var(--mx-midnight);
  border: 1px solid var(--mx-ink-3);
  font-family: var(--mx-font-body);
  font-weight: 600;
  font-size: 1.7rem;
  letter-spacing: 0;
  line-height: 1.2;
  transition: border-color 0.15s ease-out;
}
.mx-pdp .shopify-payment-button__button--unbranded:hover,
.mx-pdp .shopify-payment-button__button--unbranded:hover:not([disabled]) {
  background: var(--mx-ink-2);
  border-color: var(--mx-midnight);
}
.mx-pdp .product-form__buttons {
  --shopify-accelerated-checkout-button-border-radius: 999px;
  --shopify-accelerated-checkout-button-block-size: 56px;
  --shopify-accelerated-checkout-row-gap: 1rem;
}
.mx-pdp .shopify-payment-button,
.mx-pdp .shopify-payment-button > *,
.mx-pdp .shopify-payment-button [role='button'] {
  border-radius: var(--mx-radius-pill) !important;
}
.mx-pdp .shopify-payment-button { border: 0; }
.mx-pdp .shopify-payment-button__button:focus-visible,
.mx-pdp .shopify-payment-button__button [role='button']:focus-visible,
.mx-pdp .shopify-payment-button__button [role='button'].focused {
  outline: 2px solid transparent !important;
  outline-offset: 2px;
  border-radius: var(--mx-radius-pill);
  box-shadow:
    0 0 0 3px rgb(var(--color-background)),
    0 0 0 6px var(--mx-electric) !important;
}
.mx-pdp .shopify-payment-button__button:focus:not(:focus-visible),
.mx-pdp .shopify-payment-button__button [role='button']:focus:not(:focus-visible) {
  outline: 0 !important;
  box-shadow: none !important;
}
.mx-pdp .shopify-payment-button :is(button, [role='button']):focus,
.mx-pdp .shopify-payment-button :is(button, [role='button']).focused {
  outline: none !important;
  border-radius: var(--mx-radius-pill) !important;
  box-shadow:
    0 0 0 3px rgb(var(--color-background)),
    0 0 0 6px var(--mx-electric) !important;
}
.mx-pdp .shopify-payment-button :is(button, [role='button']):focus:not(:focus-visible) {
  outline: none !important;
  box-shadow: none !important;
}
.mx-pdp .product-form__buttons *:focus:not(:focus-visible) {
  outline: none !important;
  box-shadow: none !important;
}

/* --------------------------------------------------------------------------
   22b · PDP buy box, reference layout
   -------------------------------------------------------------------------- */

.mx-pdp__accent { color: var(--mx-accent); }

.mx-pdp__pledge-link {
  padding: 7px 14px 7px 10px;
  border-radius: var(--mx-radius-pill);
  border: 1px solid color-mix(in srgb, var(--mx-electric) 30%, transparent);
  background: color-mix(in srgb, var(--mx-electric) 8%, transparent);
  text-decoration: none;
  align-items: flex-start;
  line-height: 1.35;
}
.mx-pdp__pledge-link:hover { text-decoration: underline; text-underline-offset: 0.25em; }
.mx-pdp__pledge-link .mx-icon {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  padding: 3px;
  border-radius: 50%;
  color: #fafcff;
  background: var(--mx-electric);
}

/* --- stars -------------------------------------------------------------- */
.mx-stars {
  position: relative;
  display: inline-flex;
  flex: 0 0 auto;
  line-height: 0;
}
.mx-stars__row { display: inline-flex; gap: 2px; }
.mx-stars__row > * { flex: 0 0 auto; }
.mx-stars__row--base { color: color-mix(in srgb, var(--mx-ink) 28%, transparent); }
.mx-stars__row--fill {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  color: var(--mx-electric);
  width: var(--mx-stars-fill, 0%);
  overflow: hidden;
}
.mx-pdp__rating { display: flex; align-items: center; gap: var(--mx-space-2); }
.mx-pdp__rating-count {
  font-size: 1.4rem;
  color: var(--mx-text-dim);
  text-underline-offset: 3px;
}

/* --- price row: current, struck compare-at, sale chip ------------------- */
.mx-pdp .price--on-sale .price-item--regular { color: var(--mx-text-dim); }
.mx-pdp__sale-chip {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: var(--mx-radius-pill);
  font-family: var(--mx-font-mono);
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #fafcff;
  background: var(--mx-signal);
}

/* --- benefit bullets ---------------------------------------------------- */
.mx-pdp__bullets li { align-items: center; gap: var(--mx-space-2); }
.mx-pdp__bullets .mx-icon {
  width: 20px;
  height: 20px;
  padding: 3px;
  border-radius: 50%;
  color: #fafcff;
  background: var(--mx-electric);
  transform: none;
}

/* --- mission strip ------------------------------------------------------ */
.mx-pdp__mission {
  display: flex;
  align-items: center;
  gap: var(--mx-space-2);
  margin: 0;
  padding: var(--mx-space-3);
  border-radius: var(--mx-radius);
  background: color-mix(in srgb, var(--mx-signal) 9%, transparent);
  font-size: 1.45rem;
  line-height: 1.4;
  color: var(--mx-signal-text);
}
.mx-pdp__mission .mx-icon { flex: 0 0 auto; }

/* --- review quotes ------------------------------------------------------ */
.mx-pdp__quotes { position: relative; }
.mx-quotes { position: relative; display: block; }
.mx-quotes__rail {
  display: flex;
  gap: var(--mx-space-2);
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.mx-quotes__rail::-webkit-scrollbar { display: none; }
.mx-quotes__item { flex: 0 0 100%; scroll-snap-align: start; }
.mx-quote {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  padding: var(--mx-space-3) 3.4rem;
  border: 1px solid var(--mx-ink-3);
  border-radius: var(--mx-radius);
  background: var(--mx-ink-2);
}
.mx-quote__head { display: flex; align-items: center; gap: var(--mx-space-2); }
.mx-quote__who { font-size: 1.4rem; font-weight: 600; }
.mx-quote__text {
  margin: 0;
  border-inline-start: 2px solid color-mix(in srgb, var(--mx-electric) 35%, transparent);
  padding-inline-start: var(--mx-space-2);
  font-size: 1.45rem;
  font-style: normal;
  line-height: 1.45;
  color: var(--mx-text-dim);
}
.mx-quotes__nav {
  position: absolute;
  inset-block-start: 50%;
  translate: 0 -50%;
  display: grid;
  place-items: center;
  width: 3.2rem;
  height: 3.2rem;
  padding: 0;
  border: 1px solid var(--mx-ink-3);
  border-radius: 50%;
  background: rgb(var(--color-background));
  color: var(--mx-text-dim);
  cursor: pointer;
}
.mx-quotes__nav--prev { inset-inline-start: -6px; rotate: 90deg; }
.mx-quotes__nav--next { inset-inline-end: -6px; rotate: -90deg; }
.mx-quotes__nav:hover { color: rgb(var(--color-foreground)); border-color: var(--mx-ink); }
.mx-quotes__empty {
  display: flex;
  align-items: center;
  gap: var(--mx-space-2);
  margin: 0;
  padding: var(--mx-space-3);
  border: 1px dashed var(--mx-ink-3);
  border-radius: var(--mx-radius);
  font-size: 1.4rem;
  line-height: 1.45;
  color: var(--mx-text-dim);
}
.mx-quotes__empty .mx-icon { flex: 0 0 auto; }

/* --- stock line --------------------------------------------------------- */
.mx-pdp__stock {
  display: flex;
  align-items: center;
  gap: var(--mx-space-2);
  margin: 0;
  font-size: 1.35rem;
  font-weight: 500;
  color: var(--mx-text-dim);
}
.mx-pdp__stock-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--mx-signal);
  flex: 0 0 auto;
}
.mx-pdp__stock--out .mx-pdp__stock-dot { background: #b3261e; }

/* --- payment icons ------------------------------------------------------ */
.mx-pdp__pay {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.mx-pdp__pay li { display: flex; }
.mx-pdp__pay-icon {
  width: 38px;
  height: 24px;
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--mx-ink) 10%, transparent);
}

/* --- assurance grid ----------------------------------------------------- */
.mx-pdp__assure {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid var(--mx-ink-3);
  border-radius: var(--mx-radius);
  background: var(--mx-ink-3);
  overflow: hidden;
}
.mx-pdp__assure-item {
  display: flex;
  align-items: center;
  gap: var(--mx-space-2);
  padding: var(--mx-space-3);
  background: var(--mx-ink-2);
}
.mx-pdp__assure-item:last-child:nth-child(odd) { grid-column: 1 / -1; }
.mx-pdp__assure-icon { flex: 0 0 auto; color: var(--mx-electric); line-height: 0; }
.mx-pdp__assure-body { display: flex; flex-direction: column; min-width: 0; }
.mx-pdp__assure-body strong { font-size: 1.4rem; font-weight: 600; line-height: 1.25; }
.mx-pdp__assure-body span { font-size: 1.2rem; line-height: 1.3; color: var(--mx-text-dim); }

/* --- deadline ----------------------------------------------------------- */
.mx-pdp__deadline {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--mx-space-2);
  padding: var(--mx-space-2) var(--mx-space-3);
  border-radius: var(--mx-radius-pill);
  background: color-mix(in srgb, var(--mx-signal) 10%, transparent);
  font-size: 1.35rem;
  line-height: 1.35;
  text-align: center;
  color: var(--mx-signal-text);
}
.mx-pdp__deadline-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--mx-signal);
  flex: 0 0 auto;
}
.mx-pdp__deadline-value {
  font-family: var(--mx-font-mono);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  margin-inline-start: 4px;
}

/* --- delivery steps ----------------------------------------------------- */
.mx-pdp__ship {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--mx-space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}
.mx-pdp__ship-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  text-align: center;
  position: relative;
}
.mx-pdp__ship-step + .mx-pdp__ship-step::before {
  content: '';
  position: absolute;
  inset-block-start: 1.8rem;
  inset-inline-end: calc(50% + 2.2rem);
  width: calc(100% - 4.4rem + var(--mx-space-2));
  height: 1px;
  background: var(--mx-ink-3);
}
.mx-pdp__ship-icon {
  display: grid;
  place-items: center;
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 50%;
  border: 1px solid var(--mx-ink-3);
  background: var(--mx-ink-2);
  color: var(--mx-text-dim);
}
.mx-pdp__ship-step.is-done .mx-pdp__ship-icon {
  border-color: var(--mx-electric);
  background: var(--mx-electric);
  color: #fafcff;
}
.mx-pdp__ship-name { font-size: 1.3rem; font-weight: 600; }
.mx-pdp__ship-when { font-size: 1.2rem; color: var(--mx-text-dim); }

/* --- media grid --------------------------------------------------------- */
.mx-pdp__grid-head {
  margin: 0 0 var(--mx-space-2);
  font-size: 1.3rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--mx-text-dim);
}
.mx-pdp__grid-items {
  display: grid;
  grid-template-columns: repeat(var(--mx-grid-cols, 3), minmax(0, 1fr));
  gap: var(--mx-space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}
.mx-pdp__grid-item .mx-media { border-radius: var(--mx-radius); overflow: hidden; }

/* --- the loop tiles: badge, hover, expand ------------------------------- */
.mx-vloop {
  position: relative;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  border-radius: var(--mx-radius);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.mx-vloop:focus-visible {
  outline: 2px solid var(--mx-electric);
  outline-offset: 2px;
}
.mx-vloop__badge {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: var(--mx-radius-pill);
  background: color-mix(in srgb, var(--mx-midnight) 76%, transparent);
  color: #fafcff;
  padding-inline-start: 3px;
  pointer-events: none;
  transition: opacity 0.18s ease, scale 0.18s ease;
}
.mx-vloop.is-playing .mx-vloop__badge { opacity: 0; scale: 0.85; }
@media (prefers-reduced-motion: reduce) {
  .mx-vloop__badge { transition: none; }
}

/* --- the expanded view -------------------------------------------------- */
.mx-vlb {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 120;
  flex-direction: column;
  background: #060c1c;
}
.mx-vlb[open] { display: flex; }
.mx-vlb__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--mx-space-2);
  padding: var(--mx-space-3);
  color: #f0f5fc;
}
.mx-vlb__count { font-size: 1.3rem; letter-spacing: 0.08em; color: #a9bcd8; }
.mx-vlb__close,
.mx-vlb__arrow {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: var(--mx-radius-pill);
  background: #132244;
  color: #f0f5fc;
  cursor: pointer;
}
.mx-vlb__close:hover,
.mx-vlb__arrow:hover { background: #1d3462; }
.mx-vlb__stage {
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 0;
  padding: 0 var(--mx-space-3) var(--mx-space-4);
}
.mx-vlb__video {
  display: block;
  width: auto;
  height: auto;
  max-width: min(100%, 720px);
  max-height: 100%;
  border-radius: var(--mx-radius);
  background: #000;
}
.mx-vlb__arrow {
  position: absolute;
  inset-block-start: 50%;
  translate: 0 -50%;
}
.mx-vlb__arrow--prev { inset-inline-start: var(--mx-space-2); rotate: 90deg; }
.mx-vlb__arrow--next { inset-inline-end: var(--mx-space-2); rotate: -90deg; }

@media screen and (max-width: 749px) {
  .mx-vloop__badge { width: 34px; height: 34px; }
  .mx-vlb__arrow { width: 36px; height: 36px; }
  .mx-vlb__stage { padding: 0 var(--mx-space-2) var(--mx-space-3); }
  .mx-pdp__assure-body strong { font-size: 1.3rem; }
  .mx-pdp__assure-body span { font-size: 1.15rem; }
  .mx-pdp__assure-item { padding: var(--mx-space-2); }
  .mx-pdp__pay-icon { width: 34px; height: 22px; }
  .mx-pdp__ship-name { font-size: 1.2rem; }
  .mx-pdp__ship-when { font-size: 1.1rem; }
  .mx-pdp__deadline { font-size: 1.25rem; }
}

/* --------------------------------------------------------------------------
   22c · Buy box density pass
   -------------------------------------------------------------------------- */
.mx-pdp .product__info-container > * + * { margin-block-start: var(--mx-space-3); }
.mx-pdp .product__info-container > variant-selects { margin-block-start: var(--mx-space-4); }
.mx-pdp .product__info-container > .mx-pdp__rating { margin-block-start: var(--mx-space-2); }
.mx-pdp .product__info-container > .mx-pdp__community { margin-block-start: var(--mx-space-2); }

.mx-pdp__descriptor { font-size: 1.6rem; margin-block-start: 2px; }
.mx-pdp__short { font-size: 1.5rem; line-height: 1.5; max-width: 46ch; }

.mx-pdp__pledge-link { font-size: 1.25rem; padding: 5px 12px 5px 7px; gap: 6px; }
.mx-pdp__pledge-link .mx-icon { width: 16px; height: 16px; padding: 2px; }

.mx-pdp__bullets { gap: 6px; }
.mx-pdp__bullets li { font-size: 1.5rem; line-height: 1.35; }
.mx-pdp__bullets .mx-icon { width: 18px; height: 18px; padding: 2px; }

.mx-pdp__price--bare {
  justify-content: flex-start;
  border-block-start: 0;
  padding-block-start: 0;
  gap: var(--mx-space-2);
}
.mx-pdp__price--bare .mx-pdp__price-figures { justify-content: flex-start; }
.mx-pdp .price .price-item { font-size: 2.4rem; }

.mx-pdp__rating-score { font-size: 1.35rem; font-weight: 700; }
.mx-pdp__rating-count { font-size: 1.3rem; }

.mx-pdp__mission { padding: 10px var(--mx-space-3); font-size: 1.3rem; }

/* --- the community line ------------------------------------------------- */
.mx-pdp__community { display: flex; align-items: center; gap: var(--mx-space-2); }
.mx-pdp__faces { display: flex; flex: 0 0 auto; }
.mx-pdp__face {
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid rgb(var(--color-background));
  background: var(--mx-ink-3);
}
.mx-pdp__face + .mx-pdp__face { margin-inline-start: -1rem; }
.mx-pdp__face img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mx-pdp__community-text { font-size: 1.3rem; line-height: 1.35; color: var(--mx-text-dim); }

/* --- the quote card ----------------------------------------------------- */
.mx-quote { flex-direction: row; align-items: flex-start; gap: var(--mx-space-2); padding: 10px var(--mx-space-4) 10px var(--mx-space-3); }
.mx-quote__face {
  flex: 0 0 auto;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  overflow: hidden;
  background: var(--mx-ink-3);
}
.mx-quote__face img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mx-quote__body { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.mx-quote__head { gap: 6px; flex-wrap: wrap; }
.mx-quote__who { display: inline-flex; align-items: center; gap: 4px; font-size: 1.3rem; }
.mx-quote__badge {
  display: inline-grid;
  place-items: center;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--mx-electric);
  color: #fafcff;
}
.mx-quote__badge .mx-icon { width: 100%; height: 100%; }
.mx-quote__title { margin: 0; font-size: 1.3rem; font-weight: 600; }
.mx-quote__text {
  border: 0;
  padding: 0;
  font-size: 1.25rem;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.mx-quotes__nav { width: 2.6rem; height: 2.6rem; }
.mx-quotes__nav--prev { inset-inline-start: -4px; }
.mx-quotes__nav--next { inset-inline-end: -4px; }
.mx-quotes__empty { padding: 10px var(--mx-space-3); font-size: 1.25rem; }

/* --- the rest of the column --------------------------------------------- */
.mx-bundle__legend { font-size: 1.2rem; margin-block-end: var(--mx-space-2); }
.mx-pdp .product-form__submit { min-height: 52px; font-size: 1.7rem; }
.mx-pdp__assure-item { padding: 10px var(--mx-space-2); gap: 6px; }
.mx-pdp__assure-body strong { font-size: 1.3rem; }
.mx-pdp__assure-body span { font-size: 1.15rem; }
.mx-pdp__deadline { padding: 6px var(--mx-space-3); font-size: 1.25rem; }
.mx-pdp__stock { font-size: 1.25rem; }
.mx-pdp__pay { gap: 5px; }
.mx-pdp__pay-icon { width: 34px; height: 22px; }
.mx-pdp__ship-name { font-size: 1.2rem; }
.mx-pdp__ship-when { font-size: 1.1rem; }
.mx-pdp__directive { padding: 10px var(--mx-space-3); font-size: 1.35rem; }
.mx-pdp__directive strong { font-size: 1.45rem; }

/* --------------------------------------------------------------------------
   23 · Bundle selector
   -------------------------------------------------------------------------- */
.mx-bundle { border: 0; padding: 0; margin: 0; }
.mx-bundle__legend {
  display: flex;
  align-items: center;
  gap: var(--mx-space-3);
  width: 100%;
  font-size: 1.3rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--mx-text-dim);
  margin-block-end: var(--mx-space-3);
  white-space: nowrap;
}
.mx-bundle__legend::before,
.mx-bundle__legend::after { content: ''; height: 1px; background: var(--mx-ink-3); flex: 1; }

.mx-bundle__cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--mx-space-2);
  padding-block-start: 10px;
}
.mx-bundle__card { position: relative; display: flex; }
.mx-bundle__card input {
  position: absolute;
  opacity: 0;
  inset: 0;
  margin: 0;
  cursor: pointer;
  z-index: 1;
}
.mx-bundle__card label {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  width: 100%;
  padding: var(--mx-space-4) var(--mx-space-2) var(--mx-space-3);
  border: 1px solid var(--mx-ink-3);
  border-radius: var(--mx-radius);
  background: var(--mx-ink-2);
  text-align: center;
  cursor: pointer;
  transition: border-color 0.15s ease-out, background-color 0.15s ease-out, box-shadow 0.15s ease-out;
}
.mx-bundle__card label:hover { border-color: color-mix(in srgb, var(--mx-electric) 45%, var(--mx-ink-3)); }
.mx-bundle__card input:checked + label {
  border-color: var(--mx-electric);
  background: color-mix(in srgb, var(--mx-electric) 7%, var(--mx-ink-2));
  box-shadow: inset 0 0 0 1px var(--mx-electric);
}
.mx-bundle__card input:focus-visible + label {
  box-shadow: 0 0 0 3px rgb(var(--color-background)), 0 0 0 6px var(--mx-electric);
}
.mx-bundle__card input.disabled + label,
.mx-bundle__card input[disabled] + label { opacity: 0.45; }

.mx-bundle__tag {
  position: absolute;
  inset-block-start: -10px;
  inset-inline: 0;
  width: fit-content;
  margin-inline: auto;
  padding: 3px 10px;
  border-radius: var(--mx-radius-pill);
  font-family: var(--mx-font-mono);
  font-size: 1.05rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
  color: #fafcff;
  background: var(--mx-ink);
}
.mx-bundle__tag--seller { background: var(--mx-electric); }
.mx-bundle__tag--value { background: var(--mx-ink); }

.mx-bundle__art {
  width: 100%;
  aspect-ratio: 1 / 1;
  max-width: 92px;
  border-radius: 12px;
  background: var(--mx-midnight);
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  margin-block-end: var(--mx-space-2);
}
.mx-bundle__art img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.mx-bundle__art:has(img) {
  background: none;
  border-radius: 0;
  max-width: none;
  margin-block-end: var(--mx-space-1);
}
.mx-bundle__bottle { width: 26px; height: 42px; color: var(--mx-plasma); }
.mx-bundle__count {
  position: absolute;
  inset-block-end: 6px;
  inset-inline-end: 6px;
  padding: 2px 6px;
  border-radius: var(--mx-radius-pill);
  background: rgba(250, 252, 255, 0.14);
  color: #fafcff;
  font-family: var(--mx-font-mono);
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1;
}
.mx-bundle__tier {
  font-family: var(--mx-font-display);
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.2;
  color: rgb(var(--color-foreground));
}
.mx-bundle__note {
  font-size: 1.25rem;
  line-height: 1.3;
  color: var(--mx-text-dim);
}
.mx-bundle__card input:checked + label .mx-bundle__note { color: var(--mx-accent); }
.mx-bundle__price {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: center;
  gap: 6px;
  margin-block-start: 6px;
  font-family: var(--mx-font-mono);
}
.mx-bundle__price strong {
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: rgb(var(--color-foreground));
}
.mx-bundle__price s { font-size: 1.3rem; color: var(--mx-text-dim); }
.mx-bundle__perday {
  font-family: var(--mx-font-mono);
  font-size: 1.15rem;
  color: var(--mx-text-dim);
}
.mx-bundle__perday strong { font-weight: 600; color: var(--mx-text-dim); }
.mx-bundle__contents {
  margin-block-start: 4px;
  font-size: 1.15rem;
  line-height: 1.35;
  color: var(--mx-text-dim);
}

/* --- delivery: one-time or subscribe ------------------------------------ */
.mx-buybox { scroll-margin-top: 112px; }
.mx-cadence { border: 0; padding: 0; margin: 0 0 var(--mx-space-3); }
.mx-cadence__legend,
.mx-plan__legend {
  display: flex;
  align-items: center;
  gap: var(--mx-space-3);
  width: 100%;
  font-size: 1.3rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--mx-text-dim);
  margin-block-end: var(--mx-space-3);
  white-space: nowrap;
}
.mx-cadence__legend::before,
.mx-cadence__legend::after,
.mx-plan__legend::before,
.mx-plan__legend::after { content: ''; height: 1px; background: var(--mx-ink-3); flex: 1; }
.mx-cadence__cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--mx-space-2);
  padding-block-start: 10px;
}
.mx-cadence__card { position: relative; display: flex; }
.mx-cadence__card input {
  position: absolute;
  inset: 0;
  opacity: 0;
  margin: 0;
  cursor: pointer;
  z-index: 1;
}
.mx-cadence__card label {
  display: flex;
  flex-direction: column;
  gap: 2px;
  width: 100%;
  padding: var(--mx-space-3);
  border: 1px solid var(--mx-ink-3);
  border-radius: var(--mx-radius);
  background: var(--mx-ink-2);
  cursor: pointer;
  transition: border-color 0.15s ease-out, background-color 0.15s ease-out, box-shadow 0.15s ease-out;
}
.mx-cadence__card label:hover { border-color: color-mix(in srgb, var(--mx-electric) 45%, var(--mx-ink-3)); }
.mx-cadence__card input:checked + label {
  border-color: var(--mx-electric);
  background: color-mix(in srgb, var(--mx-electric) 7%, var(--mx-ink-2));
  box-shadow: inset 0 0 0 1px var(--mx-electric);
}
.mx-cadence__card input:focus-visible + label {
  box-shadow: 0 0 0 3px rgb(var(--color-background)), 0 0 0 6px var(--mx-electric);
}
.mx-cadence__tag {
  position: absolute;
  inset-block-start: -10px;
  inset-inline: 0;
  width: fit-content;
  margin-inline: auto;
  padding: 3px 10px;
  border-radius: var(--mx-radius-pill);
  font-family: var(--mx-font-mono);
  font-size: 1.05rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
  color: #fafcff;
  background: var(--mx-electric);
}
.mx-cadence__name {
  font-family: var(--mx-font-display);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
  color: rgb(var(--color-foreground));
}
.mx-cadence__sub { font-size: 1.15rem; line-height: 1.3; color: var(--mx-text-dim); }
.mx-cadence__card input:checked + label .mx-cadence__sub { color: var(--mx-accent); }
.mx-cadence__price {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 6px;
  margin-block-start: 6px;
  font-family: var(--mx-font-mono);
}
.mx-cadence__price strong {
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: rgb(var(--color-foreground));
}
.mx-cadence__per { font-size: 1.1rem; font-weight: 500; color: var(--mx-text-dim); }
.mx-cadence__price s { font-size: 1.2rem; color: var(--mx-text-dim); }

/* subscribe state: the ladder folds away and the plan card takes its place */
.mx-buybox.is-sub .mx-bundle,
.mx-buybox:has([data-mx-sub-plan]:checked) .mx-bundle { display: none; }
.mx-buybox:has([data-mx-sub-plan]:checked) .mx-plan { display: block; }
.mx-plan__card {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr) auto;
  column-gap: var(--mx-space-3);
  align-items: center;
  padding: var(--mx-space-3);
  border: 1px solid var(--mx-electric);
  border-radius: var(--mx-radius);
  background: color-mix(in srgb, var(--mx-electric) 7%, var(--mx-ink-2));
  box-shadow: inset 0 0 0 1px var(--mx-electric);
}
.mx-plan__art {
  width: 72px;
  aspect-ratio: 1 / 1;
  border-radius: 12px;
  background: var(--mx-midnight);
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
}
.mx-plan__art img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.mx-plan__art:has(img) { background: none; border-radius: 0; }
.mx-plan__text { min-width: 0; }
.mx-plan__title {
  display: block;
  font-family: var(--mx-font-display);
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.2;
  color: rgb(var(--color-foreground));
}
.mx-plan__meta {
  display: block;
  margin-block-start: 4px;
  font-size: 1.15rem;
  line-height: 1.3;
  color: var(--mx-text-dim);
}
.mx-plan__price {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  font-family: var(--mx-font-mono);
  text-align: end;
  white-space: nowrap;
}
.mx-plan__amount { display: flex; align-items: baseline; gap: 6px; }
.mx-plan__amount strong {
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: rgb(var(--color-foreground));
}
.mx-plan__amount s { font-size: 1.2rem; color: var(--mx-text-dim); }
.mx-plan__perday { font-size: 1.1rem; color: var(--mx-text-dim); }
.mx-pdp .mx-plan__terms,
.mx-plan__terms {
  margin: var(--mx-space-2) 0 0;
  padding-inline: var(--mx-space-1);
  font-size: 1.15rem;
  line-height: 1.45;
  color: var(--mx-text-dim);
}
.mx-plan__terms a { color: rgb(var(--color-foreground)); text-decoration: underline; text-underline-offset: 0.2em; }
@media (prefers-reduced-motion: reduce) {
  .mx-bundle__card label,
  .mx-cadence__card label { transition: none; }
}

/* --- options 2+ as pills ------------------------------------------------ */
.mx-optpills { border: 0; padding: 0; margin: 0; }
.mx-optpills__legend {
  font-size: 1.3rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--mx-text-dim);
  margin-block-end: var(--mx-space-2);
}
.mx-optpills__row { display: flex; flex-wrap: wrap; gap: var(--mx-space-2); }
.mx-optpills__row input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.mx-optpills__row label {
  display: inline-flex;
  align-items: center;
  min-height: 4.4rem;
  padding-inline: var(--mx-space-4);
  border: 1px solid var(--mx-ink-3);
  border-radius: var(--mx-radius-pill);
  background: var(--mx-ink-2);
  font-size: 1.5rem;
  font-weight: 500;
  cursor: pointer;
  transition: border-color 0.15s ease-out, background-color 0.15s ease-out;
}
.mx-optpills__row input:checked + label {
  border-color: var(--mx-ink);
  background: var(--mx-ink);
  color: var(--mx-ink-2);
}
.mx-optpills__row input:focus-visible + label {
  box-shadow: 0 0 0 3px rgb(var(--color-background)), 0 0 0 6px var(--mx-electric);
}
.mx-optpills__row input.disabled + label { opacity: 0.45; text-decoration: line-through; }

@media screen and (max-width: 749px) {
  .mx-pdp__price-label { font-size: 1.25rem; }
  .mx-pdp .price .price-item { font-size: 2rem; white-space: nowrap; }
  .mx-bundle__cards { gap: 6px; }
  .mx-bundle__card label { padding: var(--mx-space-2) 4px 10px; }
  .mx-bundle__art { max-width: none; margin-block-end: 6px; }
  .mx-bundle__bottle { width: 26px; height: 43px; }
  .mx-bundle__tier { font-size: 1.3rem; }
  .mx-bundle__note { font-size: 1rem; }
  .mx-bundle__price strong { font-size: 1.5rem; }
  .mx-bundle__price s { font-size: 1.05rem; }
  .mx-bundle__perday,
  .mx-bundle__contents { font-size: 0.95rem; }
  .mx-bundle__contents { line-height: 1.3; }
  .mx-bundle__tag { font-size: 0.9rem; padding: 2px 6px; }
  .mx-cadence__cards { gap: 6px; }
  .mx-cadence__card label { padding: var(--mx-space-2) 10px 10px; }
  .mx-cadence__name { font-size: 1.35rem; }
  .mx-cadence__sub { font-size: 1.05rem; }
  .mx-cadence__price strong { font-size: 1.5rem; }
  .mx-cadence__price s { font-size: 1.05rem; }
  .mx-cadence__tag { font-size: 0.9rem; padding: 2px 6px; }
  .mx-plan__card { grid-template-columns: 56px minmax(0, 1fr) auto; column-gap: var(--mx-space-2); padding: var(--mx-space-2) 10px; }
  .mx-plan__art { width: 56px; }
  .mx-plan__title { font-size: 1.35rem; }
  .mx-plan__meta { font-size: 1.05rem; }
  .mx-plan__amount strong { font-size: 1.6rem; }
  .mx-plan__amount s { font-size: 1.05rem; }
  .mx-plan__terms { font-size: 1.1rem; }
  .mx-pdp .product-form__submit {
    min-height: 48px;
    padding-block: 12px;
    font-size: 1.6rem;
  }
  .mx-pdp .shopify-payment-button__button {
    min-height: 46px;
    padding-block: 12px;
  }
  .mx-pdp .shopify-payment-button__button--unbranded { font-size: 1.5rem; }
}

/* --------------------------------------------------------------------------
   24 · RITUAL
   -------------------------------------------------------------------------- */
.mx-ritual__head { max-width: 64ch; margin-block-end: var(--mx-space-7); }
.mx-ritual__grid { display: grid; gap: var(--mx-space-4); }
@media screen and (min-width: 750px) { .mx-ritual__grid { grid-template-columns: repeat(2, 1fr); } }
@media screen and (min-width: 990px) { .mx-ritual__grid { grid-template-columns: repeat(4, 1fr); } }
.mx-ritual__step {
  background: var(--mx-ink-2);
  border: 1px solid var(--mx-ink-3);
  border-radius: var(--mx-radius-lg);
  padding: var(--mx-space-5);
}
.mx-ritual__num {
  font-family: var(--mx-font-mono);
  font-size: var(--mx-small);
  color: var(--mx-accent);
  letter-spacing: 0.18em;
  display: block;
  margin-block-end: var(--mx-space-3);
}
.mx-ritual__step h3 { font-family: var(--mx-font-body); font-size: 2.2rem; font-weight: 600; letter-spacing: 0; margin-block: 0 var(--mx-space-2); }
.mx-ritual__step p { margin: 0; font-size: var(--mx-small); color: var(--mx-text-dim); }
.mx-ritual__art {
  height: 64px;
  margin-block-end: var(--mx-space-3);
  color: var(--mx-electric);
}

/* --------------------------------------------------------------------------
   25 · FOUNDER NOTE
   -------------------------------------------------------------------------- */
.mx-founder__inner { display: grid; gap: var(--mx-space-6); align-items: center; }
@media screen and (min-width: 990px) { .mx-founder__inner { grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: var(--mx-space-8); } }
.mx-founder__inner--quote-only,
.mx-founder__inner--quote-only .mx-founder__body { display: block; }
@media screen and (min-width: 990px) {
  .mx-founder__inner--quote-only { grid-template-columns: 1fr; }
}
.mx-founder__inner--quote-only .mx-founder__body {
  max-width: 78rem;
  margin-inline: auto;
  text-align: center;
}
.mx-founder__media .mx-media { aspect-ratio: 4 / 5; max-width: 380px; }
.mx-founder__quote {
  font-family: var(--mx-font-display);
  font-size: var(--mx-h3);
  line-height: 1.35;
  font-weight: 600;
  margin-block: 0 var(--mx-space-4);
}
.mx-founder__attrib { font-family: var(--mx-font-mono); font-size: var(--mx-small); color: var(--mx-text-dim); }
.mx-founder__note { font-size: var(--mx-eyebrow); font-family: var(--mx-font-mono); letter-spacing: 0.06em; color: var(--mx-text-dim); margin-block-start: var(--mx-space-4); }

/* --------------------------------------------------------------------------
   26 · GUARANTEE
   -------------------------------------------------------------------------- */
.mx-guarantee__box {
  border: 1px solid var(--mx-ink-3);
  border-radius: var(--mx-radius-lg);
  background: var(--mx-ink-2);
  padding: var(--mx-space-6);
  display: grid;
  gap: var(--mx-space-4);
  max-width: 780px;
  margin-inline: auto;
  text-align: center;
}
.mx-guarantee__days {
  font-family: var(--mx-font-mono);
  color: var(--mx-accent);
  font-size: var(--mx-h2);
  font-weight: 500;
}
.mx-guarantee__box p { margin: 0; color: var(--mx-text-dim); max-width: 54ch; margin-inline: auto; font-size: var(--mx-body); }

/* --------------------------------------------------------------------------
   27 · PRODUCT BAR
   -------------------------------------------------------------------------- */
mx-product-bar {
  position: fixed;
  inset-inline: 0;
  inset-block-end: 0;
  z-index: 30;
  transform: translateY(102%);
  visibility: hidden;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.3s;
  background: var(--mx-glass-bg-strong);
  -webkit-backdrop-filter: var(--mx-glass-blur);
  backdrop-filter: var(--mx-glass-blur);
  border-block-start: 1px solid color-mix(in srgb, var(--mx-ink-3) 70%, transparent);
}
mx-product-bar.is-visible { transform: translateY(0); visibility: visible; }
body[class*='overflow-hidden'] mx-product-bar.is-visible {
  transform: translateY(102%);
  visibility: hidden;
}
@media (prefers-reduced-motion: reduce) { mx-product-bar { transition: none; } }
.mx-product-bar__inner {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-block: var(--mx-space-2);
}
.mx-product-bar__img {
  display: block;
  flex: 0 0 auto;
  width: 56px;
  height: 56px;
  object-fit: cover;
  border-radius: var(--mx-radius-sm);
  border: 1px solid var(--mx-ink-3);
}
.mx-product-bar__meta {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.2rem;
  min-width: 0;
}
.mx-product-bar__title {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.2;
  color: var(--mx-ink);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mx-product-bar__price {
  font-family: var(--mx-font-mono);
  font-size: 1.35rem;
  font-weight: 600;
  color: var(--mx-text-dim);
  white-space: nowrap;
}
.mx-product-bar__add {
  flex: 0 0 auto;
  margin-inline-start: auto;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: var(--mx-radius-pill);
  background: var(--mx-electric);
  color: #fafcff;
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: box-shadow 0.18s ease-out, transform 0.18s ease-out;
}
.mx-product-bar__add:hover { transform: translateY(-1px); }
.mx-product-bar__add:active { transform: scale(0.95); }

/* --------------------------------------------------------------------------
   28 · Header
   -------------------------------------------------------------------------- */
.announcement-bar { text-align: center; }
.announcement-bar__message {
  margin: 0;
  padding-block: 8px;
  font-family: var(--mx-font-body);
  font-size: 1.35rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  text-align: center;
}
@media screen and (max-width: 749px) {
  .announcement-bar__message {
    padding-block: 8px;
    padding-inline: 0.4rem;
    font-size: 1.15rem;
    letter-spacing: 0.01em;
    white-space: nowrap;
  }
}
.header-wrapper.gradient { background: transparent; }
.header-wrapper { pointer-events: none; }
.header-wrapper .mx-nav-pill--brand,
.header-wrapper .mx-header-search,
.header-wrapper .header__icons,
.header-wrapper header-drawer,
.header-wrapper .header__heading-link { pointer-events: auto; }
.shopify-section-header-sticky { top: 0.8rem; }
:root {
  --mx-nav-ink: #ffffff;
  --mx-nav-ink-dim: #dbe7fb;
  --mx-nav-glass: rgba(10, 24, 52, 0.26);
  --mx-nav-filter: blur(22px) saturate(150%) brightness(0.5);
}
.mx-nav-pill--brand > .mx-glass-layer,
.header__icons > .mx-glass-layer {
  background: var(--mx-nav-glass);
  -webkit-backdrop-filter: var(--mx-nav-filter);
  backdrop-filter: var(--mx-nav-filter);
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .mx-nav-pill--brand > .mx-glass-layer,
  .header__icons > .mx-glass-layer,
  .header .header__heading-link,
  header-drawer summary.header__icon--summary { background: rgba(10, 24, 52, 0.82); }
  .mx-viacap__panel > .mx-glass-layer { background: rgba(104, 118, 145, 0.55); }
}
.section-header .header { padding-inline: var(--page-margin, 1.6rem); }
.header__heading-link {
  display: inline-flex;
  align-items: center;
}
.mx-logo {
  --mx-logo-h: 2.1rem;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  color: inherit;
}
.mx-logo__svg {
  display: block;
  height: var(--mx-logo-h);
  width: auto;
  max-width: 100%;
}
@media screen and (max-width: 749px) {
  .mx-logo { --mx-logo-h: 1.9rem; }
}
.header__heading-link .h2 {
  font-family: var(--mx-font-display);
  font-size: 2.4rem;
  font-weight: 650;
  letter-spacing: 0.01em;
  color: #f0f5fc;
}
.header__menu-item {
  font-family: var(--mx-font-body);
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--mx-nav-ink-dim);
  transition: color 0.2s ease-out;
}
.header__menu-item:hover { color: var(--mx-nav-ink); }
.header__menu-item span { text-underline-offset: 0.4em; }
.header__active-menu-item { color: inherit; }
.header__icon { color: var(--mx-nav-ink); }
.mx-nav-actions {
  display: flex;
  align-items: center;
  isolation: isolate;
  z-index: 1;
}
.header__heading-link:hover .h2 { color: var(--mx-nav-ink); }
.mx-header-cta {
  display: inline-flex;
  align-items: center;
  min-height: 3.8rem;
  margin-inline-start: 8px;
  padding-inline: 24px;
  border-radius: var(--mx-radius-full);
  background: var(--mx-accent);
  color: #ffffff;
  font-family: var(--mx-font-body);
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color 0.25s ease-out, box-shadow 0.25s ease-out, color 0.25s ease-out;
}
.mx-header-cta:hover { background: #ffffff; color: var(--mx-midnight); }
.mx-header-cta:focus-visible {
  outline: none;
  box-shadow:
    0 0 0 3px rgb(var(--color-background)),
    0 0 0 6px var(--mx-electric);
}

@media screen and (min-width: 990px) {
  .header--middle-left {
    grid-template-areas: 'brand . icons';
    grid-template-columns: auto 1fr auto;
    column-gap: 8px;
  }
  .mx-nav-pill--brand {
    grid-area: brand;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    position: relative;
    z-index: 0;
    min-height: 5.6rem;
    padding-inline: 24px 16px;
    border-radius: var(--mx-radius-full);
  }
  .mx-nav-pill--brand .header__heading {
    display: flex;
    align-items: center;
    margin: 0;
    padding-inline: 0 16px;
  }
  .mx-nav-pill--brand .header__inline-menu {
    display: flex;
    align-items: center;
  }
  .mx-header-search {
    display: flex;
    align-items: center;
  }
  .header__icons {
    position: static;
    z-index: 0;
    display: grid;
    align-items: center;
    align-self: center;
    min-height: 5.6rem;
    padding-inline: 8px 8px;
    border-radius: var(--mx-radius-full);
  }
  .header__icons > .mx-glass-layer,
  .header__icons > .mx-nav-actions { grid-area: 1 / 1; }
  .header__icons > .mx-glass-layer {
    position: static;
    align-self: stretch;
    z-index: auto;
    margin-inline: -8px;
  }
  .mx-nav-actions { gap: 2px; }
}
.header__icons .header__icon--cart { margin-right: 0; }
@media screen and (max-width: 989px) {
  .header {
    grid-template-areas: 'left-icons heading icons';
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    column-gap: 8px;
    min-height: var(--mx-bar-h);
    margin-inline: 16px;
    border-radius: var(--mx-radius-full);
    --mx-bar-pad: 8px;
    --mx-bar-h: 5.6rem;
  }
  .section-header .header { padding-inline: var(--mx-bar-pad); }
  .mx-nav-bar {
    position: static;
    grid-area: 1 / 1 / -1 / -1;
    align-self: stretch;
    z-index: auto;
    margin-inline: calc(var(--mx-bar-pad) * -1);
    border-radius: var(--mx-radius-full);
    background: rgba(10, 24, 52, 0.86);
    -webkit-backdrop-filter: blur(20px) saturate(140%);
    backdrop-filter: blur(20px) saturate(140%);
  }
  .mx-header-search { display: none; }
  .header header-drawer {
    grid-area: left-icons;
    justify-self: start;
    margin-left: 0;
  }
  .header > .header__heading,
  .header > .header__heading-link {
    grid-area: heading;
    justify-self: center;
  }
  .header .header__heading,
  .header .header__heading-link {
    position: relative;
    z-index: 1;
  }
  .header .header__heading-link {
    min-height: 4.4rem;
    padding-inline: 0;
    border-radius: 0;
    background: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  .mx-nav-pill--brand { display: contents; }
  .mx-nav-pill--brand > .mx-glass-layer { display: none; }
  .header__icons {
    grid-area: icons;
    justify-self: end;
    display: flex;
    align-items: center;
    min-height: 4.4rem;
    padding-inline: 0;
  }
  .header__icons > .mx-glass-layer { display: none; }
  header-drawer summary.header__icon--summary {
    background: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  /* --- open ------------------------------------------------------------- */
  .header:has(.menu-drawer-container[open]) {
    --mx-bar-pad: 16px;
    margin-inline: 0;
    border-radius: 0;
    padding-block: 0;
  }
  .header:has(.menu-drawer-container[open]) .mx-nav-bar {
    border-radius: 0;
    background: var(--mx-midnight);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  .shopify-section-header-sticky:has(.menu-drawer-container[open]) { top: 0; }
}
@media screen and (min-width: 990px) {
  .mx-nav-bar.mx-glass-layer { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .header__menu-item,
  .mx-header-cta { transition: none; }
}

.header__submenu.list-menu--disclosure {
  background: rgba(22, 35, 59, 0.6);
  -webkit-backdrop-filter: var(--mx-glass-blur-strong);
  backdrop-filter: var(--mx-glass-blur-strong);
  border: none;
  border-radius: var(--mx-radius-xl);
  box-shadow: none;
  padding: 8px;
  margin-top: 8px;
}
.header__submenu .header__menu-item {
  color: #dbe6f7;
  font-size: 1.55rem;
  border-radius: var(--mx-radius-pill);
}
.header__submenu .header__menu-item:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.09);
  text-decoration: none;
}
/* --------------------------------------------------------------------------
   28b · Footer
   -------------------------------------------------------------------------- */
footer.footer:not(.color-scheme-1) { border-block-start: 1px solid rgba(255, 255, 255, 0.12); }
.footer .footer-block.grid__item { margin: 0; padding: 0; }
.footer .footer__content-top {
  padding-inline: var(--page-margin, 1.6rem);
  padding-bottom: 56px;
}
.footer .footer-block__heading {
  margin-block: 0 var(--mx-space-3);
  font-family: var(--mx-font-mono);
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #8296b3;
}
.footer .footer-block--menu .footer-block__details-content li { padding: 0; }
.footer .footer-block--menu .list-menu__item {
  display: inline-block;
  padding-block: 8px;
  font-size: 1.5rem;
  font-weight: 500;
  color: #c7d5ec;
  transition: color 0.15s ease-out;
}
.footer .footer-block--menu .list-menu__item:hover {
  color: #ffffff;
  text-decoration: underline;
  text-underline-offset: 0.35em;
}
.footer .footer-block--menu .list-menu__item--active:not(:hover) {
  text-decoration: none;
  color: #c7d5ec;
}
.mx-footer-brand {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--mx-space-4);
}
.mx-footer-logo {
  display: inline-flex;
  width: fit-content;
  color: #ffffff;
  text-decoration: none;
}
.mx-footer-statement {
  margin: 0;
  font-family: var(--mx-font-display);
  font-size: clamp(2.3rem, 1.9rem + 1.2vw, 3.2rem);
  font-weight: 600;
  line-height: 1.4;
  color: #f0f5fc;
  max-width: 24ch;
}
.mx-footer-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.14em 0.36em;
  margin-inline: 0.06em;
  border: 1.5px solid rgba(255, 255, 255, 0.4);
  border-radius: var(--mx-radius-sm);
  color: #ffffff;
  vertical-align: -0.14em;
}
.mx-footer-consent {
  margin: 0 0 16px;
  font-size: 1.2rem;
  color: #8296b3;
}
.footer .footer-block--newsletter {
  display: flex;
  flex: 0 1 auto;
  margin: 0;
  text-align: start;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--mx-space-3);
}
.footer .newsletter-form .field__label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}
.footer .footer-block__newsletter {
  text-align: start;
  width: 100%;
  flex-grow: 0;
}
.footer .footer-block--newsletter .footer-block__heading {
  font-family: var(--mx-font-body);
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  color: #f0f5fc;
  margin: 0 0 0.6rem;
}
.footer .newsletter-form {
  align-items: flex-start;
  margin: 0;
  max-width: 42rem;
}
.footer .newsletter-form__field-wrapper { max-width: 42rem; }
.footer__newsletter { margin: 0; max-width: 42rem; width: 100%; }
.footer .newsletter-form .field {
  background: transparent;
  border: 2px solid rgba(255, 255, 255, 0.85);
  border-radius: var(--mx-radius-sm);
  transition: border-color 0.15s ease-out;
}
.footer .newsletter-form .field:focus-within { border-color: var(--mx-plasma); }
.footer .newsletter-form .field:before,
.footer .newsletter-form .field:after { display: none; }
.footer .newsletter-form .field__input,
.footer .newsletter-form .field__input:focus,
.footer .newsletter-form .field__input:not(:placeholder-shown) {
  min-height: 4.8rem;
  padding: 0 56px 0 24px;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0;
  border-radius: var(--mx-radius-sm);
  background: transparent;
  box-shadow: none;
  color: #f0f5fc;
  caret-color: var(--mx-electric);
}
.footer .newsletter-form__field-wrapper .field__input::placeholder {
  color: rgba(240, 245, 252, 0.55);
  opacity: 1;
}
.footer .newsletter-form .field__input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 100rem var(--mx-midnight) inset;
  -webkit-text-fill-color: #f0f5fc;
}
.footer .newsletter-form__field-wrapper .field__input:focus,
.footer .newsletter-form__field-wrapper .field__input:focus-visible {
  outline: none;
  box-shadow: none;
}
.footer .newsletter-form .field__button {
  position: absolute;
  inset-inline-end: 0;
  inset-block: 0;
  margin: 0;
  width: 4.4rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  color: #f0f5fc;
}
.footer .newsletter-form .field__button:hover { color: var(--mx-plasma); }
.footer .newsletter-form .field__button .svg-wrapper {
  display: inline-flex;
  width: 1.7rem;
  height: 1.7rem;
}
.footer .newsletter-form .field__button svg {
  width: 100%;
  height: 100%;
}
.footer .newsletter-form__button:focus,
.footer .newsletter-form__button:focus-visible {
  outline: none;
  border-radius: var(--mx-radius-sm);
  box-shadow: 0 0 0 3px var(--mx-midnight), 0 0 0 5px var(--mx-electric);
}
.footer .newsletter-form__button:focus:not(:focus-visible) { box-shadow: none; }
@media screen and (min-width: 990px) {
  .footer .footer__content-top {
    display: grid;
    grid-template-columns: minmax(32rem, 52rem) minmax(0, 1fr);
    grid-template-rows: auto auto auto;
    gap: var(--mx-space-6) var(--mx-space-8);
    align-items: start;
  }
  .footer .mx-footer-brand { grid-column: 1; grid-row: 1; }
  .footer .footer-block--newsletter { grid-column: 1; grid-row: 2; }
  .footer .mx-footer-disclaimer { grid-column: 1; grid-row: 3; align-self: end; }
  .footer .footer__content-top .footer__blocks-wrapper {
    grid-column: 2;
    grid-row: 1 / span 3;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, max-content));
    justify-content: space-evenly;
    align-content: start;
    gap: var(--mx-space-6) var(--mx-space-5);
    margin: 0;
  }
  .footer .footer__content-top .footer__blocks-wrapper .footer-block.grid__item {
    width: 100%;
    max-width: none;
  }
}
@media screen and (max-width: 989px) {
  .footer .footer__content-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--mx-space-6);
    text-align: center;
  }
  .footer .mx-footer-brand { align-items: center; order: 1; }
  .mx-footer-statement { margin-inline: auto; }
  .footer .footer-block--newsletter { align-items: center; order: 2; }
  .footer .footer-block__newsletter { text-align: center; }
  .footer .mx-footer-disclaimer { order: 3; }
  .footer .footer__content-top .footer__blocks-wrapper { margin: 0; width: 100%; order: 4; }
  .footer .newsletter-form { align-items: center; margin-inline: auto; }
  .footer .footer__content-top .footer__blocks-wrapper .footer-block.grid__item {
    width: 100%;
    max-width: none;
  }
}
.mx-footer-disclaimer { margin: 0; }
.mx-footer-disclaimer .mx-disclaimer {
  max-width: 46rem;
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(252, 252, 247, 0.2);
  border-radius: var(--mx-radius-sm);
}
.mx-footer-disclaimer .mx-disclaimer p { color: #9db1d1; }
.mx-footer-watermark {
  overflow: hidden;
  padding-inline: var(--page-margin, 1.6rem);
  margin-block-start: var(--mx-space-6);
  user-select: none;
  pointer-events: none;
}
.mx-footer-watermark img {
  display: block;
  width: 100%;
  height: auto;
  opacity: 0.05;
}
.mx-footer-legal {
  padding-block: 24px;
  border-block-start: 1px solid rgba(255, 255, 255, 0.1);
}
.footer .mx-footer-legal__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 32px;
  padding-inline: var(--page-margin, 1.6rem);
}
.mx-footer-legal__label {
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #f0f5fc;
}
.mx-footer-legal__links {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  margin: 0;
  padding: 0;
  list-style: none;
}
.mx-footer-legal__links li { display: flex; align-items: baseline; }
.mx-footer-legal__links li + li::before {
  content: '·';
  margin-inline: 16px;
  color: #5a6c8c;
}
.mx-footer-legal__links a {
  display: inline-block;
  padding-block: 0.4rem;
  font-size: 1.35rem;
  color: #9db1d1;
  text-decoration: none;
  transition: color 0.15s ease-out;
}
.mx-footer-legal__links a:hover {
  color: #ffffff;
  text-decoration: underline;
  text-underline-offset: 0.35em;
}
@media screen and (max-width: 989px) {
  .footer .mx-footer-legal__inner { flex-direction: column; align-items: center; text-align: center; }
  .mx-footer-legal__links { justify-content: center; }
}
.footer__content-bottom { border-block-start: 1px solid rgba(255, 255, 255, 0.1); }
.footer__copyright { color: #8296b3; }

/* --------------------------------------------------------------------------
   28b · MENU DRAWER
   -------------------------------------------------------------------------- */
.mx-drawer.menu-drawer {
  --mx-drawer-line: rgba(240, 245, 252, 0.12);
  --mx-drawer-gutter: var(--mx-space-3);
}
.menu-drawer-container[open] > .mx-drawer.menu-drawer {
  position: fixed;
  inset-block: var(--mx-bar-h, 5.6rem) 0;
  inset-inline: 0;
  width: 100%;
  height: auto;
}

/* --- the rows ----------------------------------------------------------- */
.mx-drawer.menu-drawer .menu-drawer__navigation { padding-block: var(--mx-space-2) var(--mx-space-4); }
.mx-drawer.menu-drawer .menu-drawer__menu > li { margin-bottom: 0; }
.mx-drawer.menu-drawer .menu-drawer__menu > li + li { border-block-start: 1px solid var(--mx-drawer-line); }
.mx-drawer.menu-drawer .menu-drawer__menu-item {
  gap: 8px;
  padding: var(--mx-space-3) var(--mx-drawer-gutter);
  font-family: var(--mx-font-display);
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.3;
  color: #f0f5fc;
}
.mx-drawer.menu-drawer summary.menu-drawer__menu-item { padding-inline-end: var(--mx-drawer-gutter); }
.mx-drawer.menu-drawer .menu-drawer__menu-item > .svg-wrapper {
  position: static;
  transform: none;
  width: 14px;
  color: rgba(240, 245, 252, 0.45);
  transition: transform 0.18s ease-out, color 0.18s ease-out;
}
.mx-drawer.menu-drawer .menu-drawer__menu-item:focus,
.mx-drawer.menu-drawer .menu-drawer__menu-item:hover {
  color: #ffffff;
  background-color: rgba(240, 245, 252, 0.05);
}
.mx-drawer.menu-drawer .menu-drawer__menu-item:hover > .svg-wrapper {
  color: #ffffff;
  transform: translateX(3px);
}
.mx-drawer.menu-drawer .menu-drawer__menu-item--active {
  color: #ffffff;
  background-color: rgba(240, 245, 252, 0.05);
}
.mx-drawer.menu-drawer .menu-drawer__menu-item--active::before {
  content: '';
  flex: 0 0 auto;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--mx-electric);
}
.mx-drawer.menu-drawer .menu-drawer__close-button {
  margin-top: 0;
  padding: var(--mx-space-3) var(--mx-drawer-gutter);
  font-family: var(--mx-font-mono);
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(240, 245, 252, 0.72);
  border-block-end: 1px solid var(--mx-drawer-line);
}
.mx-drawer.menu-drawer .menu-drawer__close-button:hover { color: #ffffff; background: none; }

.mx-drawer.menu-drawer .mx-drawer__sign {
  margin: 0;
  padding: var(--mx-space-4) var(--mx-drawer-gutter);
  font-family: var(--mx-font-mono);
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(240, 245, 252, 0.38);
}

/* --- the shelf: search, account, market --------------------------------- */
.mx-drawer.menu-drawer .menu-drawer__utility-links {
  display: grid;
  gap: var(--mx-space-3);
  padding: var(--mx-space-3) var(--mx-drawer-gutter) var(--mx-space-4);
  background-color: rgba(240, 245, 252, 0.05);
  border-block-start: 1px solid var(--mx-drawer-line);
}
.mx-drawer.menu-drawer .menu-drawer__account {
  margin: 0;
  padding: 0;
  font-family: var(--mx-font-body);
  font-size: 1.6rem;
  font-weight: 500;
  color: #f0f5fc;
}
.mx-drawer.menu-drawer .menu-drawer__account account-icon > .svg-wrapper,
.mx-drawer.menu-drawer .menu-drawer__account > .svg-wrapper {
  width: 2rem;
  height: 2rem;
  margin-inline-end: var(--mx-space-2);
}
.mx-drawer.menu-drawer .menu-drawer__localization { padding: 0; }
.mx-drawer.menu-drawer .menu-drawer__localization .disclosure { margin: 0; }
.mx-drawer.menu-drawer .localization-form__select,
.mx-drawer.menu-drawer .localization-selector {
  margin: 0;
  padding: 0;
  font-family: var(--mx-font-body);
  font-size: 1.5rem;
  color: rgba(240, 245, 252, 0.72);
  text-decoration: none;
}
.mx-drawer.menu-drawer .localization-form__select:hover { color: #ffffff; }
.mx-drawer.menu-drawer .list-social { margin-inline-start: -8px; }

/* --------------------------------------------------------------------------
   28c · SEARCH
   -------------------------------------------------------------------------- */
.mx-search-field {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 4.8rem;
  padding-inline: 16px 8px;
  border-radius: var(--mx-radius-full);
  background: rgba(240, 245, 252, 0.08);
  border: 1px solid rgba(240, 245, 252, 0.2);
  transition: border-color 0.18s ease-out, box-shadow 0.18s ease-out,
    background-color 0.18s ease-out;
}
.mx-search-field:focus-within {
  background: rgba(240, 245, 252, 0.12);
  border-color: var(--mx-electric);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mx-electric) 32%, transparent);
}
.mx-search-field__input {
  flex: 1 1 auto;
  min-width: 0;
  height: 4.6rem;
  padding: 0;
  border: 0;
  background: none;
  color: #f0f5fc;
  font-family: var(--mx-font-body);
  font-size: 1.6rem;
  -webkit-appearance: none;
  appearance: none;
}
.mx-search-field__input::placeholder { color: rgba(240, 245, 252, 0.55); }
.mx-search-field__input::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; }
.mx-search-field__input:focus,
.mx-search-field__input:focus-visible {
  outline: none;
  box-shadow: none;
}
.mx-search-field__go {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.6rem;
  height: 3.6rem;
  padding: 0;
  border: 0;
  border-radius: var(--mx-radius-full);
  background: none;
  color: rgba(240, 245, 252, 0.72);
  cursor: pointer;
  transition: color 0.18s ease-out, background-color 0.18s ease-out;
}
.mx-search-field__go:hover {
  color: #ffffff;
  background: rgba(240, 245, 252, 0.1);
}
.mx-search-field__go .svg-wrapper { width: 1.8rem; height: 1.8rem; }
.mx-search-field__go svg { width: 100%; height: 100%; }

.search-modal { border-bottom: 0; }
.search-modal .field {
  min-height: 4.8rem;
  border-radius: var(--mx-radius-full);
  background: rgba(240, 245, 252, 0.08);
  border: 1px solid rgba(240, 245, 252, 0.2);
  transition: border-color 0.18s ease-out, box-shadow 0.18s ease-out,
    background-color 0.18s ease-out;
}
.search-modal .field::before,
.search-modal .field::after { display: none; }
.search-modal .field:focus-within {
  background: rgba(240, 245, 252, 0.12);
  border-color: var(--mx-electric);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mx-electric) 32%, transparent);
}
.search-modal .field__input {
  min-height: 4.6rem;
  padding: 0 16px;
  border: 0;
  background: none;
  color: #f0f5fc;
  font-family: var(--mx-font-body);
  font-size: 1.6rem;
}
.search-modal .field__input::placeholder { color: rgba(240, 245, 252, 0.55); opacity: 1; }
.search-modal .field__input:focus,
.search-modal .field__input:focus-visible {
  outline: none;
  box-shadow: none;
}
.search-modal .field__button,
.search-modal .search-modal__close-button { color: rgba(240, 245, 252, 0.72); }
.search-modal .field__button:hover,
.search-modal .search-modal__close-button:hover { color: #ffffff; }

/* --------------------------------------------------------------------------
   28d · CART DRAWER
   -------------------------------------------------------------------------- */
.mx-cart.drawer {
  --mx-cart-line: var(--mx-ink-3);
  --mx-cart-quiet: color-mix(in srgb, var(--mx-ink) 62%, transparent);
  --mx-cart-edge: color-mix(in srgb, var(--mx-ink) 22%, transparent);
  --mx-cart-gutter: var(--mx-space-3);
}
.mx-cart.drawer { background-color: rgba(6, 13, 28, 0.62); }
.mx-cart.drawer .drawer__inner {
  width: 44rem;
  max-width: 100%;
  box-sizing: border-box;
  padding-inline: var(--mx-cart-gutter);
  border: 0;
  border-inline-start: 1px solid var(--mx-cart-line);
  color: var(--mx-ink);
}
.mx-cart.drawer .drawer__inner-empty { padding-inline: 0; }
@media screen and (max-width: 749px) {
  .mx-cart.drawer .cart-drawer { width: 100%; }
  .mx-cart.drawer .drawer__inner {
    width: 100%;
    border-inline-start: 0;
  }
  .mx-cart.drawer .drawer__footer {
    padding-block-end: calc(var(--mx-space-4) + env(safe-area-inset-bottom, 0px));
  }
}
@media screen and (min-width: 750px) {
  .mx-cart.drawer { --mx-cart-gutter: var(--mx-space-5); }
}

/* --- the head ----------------------------------------------------------- */
.mx-cart.drawer .drawer__header { padding-block: var(--mx-space-4) var(--mx-space-3); }
.mx-cart.drawer .drawer__heading {
  margin: 0;
  font-family: var(--mx-font-display);
  font-size: 2.4rem;
  font-weight: 600;
  letter-spacing: -0.015em;
  color: var(--mx-ink);
}
.mx-cart.drawer .drawer__close {
  top: 6px;
  right: -10px;
  color: var(--mx-cart-quiet);
  box-shadow: none;
}
.mx-cart.drawer .drawer__close:hover { color: var(--mx-ink); }

/* --- the line items ----------------------------------------------------- */
.mx-cart.drawer .cart-item {
  grid-template-columns: 7rem minmax(0, 1fr) auto;
  gap: var(--mx-space-2) var(--mx-space-3);
  align-items: start;
  padding-block: var(--mx-space-3);
  margin-bottom: 0;
}
.mx-cart.drawer .cart-items td { padding-top: 0; }
.mx-cart.drawer .cart-item > td + td { padding-left: 0; }
.mx-cart.drawer .cart-item__media {
  grid-row: 1 / 3;
  grid-column: 1;
  width: 100%;
}
.mx-cart.drawer .cart-item__details { grid-column: 2 / 3; grid-row: 1; min-width: 0; }
.mx-cart.drawer .cart-item__totals { grid-column: 3 / 4; grid-row: 1; }
.mx-cart.drawer .cart-items .cart-item__quantity { grid-column: 2 / 4; grid-row: 2; }
.mx-cart.drawer .cart-item:last-child { margin-bottom: 0; }
.mx-cart.drawer .cart-items th {
  padding-block-end: 8px;
  font-family: var(--mx-font-body);
  font-size: 1.15rem;
  font-weight: 500;
  letter-spacing: 0.12em;
  color: var(--mx-cart-quiet);
  border-block-end: 0;
}
.mx-cart.drawer .cart-items thead tr { border-block-end: 1px solid var(--mx-cart-line); }
.mx-cart.drawer .cart-item + .cart-item { border-block-start: 1px solid var(--mx-cart-line); }
.mx-cart.drawer .cart-item__image {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  border-radius: var(--mx-radius-sm);
  background: var(--mx-ink-2);
}
.mx-cart.drawer .cart-item__image-container { width: 100%; }

.mx-cart.drawer .cart-item__details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--mx-space-1);
}
.mx-cart.drawer .cart-item__details > * { margin: 0; max-width: 100%; }
.mx-cart.drawer .cart-item__name {
  order: 1;
  font-family: var(--mx-font-display);
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.25;
  color: var(--mx-ink);
  text-decoration: none;
}
.mx-cart.drawer .cart-item__name:hover { color: var(--mx-accent); text-decoration: none; }
.mx-cart.drawer .cart-item__details > dl { order: 2; }
.mx-cart.drawer .cart-item__details > .product-option,
.mx-cart.drawer .cart-item__details > .cart-item__discounted-prices { order: 3; }
.mx-cart.drawer .cart-item__details > dl .product-option {
  font-family: var(--mx-font-body);
  font-size: 1.4rem;
  line-height: 1.35;
  color: var(--mx-cart-quiet);
}
.mx-cart.drawer .cart-item__details > .product-option,
.mx-cart.drawer .cart-item__old-price,
.mx-cart.drawer .cart-item__final-price {
  font-family: var(--mx-font-mono);
  font-size: 1.3rem;
  letter-spacing: -0.01em;
  color: var(--mx-cart-quiet);
}
.mx-cart.drawer .cart-item__old-price { text-decoration: line-through; }
.mx-cart.drawer .cart-item__totals .price {
  font-family: var(--mx-font-mono);
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.25;
  color: var(--mx-ink);
  white-space: nowrap;
}
.mx-cart.drawer .cart-item__error-text { color: #b3261e; }

/* --- quantity and remove: one pill, one icon ---------------------------- */
.mx-cart.drawer .quantity {
  width: 12rem;
  flex: 0 0 auto;
  min-height: 4.4rem;
  border-radius: var(--mx-radius-pill);
  background: var(--mx-ink-2);
  border: 1px solid var(--mx-cart-edge);
  color: var(--mx-ink);
}
.mx-cart.drawer .quantity::after { display: none; }
.mx-cart.drawer .quantity__button,
.mx-cart.drawer .quantity__input { background-color: transparent; }
.mx-cart.drawer .quantity__input {
  opacity: 1;
  font-family: var(--mx-font-body);
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--mx-ink);
}
.mx-cart.drawer .quantity__button { color: var(--mx-cart-quiet); }
.mx-cart.drawer .quantity__button:hover { color: var(--mx-ink); }
.mx-cart.drawer .cart-item__quantity-wrapper {
  display: flex;
  align-items: center;
  gap: var(--mx-space-2);
  flex-wrap: wrap;
}
.mx-cart.drawer .cart-item cart-remove-button { margin-left: 0; }
.mx-cart.drawer button.cart-remove-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4.4rem;
  height: 4.4rem;
  min-width: 0;
  min-height: 0;
  padding: 0;
  border: 1px solid transparent;
  border-radius: var(--mx-radius-pill);
  background: none;
  color: var(--mx-cart-quiet);
  box-shadow: none;
}
.mx-cart.drawer button.cart-remove-button::after,
.mx-cart.drawer button.cart-remove-button::before { display: none; }
.mx-cart.drawer button.cart-remove-button .svg-wrapper { width: 1.8rem; height: 1.8rem; }
.mx-cart.drawer button.cart-remove-button:hover {
  color: var(--mx-ink);
  border-color: var(--mx-cart-edge);
  background: color-mix(in srgb, var(--mx-ink) 5%, transparent);
}

/* --- the foot ----------------------------------------------------------- */
.mx-cart.drawer .drawer__footer {
  border-block-start: 1px solid var(--mx-cart-line);
  padding-block: var(--mx-space-3) var(--mx-space-4);
}
.mx-cart.drawer .totals {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--mx-space-1) var(--mx-space-3);
}
.mx-cart.drawer .totals__total {
  margin: 0;
  font-family: var(--mx-font-body);
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--mx-cart-quiet);
}
.mx-cart.drawer .totals__total-value {
  margin: 0;
  margin-inline-start: auto;
  font-family: var(--mx-font-mono);
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  white-space: nowrap;
  color: var(--mx-ink);
}
.mx-cart.drawer .tax-note {
  margin: 8px 0 16px;
  font-size: 1.3rem;
  line-height: 1.45;
  text-align: start;
  color: var(--mx-cart-quiet);
}
.mx-cart.drawer .cart__checkout-button {
  width: 100%;
  max-width: none;
  min-height: 5.6rem;
  border: 0;
  border-radius: var(--mx-radius-pill);
  background: var(--mx-electric);
  color: #fafcff;
  font-family: var(--mx-font-body);
  font-size: 1.75rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  box-shadow: none;
  transition: background-color 0.18s ease-out;
}
.mx-cart.drawer .cart__checkout-button::after,
.mx-cart.drawer .cart__checkout-button::before { display: none; }
.mx-cart.drawer .cart__checkout-button:hover { background: var(--mx-accent); }
.mx-cart.drawer .drawer__footer summary {
  font-family: var(--mx-font-body);
  font-size: 1.45rem;
  color: var(--mx-cart-quiet);
}
.mx-cart.drawer .drawer__footer > details { border-block-end-color: var(--mx-cart-line); }
.mx-cart.drawer .cart__note .field__input {
  border-radius: var(--mx-radius-sm);
  background: var(--mx-ink-2);
  border: 1px solid var(--mx-cart-edge);
  color: var(--mx-ink);
}

/* --- empty -------------------------------------------------------------- */
.mx-cart.drawer .cart__empty-text {
  font-family: var(--mx-font-display);
  font-size: 2.4rem;
  font-weight: 600;
  color: var(--mx-ink);
}
.mx-cart.drawer .drawer__inner-empty .button {
  min-height: 5.2rem;
  border-radius: var(--mx-radius-pill);
  background: none;
  border: 1px solid color-mix(in srgb, var(--mx-ink) 30%, transparent);
  color: var(--mx-ink);
  font-family: var(--mx-font-body);
  font-size: 1.6rem;
  font-weight: 600;
  box-shadow: none;
}
.mx-cart.drawer .drawer__inner-empty .button::after,
.mx-cart.drawer .drawer__inner-empty .button::before { display: none; }
.mx-cart.drawer .drawer__inner-empty .button:hover {
  background: color-mix(in srgb, var(--mx-ink) 6%, transparent);
  border-color: var(--mx-ink);
}
.mx-cart.drawer .cart__login-title { color: var(--mx-ink); }
.mx-cart.drawer .cart__login-paragraph,
.mx-cart.drawer .cart__login-paragraph a { color: var(--mx-cart-quiet); }

.mx-cart.drawer :is(a, button, input, summary, [tabindex]):focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mx-electric) 38%, transparent);
  outline: none;
}

/* --------------------------------------------------------------------------
   29 · Icon primitive
   -------------------------------------------------------------------------- */
.mx-icon { display: inline-block; width: var(--mx-icon-size, 20px); height: var(--mx-icon-size, 20px); vertical-align: middle; }
.mx-icon svg { display: block; width: 100%; height: 100%; }

/* --------------------------------------------------------------------------
   30 · BENEFITS
   -------------------------------------------------------------------------- */
.mx-benefits__head { margin-block-end: var(--mx-space-6); }
.mx-benefits__grid {
  display: grid;
  gap: var(--mx-space-4);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (min-width: 750px) and (max-width: 989px) {
  .mx-benefits__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media screen and (min-width: 990px) {
  .mx-benefits__grid { grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--mx-space-5); }
  .mx-bcard--wide { grid-column: span 7; }
  .mx-bcard--narrow { grid-column: span 5; }
}
.mx-bcard {
  display: flex;
  flex-direction: column;
  background: var(--mx-ink-2);
  border: 1px solid var(--mx-ink-3);
  border-radius: calc(var(--mx-radius-lg) + 4px);
  overflow: hidden;
}
.mx-bcard--midnight {
  background: var(--mx-midnight);
  border-color: transparent;
  color: #f0f5fc;
}
.mx-bcard__media {
  flex: 1 0 auto;
  display: grid;
  align-content: center;
}
.mx-bcard__media .mx-media { border-radius: 0; }
.mx-bcard__media--pad { padding: var(--mx-space-5) var(--mx-space-5) 0; }
.mx-bcard__text { padding: var(--mx-space-5); margin-block-start: auto; }
.mx-bcard__icon {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: var(--mx-radius-pill);
  background: color-mix(in srgb, var(--mx-electric) 10%, transparent);
  color: var(--mx-accent);
  margin-block-end: var(--mx-space-3);
}
.mx-bcard__title { margin: 0 0 0.6rem; font-size: 2.4rem; font-weight: 550; line-height: 1.2; }
.mx-bcard__body { margin: 0; color: var(--mx-text-dim); font-size: var(--mx-small); line-height: 1.55; max-width: 52ch; }
.mx-bcard--midnight .mx-bcard__title { color: #f0f5fc; }
.mx-bcard--midnight .mx-bcard__body { color: #c7d5ec; }
.mx-bcard__stat {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  padding: var(--mx-space-6) var(--mx-space-5) 0;
}
.mx-bcard__stat-value {
  font-size: clamp(10rem, 7rem + 9vw, 19rem);
  line-height: 0.85;
  font-weight: 550;
  letter-spacing: -0.03em;
  color: var(--mx-electric);
}
.mx-bcard--midnight .mx-bcard__stat-value { color: var(--mx-plasma); }
.mx-bcard__stat-label {
  font-family: var(--mx-font-mono);
  font-size: 1.3rem;
  letter-spacing: 0.18em;
  color: var(--mx-text-dim);
}
.mx-bcard--midnight .mx-bcard__stat-label { color: #9db1d1; }
.mx-benefits__foot { margin-block-start: var(--mx-space-5); }

/* --------------------------------------------------------------------------
   31 · BUY BOX TRUST ROW
   -------------------------------------------------------------------------- */
.mx-trust-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--mx-space-2) var(--mx-space-4);
  flex-wrap: wrap;
  margin-block-start: var(--mx-space-3);
}
.mx-trust-row__icons { display: inline-flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; }
.mx-payicon { display: block; width: 34px; height: 22px; border-radius: 4px; }

/* --------------------------------------------------------------------------
   31b · SUPPLY
   -------------------------------------------------------------------------- */
.mx-supply.gradient { background: #0a1834; }
.color-scheme-3 .mx-eyebrow { color: var(--mx-plasma); }
.color-scheme-3 .mx-lede { color: #c7d5ec; }
.mx-supply__head { margin-block-end: var(--mx-space-7); }

.mx-supply__pick {
  --mx-supply-line: rgba(150, 190, 255, 0.18);
  --mx-supply-lift: #16305e;
  --mx-supply-ink: #f0f5fc;
  --mx-supply-dim: #9db1d1;
  display: grid;
  gap: var(--mx-space-6);
  align-items: center;
}
@media screen and (min-width: 990px) {
  .mx-supply__pick { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--mx-space-8); }
}

/* --- the stage ---------------------------------------------------------- */
.mx-supply__stage {
  position: relative;
  display: grid;
  place-items: center;
  aspect-ratio: 1 / 1;
  isolation: isolate;
}
.mx-supply__glow {
  position: absolute;
  z-index: -1;
  inset: -14%;
  background: radial-gradient(
    ellipse 58% 44% at 50% 50%,
    color-mix(in srgb, var(--mx-electric) 17%, transparent) 0%,
    color-mix(in srgb, var(--mx-electric) 8%, transparent) 34%,
    color-mix(in srgb, var(--mx-electric) 2%, transparent) 66%,
    transparent 100%
  );
  filter: blur(26px);
}
.mx-supply__shot {
  grid-area: 1 / 1;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.35s ease-out, transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
  transform: scale(0.97);
}
.mx-supply__stage:not(.is-live) .mx-supply__shot.is-default { opacity: 1; transform: scale(1); }
.mx-supply__shot.is-active { opacity: 1; transform: scale(1); }
.mx-supply__shot img,
.mx-supply__shot svg { display: block; width: 100%; height: 100%; object-fit: contain; }
.mx-supply__count {
  position: absolute;
  inset-block-end: 4%;
  inset-inline-end: 8%;
  font-family: var(--mx-font-mono);
  font-size: 1.6rem;
  color: var(--mx-plasma);
}

@media (prefers-reduced-motion: reduce) {
  .mx-supply__shot { transition: none; transform: none; }
}

/* --- the rows ----------------------------------------------------------- */
.mx-supply__rows { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
.mx-supply__row { border-block-start: 1px solid var(--mx-supply-line); transition: border-color 0.3s ease-out; }
.mx-supply__row:last-child { border-block-end: 1px solid var(--mx-supply-line); }

.mx-supply__link {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  align-items: center;
  gap: var(--mx-space-3) var(--mx-space-4);
  padding: var(--mx-space-4) var(--mx-space-3);
  color: inherit;
  text-decoration: none;
  transition: background-color 0.3s ease-out;
}
.mx-supply__link:hover { background: rgba(255, 255, 255, 0.04); }

.mx-supply__row.is-showing .mx-supply__link { background: var(--mx-supply-lift); }
.mx-supply__row.is-showing { border-color: color-mix(in srgb, var(--mx-plasma) 38%, transparent); }

.mx-supply__nights {
  font-size: clamp(3.6rem, 2.2rem + 3.4vw, 6.4rem);
  line-height: 0.86;
  font-weight: 700;
  letter-spacing: -0.04em;
  color: var(--mx-supply-ink);
  font-variant-numeric: tabular-nums;
  transition: color 0.3s ease-out;
}
.mx-supply__row:not(.is-showing) .mx-supply__nights { color: #6f86ab; }
.mx-supply__link:hover .mx-supply__nights { color: var(--mx-supply-ink); }

.mx-supply__of { display: flex; flex-direction: column; gap: 0.2rem; align-items: flex-start; }
.mx-supply__unit { font-size: 2rem; font-weight: 600; color: var(--mx-supply-ink); }
.mx-supply__span { font-size: var(--mx-small); color: var(--mx-supply-dim); }
.mx-supply__badge {
  margin-block-start: var(--mx-space-2);
  padding: 4px 12px;
  border-radius: var(--mx-radius-pill);
  background: var(--mx-electric);
  color: #fafcff;
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.mx-supply__money { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1rem; text-align: end; }
.mx-supply__rate { font-size: 2.4rem; font-weight: 700; letter-spacing: -0.045em; color: var(--mx-supply-ink); }
.mx-supply__per { font-size: var(--mx-eyebrow); letter-spacing: 0.06em; text-transform: uppercase; color: var(--mx-supply-dim); }
.mx-supply__total { margin-block-start: var(--mx-space-2); font-size: var(--mx-small); letter-spacing: -0.03em; color: #c7d5ec; }
.mx-supply__save { font-style: normal; color: var(--mx-plasma); }
.mx-supply__save::before { content: ' · '; color: var(--mx-supply-dim); }

.mx-supply__go {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid var(--mx-supply-line);
  border-radius: var(--mx-radius-pill);
  color: var(--mx-supply-ink);
  transition: background-color 0.2s ease-out, transform 0.2s ease-out, border-color 0.2s ease-out;
}
.mx-supply__link:hover .mx-supply__go {
  background: var(--mx-electric);
  border-color: transparent;
  transform: translateX(3px);
}
@media (prefers-reduced-motion: reduce) {
  .mx-supply__go { transition: background-color 0.2s ease-out; }
  .mx-supply__link:hover .mx-supply__go { transform: none; }
}

.mx-supply__certs {
  display: flex;
  flex-wrap: wrap;
  gap: var(--mx-space-2) var(--mx-space-4);
  margin: var(--mx-space-4) 0 0;
  padding: 0 var(--mx-space-3);
  list-style: none;
  font-size: var(--mx-eyebrow);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--mx-supply-dim);
}
.mx-supply__certs li { position: relative; }
.mx-supply__certs li + li::before {
  content: '';
  position: absolute;
  inset-inline-start: calc(var(--mx-space-4) / -2);
  inset-block-start: 50%;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: currentColor;
  translate: -50% -50%;
}

@media screen and (max-width: 989px) {
  .mx-supply__stage { aspect-ratio: 16 / 10; }
}
@media screen and (max-width: 749px) {
  .mx-section .mx-supply__link { text-align: start; }
  .mx-supply__rows { margin-inline: calc(var(--mx-space-2) * -1); }
  .mx-supply__link {
    grid-template-columns: auto minmax(0, 1fr);
    gap: var(--mx-space-2) var(--mx-space-3);
    padding-inline: var(--mx-space-2);
  }
  .mx-supply__money {
    grid-column: 1 / -1;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: flex-start;
    gap: var(--mx-space-2) var(--mx-space-3);
    text-align: start;
  }
  .mx-supply__per, .mx-supply__total { white-space: nowrap; }
  .mx-supply__total { flex-basis: 100%; margin-block-start: 0; }
  .mx-supply__go { grid-column: 2; grid-row: 1; justify-self: end; width: 38px; height: 38px; }
  .mx-supply__certs { padding-inline: 0; justify-content: center; }
}

:is(.color-scheme-1, .color-scheme-2, .color-scheme-5) .mx-supply__pick {
  --mx-supply-line: var(--mx-ink-3);
  --mx-supply-lift: var(--mx-ink-2);
  --mx-supply-ink: var(--mx-ink);
  --mx-supply-dim: var(--mx-text-dim);
}
:is(.color-scheme-1, .color-scheme-2, .color-scheme-5) .mx-supply__row:not(.is-showing) .mx-supply__nights { color: #b9b1a2; }
:is(.color-scheme-1, .color-scheme-2, .color-scheme-5) .mx-supply__row.is-showing { border-color: color-mix(in srgb, var(--mx-electric) 45%, transparent); }
:is(.color-scheme-1, .color-scheme-2, .color-scheme-5) .mx-supply__total { color: var(--mx-text-dim); }
:is(.color-scheme-1, .color-scheme-2, .color-scheme-5) .mx-supply__save { color: var(--mx-accent); }
:is(.color-scheme-1, .color-scheme-2, .color-scheme-5) .mx-supply__link:hover { background: rgba(22, 35, 59, 0.04); }
:is(.color-scheme-1, .color-scheme-2, .color-scheme-5) .mx-supply__unset {
  border-color: var(--mx-ink-3);
  color: var(--mx-text-dim);
}

/* --------------------------------------------------------------------------
   31c · BUNDLE
   -------------------------------------------------------------------------- */
.mx-bundle.gradient { background: #0a1834; }
.mx-bundle__slab {
  background: rgb(var(--color-background));
  border-radius: 0;
}
.mx-bundle__inner {
  display: grid;
  gap: var(--mx-space-6);
  align-items: center;
}
@media screen and (min-width: 990px) {
  .mx-bundle__inner { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--mx-space-8); }
}
.mx-bundle__badge {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  padding: 0.5em 1.2em;
  border-radius: var(--mx-radius-full);
  background: color-mix(in srgb, var(--mx-electric) 12%, transparent);
  color: var(--mx-accent);
  font-weight: 600;
  font-size: 1.3rem;
  letter-spacing: 0.04em;
  margin-block-end: var(--mx-space-3);
}
.mx-bundle__copy h2 { margin: 0 0 var(--mx-space-3); max-width: 18ch; }
.mx-bundle__body { max-width: 46ch; color: var(--mx-text-dim); margin: 0 0 var(--mx-space-5); }

/* --- the rotating bottle ------------------------------------------------ */
.mx-bundle__media--spin {
  display: flex;
  align-items: center;
  justify-content: center;
}
.mx-bundle__spin {
  position: relative;
  width: 100%;
  max-width: 320px;
  aspect-ratio: 1 / 2;
}
.mx-bundle__spin-video,
.mx-bundle__spin-flat {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: transparent;
}
.mx-bundle__spin-flat[hidden] { display: none; }
@media screen and (max-width: 989px) {
  .mx-bundle__spin { max-width: 240px; }
}
@media screen and (max-width: 749px) {
  .mx-bundle__badge { margin-inline: auto; }
}

.mx-supply__unset {
  border: 1px dashed rgba(255, 255, 255, 0.35);
  border-radius: var(--mx-radius-lg);
  padding: var(--mx-space-6);
  text-align: center;
  color: #c7d5ec;
  font-family: var(--mx-font-mono);
  font-size: var(--mx-small);
}
.mx-btn--card {
  background: #ffffff;
  color: var(--mx-ink);
}
.mx-btn--card:hover { background: var(--mx-electric); color: #fafcff; }
.mx-btn--light {
  background: #ffffff;
  color: var(--mx-ink);
}
.mx-btn--light:hover { background: var(--mx-plasma); color: var(--mx-midnight); }

/* --------------------------------------------------------------------------
   31c · CLOSING
   -------------------------------------------------------------------------- */
.mx-closing__slab {
  --mx-closing-pad: clamp(24px, 4vw, 64px);
  --mx-closing-line: rgba(150, 190, 255, 0.18);
  --mx-closing-ink: #f0f5fc;
  --mx-closing-dim: #c7d5ec;
  --mx-closing-quiet: #9db1d1;
  --mx-closing-amber: #e09b3d;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: var(--mx-space-6);
  padding: var(--mx-closing-pad);
  border-radius: var(--mx-sheet-radius);
  background: #0a1834;
  color: var(--mx-closing-ink);
}
.mx-closing__row { display: grid; gap: var(--mx-space-4); }
@media screen and (min-width: 1000px) {
  .mx-closing__row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 40%);
    gap: var(--mx-space-4);
  }
}
.mx-closing__bg { position: absolute; inset: 0; z-index: -1; }
.mx-closing__bg img { width: 100%; height: 100%; object-fit: cover; }
.mx-closing__bg::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(10, 20, 44, 0.82);
}

/* --- the statement ------------------------------------------------------ */
.mx-closing__say {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--mx-space-5);
}
.mx-closing__words {
  display: flex;
  flex-direction: column;
  align-items: inherit;
  gap: var(--mx-space-3);
}
.mx-closing__lockup {
  font-size: var(--mx-eyebrow);
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--mx-plasma);
}
.mx-closing__statement {
  margin: 0;
  font-size: clamp(3rem, 2.4rem + 1.5vw, 4rem);
  line-height: 1.04;
  letter-spacing: -0.025em;
  color: var(--mx-closing-ink);
  text-wrap: balance;
}
.mx-closing__lede {
  margin: 0;
  max-width: 40ch;
  font-size: var(--mx-body);
  color: var(--mx-closing-dim);
}
.mx-closing__spec {
  display: flex;
  flex-wrap: wrap;
  gap: var(--mx-space-2) var(--mx-space-4);
  margin: var(--mx-space-1) 0 0;
  padding: 0;
  list-style: none;
  font-size: var(--mx-eyebrow);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--mx-closing-quiet);
}
.mx-closing__spec li { position: relative; }
.mx-closing__spec li:not(:last-child)::after {
  content: '';
  position: absolute;
  inset-inline-end: calc(var(--mx-space-4) / -2);
  inset-block-start: 50%;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: currentColor;
  translate: -50% -50%;
}
.mx-closing__act { margin-block-start: var(--mx-space-2); }
.mx-closing__act .mx-btn {
  padding-block: 16px;
  font-size: var(--mx-body);
}

/* --- the scene ---------------------------------------------------------- */
.mx-closing__art { display: block; }
.mx-closing__art .mx-media {
  width: 100%;
  height: 100%;
  border-radius: var(--mx-sheet-radius);
}
@media screen and (min-width: 1000px) {
  .mx-closing__art .mx-media > img { object-position: 30% center; }
}

/* --- the pledge --------------------------------------------------------- */
.mx-closing__pledge {
  display: grid;
  gap: var(--mx-space-3) var(--mx-space-5);
  padding-block-start: var(--mx-space-5);
  border-block-start: 1px solid var(--mx-closing-line);
}
@media screen and (min-width: 750px) {
  .mx-closing__pledge {
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas:
      'fig vow'
      'fig more';
    align-items: center;
    justify-items: start;
  }
  .mx-closing__figure { grid-area: fig; }
  .mx-closing__vow { grid-area: vow; }
  .mx-closing__more { grid-area: more; }
}
.mx-closing__figure {
  font-size: clamp(4.4rem, 2rem + 3.4vw, 6.4rem);
  line-height: 0.82;
  font-weight: 700;
  letter-spacing: -0.04em;
  color: var(--mx-closing-amber);
}
.mx-closing__vow { display: flex; flex-direction: column; gap: 0.4rem; }
.mx-closing__amber {
  font-size: var(--mx-eyebrow);
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--mx-closing-amber);
}
.mx-closing__vowline {
  margin: 0;
  font-size: var(--mx-small);
  font-weight: 600;
  color: var(--mx-closing-ink);
}
.mx-closing__note {
  margin: 0;
  max-width: 72ch;
  font-size: var(--mx-small);
  color: var(--mx-closing-quiet);
}
.mx-closing__more .mx-btn--ghost { color: var(--mx-closing-ink); }
.mx-closing__legal { margin-block-start: var(--mx-space-5); }

@media screen and (max-width: 999px) {
  .mx-closing__art { order: -1; }
  .mx-closing__art .mx-media {
    height: auto;
    aspect-ratio: 1 / 1;
  }
  .mx-closing__art .mx-media > img { object-position: center 55%; }
}
@media screen and (max-width: 749px) {
  .mx-closing__say { align-items: center; }
  .mx-closing__spec { justify-content: center; }
  .mx-closing__pledge { justify-items: center; }
  .mx-closing__vow { align-items: center; }
  .mx-closing__note { margin-inline: auto; }
  .mx-closing__act .mx-btn { width: min(34rem, 100%); justify-content: center; }
}

/* --------------------------------------------------------------------------
   33 · UP CLOSE
   -------------------------------------------------------------------------- */
.mx-masonry__head { margin-block-end: var(--mx-space-6); }
.mx-upclose__grid {
  display: grid;
  gap: var(--mx-space-3);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (min-width: 750px) {
  .mx-upclose__grid { grid-template-columns: repeat(2, 1fr); }
}
@media screen and (min-width: 990px) {
  .mx-upclose__grid { grid-template-columns: repeat(4, 1fr); }
}
.mx-upclose__card {
  position: relative;
  aspect-ratio: 3 / 4;
  border-radius: var(--mx-radius-lg);
  overflow: hidden;
  background: var(--mx-ink-2);
}
.mx-upclose__card .mx-media,
.mx-upclose__card .mx-media--ratio {
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  border-radius: 0;
}
.mx-upclose__card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.mx-upclose__id {
  position: absolute;
  inset-inline: 0;
  inset-block-end: 0;
  padding: var(--mx-space-5) var(--mx-space-4) var(--mx-space-4);
  background: linear-gradient(180deg, rgba(6, 12, 26, 0) 0%, rgba(6, 12, 26, 0.86) 80%);
  color: #ffffff;
}
.mx-upclose__id h3 {
  margin: 0;
  font-family: var(--mx-font-display);
  font-size: 2.4rem;
  font-weight: 600;
  color: #ffffff;
}
.mx-upclose__id p {
  margin: 0.35em 0 0;
  font-size: var(--mx-small);
  color: #c7d5ec;
}
.mx-upclose__card--more { background: var(--mx-midnight); }
.mx-upclose__card--more a {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: var(--mx-space-2);
  height: 100%;
  padding: var(--mx-space-5);
  text-decoration: none;
  color: #f0f5fc;
}
.mx-upclose__card--more h3 {
  margin: 0;
  font-family: var(--mx-font-display);
  font-size: 2.4rem;
  font-weight: 600;
  color: #ffffff;
}
.mx-upclose__card--more p {
  margin: 0;
  font-size: var(--mx-small);
  color: #9db1d1;
}
.mx-upclose__go {
  display: inline-flex;
  align-items: center;
  gap: 0.6em;
  margin-block-start: var(--mx-space-2);
  color: var(--mx-plasma);
  font-weight: 600;
}
.mx-upclose__go svg { transition: transform 0.2s ease-out; }
.mx-upclose__card--more a:hover .mx-upclose__go svg { transform: translateX(4px); }
@media (prefers-reduced-motion: reduce) {
  .mx-upclose__go svg { transition: none; }
  .mx-upclose__card--more a:hover .mx-upclose__go svg { transform: none; }
}

[data-mx-letters].is-lettered .mx-letter { opacity: 0; }
.is-inview [data-mx-letters].is-lettered .mx-letter,
[data-mx-letters].is-lettered.is-inview .mx-letter {
  animation: mx-letter-in 0.3s ease-out forwards;
  animation-delay: calc(var(--mx-i) * 0.045s);
}
@keyframes mx-letter-in {
  to { opacity: 1; }
}

/* --------------------------------------------------------------------------
   32 · PDP GALLERY TILE
   -------------------------------------------------------------------------- */
.mx-pdp .product-media-container {
  --ratio: 1 !important;
  --preview-ratio: 1 !important;
}
.mx-pdp .product__media img { object-fit: cover; }
.mx-pdp .product-media-container { border-radius: calc(var(--mx-radius-lg) + 4px); overflow: hidden; }
.mx-pdp .thumbnail-list__item .thumbnail { border-radius: 12px; overflow: hidden; }

/* --------------------------------------------------------------------------
   30 · Motion polish
   -------------------------------------------------------------------------- */
@media (prefers-reduced-motion: no-preference) {
  .mx-bcard,
  .mx-fcard,
  .mx-duel__card,
  .mx-timeline__card,
  .mx-ritual__step,
  .mx-testing__cell {
    transition:
      transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
      border-color 0.2s ease-out,
      background-color 0.2s ease-out;
  }
  :is(.mx-bcard, .mx-fcard, .mx-timeline__card, .mx-ritual__step, .mx-testing__cell):hover {
    transform: translateY(-4px);
  }
  :is(.mx-bcard__media, .mx-fcard__photo, .mx-duel__photo, .mx-timeline__media, .mx-faq__photo) img {
    transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
  }
  :is(.mx-bcard, .mx-fcard, .mx-duel__card, .mx-timeline__card):hover :is(.mx-bcard__media, .mx-fcard__photo, .mx-duel__photo, .mx-timeline__media) img,
  .mx-faq__photo:hover img {
    transform: scale(1.045);
  }
  .mx-btn,
  .mx-pdp .product-form__submit {
    transition: box-shadow 0.18s ease-out, transform 0.18s ease-out;
  }
  :is(.mx-btn, .mx-pdp .product-form__submit):hover { transform: translateY(-1px); }
  :is(.mx-btn, .mx-pdp .product-form__submit):active { transform: translateY(1px); }
}

.mx-accordion.is-closing .mx-accordion__chev,
.mx-faq__item details.is-closing .mx-faq__chev,
.mx-actives__row details.is-closing .mx-actives__chev { transform: none; }
.mx-accordion summary,
.mx-faq__item summary,
.mx-actives__row summary { transition: color 0.15s ease-out; }
.mx-accordion summary:hover,
.mx-faq__item summary:hover,
.mx-actives__row summary:hover { color: var(--mx-electric); }

/* --------------------------------------------------------------------------
   31 · PDP gallery + lightbox
   -------------------------------------------------------------------------- */
.mx-gallery { max-width: min(100%, 66vh); margin-inline: auto; }
.mx-gallery__main { border-radius: var(--mx-radius-lg); }
.mx-gallery__main .mx-gallery__slide .product-media-container {
  aspect-ratio: 1 / 1;
  height: auto;
}
.mx-gallery__main .mx-gallery__slide .product__modal-opener { display: block; height: 100%; }
.mx-gallery__main .mx-gallery__slide .product__media,
.mx-gallery__main .mx-gallery__slide .product__media.media {
  height: 100%;
  padding: 0;
}
.mx-gallery__main .mx-gallery__slide .product__media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mx-gallery__slide { cursor: grab; }
.mx-gallery__slide:active { cursor: grabbing; }

.mx-gallery__slide .product__media-toggle::after { content: none; }
.mx-gallery__slide .product__modal-opener .product__media-toggle {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 3;
  width: 36px;
  height: 36px;
  border-radius: var(--mx-radius-pill);
  cursor: zoom-in;
}
.mx-gallery__slide .product__media-toggle:focus-visible {
  outline: 2px solid var(--mx-electric);
  outline-offset: 2px;
  border-radius: var(--mx-radius-pill);
}
.mx-gallery__slide .product__modal-opener .product__media-icon {
  opacity: 1;
  top: 10px;
  left: 10px;
  width: 36px;
  height: 36px;
  border-radius: var(--mx-radius-pill);
  background: #ffffff;
  border: 1px solid var(--mx-ink-3);
  color: var(--mx-midnight);
  pointer-events: none;
  z-index: 4;
  transition: transform 0.2s ease-out, border-color 0.2s ease-out;
}
.mx-gallery__slide .product__media-icon .icon {
  width: 16px;
  height: 16px;
}
@media (hover: hover) {
  .mx-gallery__slide .product__modal-opener:has(.product__media-toggle:hover) .product__media-icon {
    transform: translateY(-1px);
    border-color: var(--mx-electric);
  }
}
.mx-gallery__slide .product__modal-opener:has(.product__media-toggle:active) .product__media-icon {
  transform: scale(0.94);
}
.mx-gallery__thumbrow {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 4px;
}
@media screen and (max-width: 749px) {
  .mx-gallery__thumbrow { margin-bottom: 16px; }
  .mx-gallery__thumb img { aspect-ratio: 1 / 1; }
}
.mx-gallery__nav {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 0;
  background: #ffffff;
  border: 1px solid var(--mx-ink-3);
  border-radius: var(--mx-radius-pill);
  color: var(--mx-midnight);
  cursor: pointer;
  transition: transform 0.2s ease-out, border-color 0.2s ease-out;
}
.mx-gallery__nav .svg-wrapper {
  display: inline-flex;
  width: 11px;
  height: 11px;
}
.mx-gallery__nav svg {
  width: 100%;
  height: 100%;
}
.mx-gallery__nav--prev svg { transform: rotate(90deg); }
.mx-gallery__nav--next svg { transform: rotate(-90deg); }
@media (hover: hover) {
  .mx-gallery__nav:hover {
    transform: translateY(-1px);
    border-color: var(--mx-electric);
  }
}
.mx-gallery__nav:active { transform: scale(0.94); }
.mx-gallery__thumbs {
  flex: 1 1 auto;
  min-width: 0;
}
.mx-gallery__thumb {
  position: relative;
  border-radius: 0;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--mx-midnight) 18%, transparent);
  background: #ffffff;
  cursor: pointer;
  opacity: 0.72;
  transition: opacity 0.2s ease, border-color 0.2s ease;
}
.mx-gallery__thumbs .splide__track--nav > .splide__list > .splide__slide {
  border: 1px solid color-mix(in srgb, var(--mx-midnight) 18%, transparent);
}
.mx-gallery__thumbs .splide__track--nav > .splide__list > .splide__slide.is-active {
  border: 2px solid var(--mx-electric);
}
.mx-gallery__thumb:first-child { border-radius: 10px 0 0 10px; }
.mx-gallery__thumb:last-child { border-radius: 0 10px 10px 0; }
.mx-gallery__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mx-gallery__thumb.is-active {
  opacity: 1;
  border-color: var(--mx-electric);
}
@media (hover: hover) {
  .mx-gallery__thumb:hover { opacity: 1; }
}
.mx-gallery__thumb .thumbnail__badge {
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 1;
}
@media screen and (prefers-reduced-motion: reduce) {
  .mx-gallery__nav { transition: none; }
  .mx-gallery__thumb { transition: none; }
  .mx-gallery__slide .product__modal-opener .product__media-icon { transition: none; }
}

.mx-lightbox {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 120;
  flex-direction: column;
  background: rgba(6, 12, 28, 0.97);
}
.mx-lightbox[open] { display: flex; }
.mx-lightbox__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 16px;
}
.mx-lightbox__count {
  color: #f0f5fc;
  font-family: var(--mx-font-mono);
  font-size: 1.5rem;
  letter-spacing: 0.04em;
  font-variant-numeric: tabular-nums;
}
.mx-lightbox__close,
.mx-lightbox__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  padding: 0;
  background: #ffffff;
  border: 1px solid var(--mx-ink-3);
  border-radius: var(--mx-radius-pill);
  color: var(--mx-midnight);
  cursor: pointer;
  transition: transform 0.2s ease-out, border-color 0.2s ease-out;
}
.mx-lightbox__close svg {
  width: 14px;
  height: 14px;
}
@media (hover: hover) {
  .mx-lightbox__close:hover {
    transform: translateY(-1px);
    border-color: var(--mx-electric);
  }
}
.mx-lightbox__stage {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  cursor: zoom-in;
}
.mx-lightbox__stage.is-zoomed { cursor: grab; }
.mx-lightbox__stage.is-zoomed:active { cursor: grabbing; }
.mx-lightbox__img {
  width: auto;
  height: auto;
  max-width: calc(100% - 32px);
  max-height: 100%;
  object-fit: contain;
  border-radius: 12px;
  transform-origin: center;
  will-change: transform;
}
.mx-lightbox__img.is-gliding { transition: transform 0.24s cubic-bezier(0.22, 0.61, 0.36, 1); }
.mx-lightbox__zoomctl button[disabled] { opacity: 0.32; cursor: default; }
@media (prefers-reduced-motion: reduce) {
  .mx-lightbox__img.is-gliding { transition: none; }
}
.mx-lightbox__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
.mx-lightbox__arrow--prev { left: 16px; }
.mx-lightbox__arrow--next { right: 16px; }
.mx-lightbox__arrow .svg-wrapper {
  display: inline-flex;
  width: 12px;
  height: 12px;
}
.mx-lightbox__arrow svg {
  width: 100%;
  height: 100%;
}
.mx-lightbox__arrow--prev svg { transform: rotate(90deg); }
.mx-lightbox__arrow--next svg { transform: rotate(-90deg); }
@media (hover: hover) {
  .mx-lightbox__arrow:hover {
    transform: translateY(-50%) translateY(-1px);
    border-color: var(--mx-electric);
  }
}
.mx-lightbox__zoomctl {
  align-self: center;
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 16px 0 4px;
  padding: 5px 8px;
  background: #ffffff;
  border: 1px solid var(--mx-ink-3);
  border-radius: var(--mx-radius-pill);
}
.mx-lightbox__zoomctl button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: var(--mx-radius-sm);
  color: var(--mx-midnight);
  cursor: pointer;
}
.mx-lightbox__zoomctl button:hover {
  background: color-mix(in srgb, var(--mx-electric) 12%, #ffffff);
}
.mx-lightbox__zoomctl svg {
  width: 12px;
  height: 12px;
}
.mx-lightbox__level {
  min-width: 52px;
  text-align: center;
  font-family: var(--mx-font-mono);
  font-size: 1.4rem;
  color: var(--mx-midnight);
  font-variant-numeric: tabular-nums;
}
.mx-lightbox__thumbs {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  max-width: 760px;
  margin: 0 auto;
  padding: 6px 16px 16px;
}
.mx-lightbox__thumb {
  flex: 1 1 0;
  min-width: 0;
  max-width: 58px;
  aspect-ratio: 1;
  padding: 0;
  border: 2px solid transparent;
  border-radius: 10px;
  overflow: hidden;
  background: #ffffff;
  cursor: pointer;
  opacity: 0.55;
  transition: opacity 0.2s ease, border-color 0.2s ease;
}
.mx-lightbox__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mx-lightbox__thumb.is-active {
  opacity: 1;
  border-color: var(--mx-plasma);
}
@media (hover: hover) {
  .mx-lightbox__thumb:hover { opacity: 1; }
}
.mx-lightbox button:focus-visible {
  outline: 2px solid var(--mx-electric);
  outline-offset: 2px;
}
@media screen and (max-width: 749px) {
  .mx-lightbox__bar { padding: 8px 16px; }
  .mx-lightbox__close,
  .mx-lightbox__arrow { width: 34px; height: 34px; }
  .mx-lightbox__arrow--prev { left: 8px; }
  .mx-lightbox__arrow--next { right: 8px; }
}

/* --------------------------------------------------------------------------
   32 · Product beat
   -------------------------------------------------------------------------- */
.mx-beat {
  display: flex;
  align-items: center;
  gap: var(--mx-space-4);
  max-width: 72rem;
  margin-inline: auto;
  margin-block-start: var(--mx-space-6);
  padding: var(--mx-space-4) var(--mx-space-5);
  background: var(--mx-ink-2);
  border: 1px solid var(--mx-ink-3);
  border-radius: var(--mx-radius-lg);
}
.mx-beat__thumb { flex: 0 0 auto; width: 56px; }
.mx-beat__thumb svg,
.mx-beat__thumb img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--mx-radius-sm);
}
.mx-beat__body { min-width: 0; flex: 1 1 auto; }
.mx-beat__title {
  margin: 0;
  font-family: var(--mx-font-display);
  font-size: 1.9rem;
  font-weight: 650;
  color: var(--mx-ink);
}
.mx-beat__sub {
  margin: 0.3rem 0 0;
  font-size: 1.45rem;
  line-height: 1.4;
  color: var(--mx-text-dim);
}
.mx-beat__rail {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
}
.mx-beat__price {
  font-family: var(--mx-font-mono);
  font-size: 1.35rem;
  color: var(--mx-text-dim);
  white-space: nowrap;
}
.mx-beat__price strong {
  font-size: 1.8rem;
  font-weight: 600;
  color: var(--mx-ink);
}
.color-scheme-3 .mx-beat {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.16);
}
.color-scheme-3 .mx-beat .mx-beat__title { color: #f0f5fc; }
.color-scheme-3 .mx-beat .mx-beat__sub { color: #9db1d1; }
.color-scheme-3 .mx-beat .mx-beat__price { color: #9db1d1; }
.color-scheme-3 .mx-beat .mx-beat__price strong { color: #ffffff; }
@media screen and (max-width: 749px) {
  .mx-beat { flex-wrap: wrap; }
  .mx-beat__rail {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
}

.mx-mission--compact .mx-mission__inner { display: block; }
.mx-mission--compact .mx-mission__body { max-width: 78rem; margin-inline: auto; text-align: center; }
.mx-mission--compact .mx-mission__rule { margin-inline: auto; }

/* --------------------------------------------------------------------------
   34 · FINALE
   -------------------------------------------------------------------------- */
.mx-finale {
  --mx-finale-h: clamp(24rem, 46vh, 38rem);
  position: relative;
  height: var(--mx-finale-h);
  clip-path: inset(0);
  background: #050b18;
}
.mx-finale__pin {
  position: fixed;
  inset-inline: 0;
  inset-block-end: 0;
  height: var(--mx-finale-h);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--mx-space-4);
  padding-inline: var(--page-margin, 2.4rem);
  background:
    radial-gradient(62% 74% at 50% 108%, rgba(46, 123, 255, 0.18), transparent 72%),
    #050b18;
  overflow: hidden;
}
.mx-finale__lockup {
  margin: 0;
  font-family: var(--mx-font-display);
  font-weight: 900;
  font-size: clamp(4.2rem, 9.5vw, 11rem);
  letter-spacing: -0.02em;
  line-height: 0.95;
  color: #eef4ff;
  text-align: center;
  text-wrap: balance;
}
.mx-finale__lockup span { color: var(--mx-plasma); }
.mx-finale__legal {
  margin: 0;
  font-family: var(--mx-font-mono);
  font-size: 1.2rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  text-align: center;
  color: #8fa3c8;
}

/* --------------------------------------------------------------------------
   35 · VERSUS
   -------------------------------------------------------------------------- */
.mx-versus__stage {
  --mx-versus-reserve: clamp(104px, 17vw, 220px);
  --mx-versus-gutter: var(--mx-space-4);
  --mx-versus-lift: clamp(24px, 3.5vw, 56px);
  --mx-versus-arch: clamp(48px, 9vw, 150px);
  --mx-versus-pad: clamp(24px, 3vw, 48px);
  position: relative;
  display: flex;
  flex-direction: column;
  margin-block-start: var(--mx-space-6);
}
@media screen and (min-width: 990px) {
  .mx-versus__stage {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    padding-block-start: var(--mx-versus-lift);
  }
}

.mx-versus__panel {
  display: flex;
  flex-direction: column;
  gap: var(--mx-space-5);
  padding: var(--mx-versus-pad);
}
@media screen and (min-width: 990px) {
  .mx-versus__panel {
    padding-block: clamp(32px, 4vw, 64px);
  }
  .mx-versus__panel--light {
    padding-inline-end: var(--mx-versus-reserve);
    border-radius: var(--mx-radius-lg) var(--mx-versus-arch) 0 var(--mx-radius-lg);
  }
  .mx-versus__panel--dark {
    padding-inline-start: var(--mx-versus-reserve);
    border-radius: var(--mx-versus-arch) var(--mx-radius-lg) var(--mx-radius-lg) 0;
  }
}
@media screen and (max-width: 989px) {
  .mx-versus__panel--light { border-radius: var(--mx-radius-lg) var(--mx-radius-lg) 0 0; }
  .mx-versus__panel--dark { border-radius: 0 0 var(--mx-radius-lg) var(--mx-radius-lg); }
}

.mx-versus__panel--light {
  background: var(--mx-ink-2);
  color: var(--mx-ink);
  --mx-versus-dim: var(--mx-text-dim);
  --mx-versus-track: color-mix(in srgb, var(--mx-ink) 11%, transparent);
  --mx-versus-fill: color-mix(in srgb, var(--mx-ink) 42%, transparent);
}
.mx-versus__panel--dark {
  background: var(--mx-midnight);
  color: #eaf1fb;
  --mx-versus-dim: rgba(234, 241, 251, 0.66);
  --mx-versus-track: rgba(255, 255, 255, 0.12);
  --mx-versus-fill: linear-gradient(90deg, var(--mx-electric), var(--mx-plasma));
}

.mx-versus__panel-head {
  display: flex;
  flex-direction: column;
  gap: var(--mx-space-2);
}
.mx-versus__tag {
  display: inline-flex;
  align-items: center;
  gap: var(--mx-space-2);
  font-family: var(--mx-font-mono);
  font-size: 1.15rem;
  font-weight: 500;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--mx-versus-dim);
}
.mx-versus__tag::before {
  content: '';
  width: 16px;
  height: 2px;
  background: currentColor;
}
.mx-versus__title {
  margin: 0;
  font-family: var(--mx-font-display);
  font-weight: 800;
  font-size: var(--mx-h3);
  line-height: 1.05;
  letter-spacing: -0.01em;
}
.mx-versus__sub {
  margin: 0;
  max-width: 30ch;
  font-size: var(--mx-small);
  line-height: 1.45;
  color: var(--mx-versus-dim);
}

.mx-versus__bars {
  display: flex;
  flex-direction: column;
  gap: var(--mx-space-4);
  margin: 0;
  padding: 0;
  list-style: none;
}
.mx-versus__bar {
  display: flex;
  flex-direction: column;
  gap: var(--mx-space-2);
}
.mx-versus__bar-head {
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--mx-space-3);
}
.mx-versus__bar-label {
  min-width: 0;
  font-size: 1.5rem;
  line-height: 1.3;
}
.mx-versus__bar-value {
  flex: 0 0 auto;
  font-family: var(--mx-font-mono);
  font-size: 1.3rem;
  letter-spacing: 0.02em;
  white-space: nowrap;
  color: var(--mx-versus-dim);
  text-align: end;
}
.mx-versus__track {
  display: block;
  height: 8px;
  border-radius: var(--mx-radius-pill);
  background: var(--mx-versus-track);
}
.mx-versus__fill {
  display: block;
  height: 100%;
  width: calc(var(--v, 0) * 1%);
  border-radius: var(--mx-radius-pill);
  background: var(--mx-versus-fill);
  transform-origin: left center;
  transition: transform 0.9s cubic-bezier(0.22, 0.7, 0.25, 1);
}
.mx-reveal .mx-versus__fill { transform: scaleX(0); }

.mx-versus__object {
  --mx-versus-padr: 11%;
  position: relative;
  z-index: 2;
  width: min(62%, 260px);
  margin-inline: auto;
  order: -1;
  margin-block-end: var(--mx-space-5);
  pointer-events: none;
}
@media screen and (min-width: 990px) {
  .mx-versus__object {
    position: absolute;
    inset-block-end: 0;
    inset-inline-start: 50%;
    translate: -50% 0;
    width: auto;
    height: 100%;
    margin: 0;
  }
  .mx-versus__object .mx-media {
    width: auto;
    height: 100%;
    max-width: calc((var(--mx-versus-reserve) - var(--mx-versus-gutter)) * 2);
  }
}
.mx-versus__object .mx-media { overflow: visible; }
@media screen and (max-width: 989px) {
  .mx-versus__object .mx-media { translate: calc(var(--mx-versus-padr, 0%) / 2) 0; }
}
.mx-versus__object img {
  object-fit: contain;
  object-position: bottom center;
}

.mx-versus__note {
  margin: var(--mx-space-4) 0 0;
  font-family: var(--mx-font-mono);
  font-size: 1.3rem;
  line-height: 1.5;
  letter-spacing: 0.08em;
  color: color-mix(in srgb, currentColor 62%, transparent);
  text-align: center;
}
.mx-versus__disclaimer { margin-block-start: var(--mx-space-5); }

/* --------------------------------------------------------------------------
   36 · FOOTER CARD
   -------------------------------------------------------------------------- */
.mx-footer {
  --mx-footcard-pad: clamp(24px, 4vw, 64px);
  background: #f8f6f1;
}
.mx-footer__pad { padding-block-start: 0; }
.mx-footcard {
  position: relative;
  isolation: isolate;
  padding: var(--mx-footcard-pad);
  border-start-start-radius: var(--mx-radius-lg);
  border-start-end-radius: var(--mx-radius-lg);
  background: var(--mx-midnight);
  color: #eaf1fb;
}
@media screen and (min-width: 750px) {
  .mx-footcard {
    border-start-start-radius: var(--mx-sheet-radius);
    border-start-end-radius: var(--mx-sheet-radius);
  }
}
.mx-footcard__body,
.mx-footcard__foot,
.mx-footcard__disclaimer {
  max-width: var(--page-width, 1500px);
  margin-inline: auto;
}
.mx-footcard__texture {
  position: absolute;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  border-radius: inherit;
  --mx-footcard-texture: 0.2;
  opacity: var(--mx-footcard-texture);
  color: rgba(150, 190, 255, 0.35);
  pointer-events: none;
}
.mx-footcard__texture svg { display: block; width: 100%; height: 100%; }

.mx-footcard__body {
  display: grid;
  gap: var(--mx-space-6);
  justify-items: center;
  text-align: center;
}
@media screen and (min-width: 990px) {
  .mx-footcard__body {
    grid-template-columns: minmax(0, 1fr) minmax(0, 480px) minmax(0, 1fr);
    align-items: end;
    justify-items: stretch;
    gap: var(--mx-space-5);
    text-align: start;
  }
}

.mx-footcard__col--centre {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--mx-space-3);
  text-align: center;
}
@media screen and (max-width: 989px) {
  .mx-footcard__col--centre { order: -1; }
}
.mx-footcard__lockup { display: block; }
.mx-footcard__wordmark {
  display: block;
  width: clamp(220px, 26vw, 340px);
  height: auto;
}
.mx-footcard__tagline {
  margin: 0;
  font-family: var(--mx-font-mono);
  font-size: 1.35rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(234, 241, 251, 0.66);
}
.mx-footcard__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--mx-space-2);
  margin-block-start: var(--mx-space-3);
}
.mx-btn--onmid {
  background: #16305e;
  border-color: transparent;
  color: #eaf1fb;
}
.mx-btn--onmid:hover { background: #1c3d76; }

.mx-footcard__col--left {
  display: grid;
  gap: var(--mx-space-5);
  justify-items: center;
}
@media screen and (min-width: 750px) {
  .mx-footcard__col--left {
    grid-template-columns: auto auto;
    justify-content: start;
    justify-items: start;
    gap: var(--mx-space-6);
  }
}
.mx-footcard__head {
  margin: 0 0 var(--mx-space-3);
  font-family: var(--mx-font-display);
  font-weight: 800;
  font-size: 2rem;
  letter-spacing: -0.01em;
  color: #eaf1fb;
}
.mx-footcard__address {
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-style: normal;
  font-size: var(--mx-small);
  line-height: 1.5;
  color: rgba(234, 241, 251, 0.72);
}
.mx-footcard__address a { color: inherit; text-decoration: none; }
.mx-footcard__mail { text-decoration: underline; text-underline-offset: 3px; }
.mx-footcard__address a:hover { color: var(--mx-plasma); }

.mx-social {
  display: flex;
  flex-wrap: wrap;
  gap: var(--mx-space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}
.mx-social__link {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(87, 182, 255, 0.28);
  border-radius: var(--mx-radius-pill);
  color: rgba(234, 241, 251, 0.82);
  text-decoration: none;
  transition:
    color var(--mx-dur-2, 0.15s) ease,
    background-color var(--mx-dur-2, 0.15s) ease,
    border-color var(--mx-dur-2, 0.15s) ease;
}
.mx-social__link svg { display: block; width: 20px; height: 20px; }
.mx-social__link:hover {
  background: var(--mx-plasma);
  border-color: var(--mx-plasma);
  color: var(--mx-midnight);
}
.mx-social__link:focus-visible { outline: 2px solid var(--mx-plasma); outline-offset: 3px; }

@media screen and (min-width: 990px) {
  .mx-footcard__col--right { justify-self: end; text-align: start; }
}
.mx-footcard__menus {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  justify-content: center;
  gap: var(--mx-space-2) var(--mx-space-5);
}
@media screen and (max-width: 479px) {
  .mx-footcard__menus { grid-auto-flow: row; }
}
@media screen and (min-width: 990px) {
  .mx-footcard__menus { justify-content: end; }
}
.mx-footcard__menu {
  display: flex;
  flex-direction: column;
  gap: var(--mx-space-1);
  margin: 0;
  padding: 0;
  list-style: none;
}
.mx-footcard__menu a {
  font-size: var(--mx-small);
  color: rgba(234, 241, 251, 0.72);
  text-decoration: none;
}
.mx-footcard__menu a:hover { color: var(--mx-plasma); }

.mx-footcard__foot {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--mx-space-4);
  margin-block-start: var(--mx-space-7);
  text-align: center;
}
.mx-footcard__certs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--mx-space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}
.mx-footcard__certs li {
  padding: 6px 14px;
  border: 1px solid rgba(87, 182, 255, 0.28);
  border-radius: var(--mx-radius-pill);
  font-family: var(--mx-font-mono);
  font-size: 1.15rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(234, 241, 251, 0.78);
}
.mx-footcard__legal {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--mx-space-2) var(--mx-space-3);
  font-size: 1.3rem;
  color: rgba(234, 241, 251, 0.6);
}
.mx-footcard__legal a {
  color: rgba(234, 241, 251, 0.88);
  text-decoration: underline;
  text-decoration-color: rgba(87, 182, 255, 0.55);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.3em;
  border-radius: 2px;
  transition: color var(--mx-dur-2, 0.15s) ease, text-decoration-color var(--mx-dur-2, 0.15s) ease;
}
.mx-footcard__legal a:hover { color: var(--mx-plasma); text-decoration-color: currentColor; }
.mx-footcard__legal a:focus-visible { outline: 2px solid var(--mx-plasma); outline-offset: 3px; }
.mx-footcard__legal > * + *::before {
  content: '\00b7';
  margin-inline-end: var(--mx-space-3);
  color: rgba(234, 241, 251, 0.35);
}

.mx-footcard__pay {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--mx-space-2);
}
.mx-footcard__paylabel {
  display: inline-flex;
  align-items: center;
  gap: var(--mx-space-2);
  margin: 0;
  font-family: var(--mx-font-mono);
  font-size: 1.15rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(234, 241, 251, 0.6);
}
.mx-pay {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--mx-space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}
.mx-pay__item { display: flex; }
.mx-pay__icon {
  display: block;
  width: 38px;
  height: 24px;
}

.mx-footcard__disclaimer { margin-block-start: var(--mx-space-5); }

@media screen and (max-width: 749px) {
  .mx-footcard__foot {
    flex-direction: column;
    align-items: center;
    gap: var(--mx-space-3);
  }
  .mx-footcard__certs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    gap: var(--mx-space-2);
  }
  .mx-footcard__certs li {
    box-sizing: border-box;
    text-align: center;
    padding-inline: 10px;
    font-size: 1.05rem;
    letter-spacing: 0.06em;
  }
  .mx-footcard__legal {
    flex-direction: column;
    gap: var(--mx-space-2);
    width: 100%;
    padding-block-start: var(--mx-space-2);
    border-block-start: 1px solid rgba(87, 182, 255, 0.18);
  }
  .mx-footcard__legal a { display: block; }
  .mx-footcard__legal > * + *::before { content: none; margin: 0; }
  .mx-footcard__address { justify-content: center; text-align: center; }
  .mx-footcard__social { justify-content: center; }
}
.mx-footcard__disclaimer .mx-disclaimer {
  border-color: rgba(87, 182, 255, 0.28);
  background: rgba(255, 255, 255, 0.04);
  color: rgba(234, 241, 251, 0.78);
}
.mx-footcard__disclaimer .mx-disclaimer p {
  font-size: 1.35rem;
  line-height: 1.55;
}
.mx-footcard__disclaimer .mx-disclaimer,
.mx-section .mx-footcard__disclaimer .mx-disclaimer { text-align: center; }
.mx-footcard__disclaimer .mx-disclaimer p { margin-inline: auto; max-width: 78ch; }

/* --------------------------------------------------------------------------
   37 · INGREDIENTS
   -------------------------------------------------------------------------- */
.mx-ingr__head {
  display: grid;
  gap: var(--mx-space-3);
  margin-block-end: var(--mx-space-6);
}
@media screen and (min-width: 990px) {
  .mx-ingr__head {
    grid-template-columns: auto minmax(0, 38ch) 1fr;
    align-items: start;
    column-gap: var(--mx-space-6);
  }
  .mx-ingr__title {
    justify-self: end;
    text-align: right;
    grid-column: 3;
  }
  .mx-ingr__link { grid-column: 1; grid-row: 1; }
  .mx-ingr__lede { grid-column: 2; grid-row: 1; }
}
@media screen and (max-width: 989px) {
  .mx-ingr__title { order: -1; }
  .mx-ingr__head { display: flex; flex-direction: column; align-items: flex-start; }
}
.mx-ingr__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 1.3rem;
  font-weight: 600;
  color: var(--mx-accent);
  text-decoration: underline;
  text-underline-offset: 4px;
  white-space: nowrap;
}
.mx-ingr__lede { margin: 0; font-size: var(--mx-small); line-height: 1.5; color: var(--mx-text-dim); }
.mx-ingr__title {
  margin: 0;
  font-size: clamp(4.4rem, 7.5vw, 9rem);
  line-height: 0.86;
  letter-spacing: -0.03em;
  color: color-mix(in srgb, var(--mx-ink) 55%, transparent);
}
/* --- layout A: the grid ------------------------------------------------- */
.mx-ingr__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--mx-space-3);
  margin: 0;
  padding: 0;
  list-style: none;
}

/* --- layout B: the carousel --------------------------------------------- */
.mx-ingr__carousel { --mx-ingr-per: 4; }
.mx-ingr__viewport {
  overflow-x: auto;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
}
.mx-ingr__viewport::-webkit-scrollbar { display: none; }
.mx-ingr__viewport.is-dragging { scroll-snap-type: none; scroll-behavior: auto; cursor: grabbing; }
@media (prefers-reduced-motion: reduce) { .mx-ingr__viewport { scroll-behavior: auto; } }
.mx-ingr__track {
  display: flex;
  align-items: stretch;
  gap: var(--mx-space-3);
  margin: 0;
  padding: 0;
  list-style: none;
}
.mx-ingr__carousel .mx-ingr__card {
  width: calc((100% - (var(--mx-ingr-per) - 1) * var(--mx-space-3)) / var(--mx-ingr-per));
  scroll-snap-align: start;
}
.mx-ingr__card {
  position: relative;
  isolation: isolate;
  flex: none;
  box-sizing: border-box;
  width: auto;
  aspect-ratio: 9 / 16;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--mx-space-3);
  padding: var(--mx-space-3);
  border-radius: var(--mx-radius-lg);
  overflow: hidden;
  background: var(--mx-midnight);
}
.mx-ingr__shot { position: absolute; inset: 0; z-index: -1; }
.mx-ingr__shot img,
.mx-ingr__shot .mx-media { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 0; }
.mx-ingr__card::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(180deg, rgba(6, 12, 28, 0.34) 0%, rgba(6, 12, 28, 0) 22%),
    linear-gradient(180deg, rgba(6, 12, 28, 0) 36%, rgba(6, 12, 28, 0.8) 74%, rgba(6, 12, 28, 0.94) 100%);
}
.mx-ingr__pill {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  padding: 6px 12px;
  border-radius: var(--mx-radius-pill);
  background: var(--mx-ink-2);
  color: var(--mx-ink);
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1;
}
.mx-ingr__pill .mx-icon { color: var(--mx-accent); flex: 0 0 auto; }
.mx-ingr__name { white-space: nowrap; }
.mx-ingr__dose {
  font-family: var(--mx-font-mono);
  font-weight: 500;
  color: var(--mx-accent);
  white-space: nowrap;
}
.mx-ingr__copy {
  margin: 0;
  color: #eaf1fb;
  font-size: 1.4rem;
  line-height: 1.45;
}
.mx-ingr__note {
  margin: var(--mx-space-4) 0 0;
  font-size: 1.25rem;
  color: var(--mx-text-dim);
  max-width: 82ch;
}
.mx-ingr__card--more::after { content: none; }
.mx-ingr__card--more { cursor: pointer; transition: background-color 0.2s ease-out; }
.mx-ingr__card--more:hover { background: color-mix(in srgb, var(--mx-electric) 8%, var(--mx-midnight)); }
.mx-ingr__card--more:focus-within { outline: 2px solid var(--mx-plasma); outline-offset: 3px; }
.mx-ingr__more-link { position: static; }
.mx-ingr__more-link::after { content: ''; position: absolute; inset: 0; z-index: 1; }

.mx-ingr__roster {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: mxroster;
}
.mx-ingr__roster li {
  display: flex;
  align-items: baseline;
  gap: 10px;
  counter-increment: mxroster;
  padding-block: 7px;
  border-block-end: 1px solid color-mix(in srgb, #ffffff 12%, transparent);
  font-size: 1.25rem;
  line-height: 1.2;
  color: #c3d3ea;
}
.mx-ingr__roster li:last-child { border-block-end: 0; }
.mx-ingr__roster li::before {
  content: counter(mxroster, decimal-leading-zero);
  flex: 0 0 auto;
  font-family: var(--mx-font-mono);
  font-size: 1.05rem;
  color: color-mix(in srgb, var(--mx-plasma) 78%, transparent);
}
.mx-ingr__more { display: grid; gap: var(--mx-space-2); }
.mx-ingr__more-title {
  margin: 0;
  font-size: 2.2rem;
  line-height: 1.12;
  letter-spacing: -0.015em;
  color: var(--mx-ink-2);
}
.mx-ingr__more-body { margin: 0; font-size: 1.4rem; line-height: 1.45; color: #b8c9e2; }
.mx-ingr__more-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--mx-space-2);
  margin-block-start: var(--mx-space-2);
  padding: 11px var(--mx-space-3);
  border-radius: var(--mx-radius-pill);
  background: var(--mx-ink-2);
  color: var(--mx-ink);
  font-size: 1.45rem;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color 0.2s ease-out, color 0.2s ease-out;
}
.mx-ingr__card--more:hover .mx-ingr__more-link { background: var(--mx-electric); color: #fafcff; }
.mx-ingr__more-link .mx-icon { flex: 0 0 auto; }
.mx-ingr__more-link:hover span { text-decoration: underline; text-underline-offset: 4px; }
.color-scheme-3 .mx-ingr__title { color: color-mix(in srgb, #f0f5fc 52%, transparent); }
.color-scheme-3 .mx-ingr__lede,
.color-scheme-3 .mx-ingr__note { color: #a9bcd8; }
.color-scheme-3 .mx-ingr__link { color: var(--mx-plasma); }
/* --- the controls ------------------------------------------------------- */
.mx-ingr__nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--mx-space-3);
  margin-block-start: var(--mx-space-4);
}
.no-js .mx-ingr__nav { display: none; }
.mx-ingr__arrow {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid color-mix(in srgb, rgb(var(--color-foreground)) 22%, transparent);
  border-radius: var(--mx-radius-pill);
  background: transparent;
  color: rgb(var(--color-foreground));
  cursor: pointer;
  transition: background-color 0.18s ease-out, border-color 0.18s ease-out,
    color 0.18s ease-out, opacity 0.18s ease-out;
}
.mx-ingr__arrow:hover:not(:disabled) {
  background: var(--mx-electric);
  border-color: transparent;
  color: #fafcff;
}
.mx-ingr__arrow:disabled { opacity: 0.28; cursor: default; }
.mx-ingr__arrow--prev .mx-icon { transform: rotate(90deg); }
.mx-ingr__arrow--next .mx-icon { transform: rotate(-90deg); }
.mx-ingr__dots { display: flex; align-items: center; gap: 2px; }
.mx-ingr__dot {
  display: grid;
  place-items: center;
  width: 20px;
  height: 24px;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
  transition: width 0.2s ease-out;
}
.mx-ingr__dot::before {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-radius: var(--mx-radius-pill);
  background: color-mix(in srgb, rgb(var(--color-foreground)) 34%, transparent);
  transition: width 0.2s ease-out, background-color 0.2s ease-out;
}
.mx-ingr__dot.is-active { width: 38px; }
.mx-ingr__dot.is-active::before { width: 26px; background: var(--mx-electric); }
.color-scheme-3 .mx-ingr__dot.is-active::before,
.color-scheme-3 .mx-ingr__arrow:hover:not(:disabled) { background: var(--mx-plasma); }
.color-scheme-3 .mx-ingr__arrow:hover:not(:disabled) { color: var(--mx-midnight); }

@media screen and (max-width: 989px) {
  .mx-ingr__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mx-ingr__carousel { --mx-ingr-per: 2; }
}
@media screen and (max-width: 749px) {
  .mx-ingr__head { margin-block-end: var(--mx-space-5); }
  .mx-ingr__grid, .mx-ingr__track { gap: var(--mx-space-2); }
  .mx-ingr__carousel .mx-ingr__card {
    width: calc((100% - (var(--mx-ingr-per) - 1) * var(--mx-space-2)) / var(--mx-ingr-per));
  }
  .mx-ingr__card { padding: var(--mx-space-2); }
  .mx-ingr__roster { display: none; }
  .mx-ingr__copy { font-size: 1.3rem; }
  .mx-ingr__more-title { font-size: 1.7rem; }
  .mx-ingr__more-link { font-size: 1.25rem; padding: 9px var(--mx-space-2); }
  .mx-ingr__arrow { width: 40px; height: 40px; }
}

/* --------------------------------------------------------------------------
   38 · BLEND
   -------------------------------------------------------------------------- */
.mx-blend__inner { display: grid; gap: var(--mx-space-6); align-items: center; }
@media screen and (min-width: 990px) {
  .mx-blend__inner { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: var(--mx-space-7); }
}
.mx-blend__copy h2 { margin: 0 0 var(--mx-space-3); max-width: 22ch; }
.mx-blend__body { margin: 0 0 var(--mx-space-5); color: var(--mx-text-dim); font-size: var(--mx-body); max-width: 46ch; }
.mx-blend__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--mx-space-4);
  margin: 0 0 var(--mx-space-5);
  padding: 0;
  list-style: none;
}
.mx-blend__item { display: flex; flex-direction: column; gap: var(--mx-space-2); }
.mx-blend__icon { color: var(--mx-electric); line-height: 0; }
.mx-blend__label { font-size: 1.35rem; line-height: 1.4; color: var(--mx-text-dim); }
.mx-blend__note { margin: var(--mx-space-2) 0 0; font-size: 1.2rem; color: var(--mx-text-dim); }

.mx-blend__stage { position: relative; }
.mx-blend__shot .mx-media { border-radius: var(--mx-radius-lg); overflow: hidden; }
.mx-blend__callouts { margin: 0; padding: 0; list-style: none; }
.mx-blend__callout {
  position: absolute;
  inset-inline-start: var(--x);
  inset-block-start: var(--y);
  translate: 0 -50%;
  max-width: 22ch;
  padding: 12px var(--mx-space-3);
  border-radius: var(--mx-radius);
  background: var(--mx-ink-2);
  color: var(--mx-ink);
  font-size: 1.5rem;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.mx-blend__callout--left { max-width: min(22ch, calc(100% - var(--x) - 10px)); }
.mx-blend__callout::after {
  content: '';
  position: absolute;
  inset-block-start: 50%;
  translate: 0 -50%;
  border: 9px solid transparent;
}
.mx-blend__callout--right::after { inset-inline-start: 100%; border-inline-start-color: var(--mx-ink-2); }
.mx-blend__callout--left::after { inset-inline-end: 100%; border-inline-end-color: var(--mx-ink-2); }
.mx-blend__callout--none::after { content: none; }
.color-scheme-3 .mx-blend__icon { color: var(--mx-plasma); }
.color-scheme-3 .mx-blend__body,
.color-scheme-3 .mx-blend__label,
.color-scheme-3 .mx-blend__note { color: #a9bcd8; }
@media screen and (max-width: 749px) {
  .mx-blend__callout { font-size: 1.3rem; max-width: 17ch; padding: 10px var(--mx-space-2); }
  .mx-blend__callout--left { max-width: min(17ch, calc(100% - var(--x) - 10px)); }
  .mx-blend__callout::after { border-width: 7px; }
  .mx-blend__grid { gap: var(--mx-space-3); }
}

/* --------------------------------------------------------------------------
   39 · CONTACT
   -------------------------------------------------------------------------- */
.mx-contact__head { margin-block-end: var(--mx-space-7); }

.mx-contact__inner { display: grid; gap: var(--mx-space-5); align-items: start; }
@media screen and (min-width: 990px) {
  .mx-contact__inner {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    gap: var(--mx-space-6);
  }
  .mx-contact__aside { position: sticky; top: var(--mx-space-7); }
}

.mx-contact__formcard {
  background: var(--mx-ink-2);
  border: 1px solid var(--mx-ink-3);
  border-radius: var(--mx-radius-lg);
  padding: clamp(24px, 3vw, 48px);
}

.mx-contact__grid { display: grid; gap: var(--mx-space-4); }
@media screen and (min-width: 750px) {
  .mx-contact__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mx-field--wide { grid-column: 1 / -1; }
}

.mx-field { display: flex; flex-direction: column; gap: var(--mx-space-2); min-width: 0; }
.mx-field > label {
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: rgb(var(--color-foreground));
  display: flex;
  align-items: baseline;
  gap: var(--mx-space-2);
}
.mx-field__req {
  font-family: var(--mx-font-mono);
  font-size: 1.15rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--mx-text-dim);
  font-weight: 400;
}
.mx-field :is(input, textarea, select) {
  font-family: var(--mx-font-body);
  font-size: 1.7rem;
  line-height: 1.4;
  color: rgb(var(--color-foreground));
  background: rgb(var(--color-background));
  border: 1px solid var(--mx-ink-3);
  border-radius: var(--mx-radius);
  padding: 14px var(--mx-space-3);
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  transition: border-color 0.16s ease-out, box-shadow 0.16s ease-out;
  appearance: none;
}
.mx-field textarea { resize: vertical; min-height: 160px; }
.mx-field :is(input, textarea, select):hover { border-color: color-mix(in srgb, var(--mx-electric) 40%, var(--mx-ink-3)); }
.mx-field :is(input, textarea, select):focus-visible {
  outline: none;
  border-color: var(--mx-electric);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mx-electric) 22%, transparent);
}
.mx-field input::placeholder { color: color-mix(in srgb, var(--mx-text-dim) 62%, transparent); }

.mx-field__select { position: relative; display: flex; }
.mx-field__select select { padding-inline-end: var(--mx-space-6); cursor: pointer; }
.mx-field__select .mx-icon {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: var(--mx-space-3);
  transform: translateY(-50%);
  pointer-events: none;
  color: var(--mx-text-dim);
}

.mx-field--err :is(input, textarea) { border-color: #b3261e; }
.mx-field__msg { font-size: 1.4rem; color: #b3261e; }

.mx-contact__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--mx-space-3) var(--mx-space-4);
  margin-block-start: var(--mx-space-5);
}
.mx-contact__privacy {
  margin: 0;
  font-size: 1.4rem;
  color: var(--mx-text-dim);
  max-width: 34ch;
}

.mx-contact__status {
  display: flex;
  flex-direction: column;
  gap: var(--mx-space-2);
  border-radius: var(--mx-radius);
  padding: var(--mx-space-4);
  margin-block-end: var(--mx-space-5);
  font-size: var(--mx-small);
}
.mx-contact__status p { margin: 0; }
.mx-contact__status ul { margin: 0; padding-inline-start: 1.4em; }
.mx-contact__status--ok {
  background: color-mix(in srgb, var(--mx-electric) 9%, transparent);
  border: 1px solid color-mix(in srgb, var(--mx-electric) 32%, transparent);
}
.mx-contact__status--ok .mx-icon { color: var(--mx-electric); }
.mx-contact__status--err {
  background: color-mix(in srgb, #b3261e 8%, transparent);
  border: 1px solid color-mix(in srgb, #b3261e 34%, transparent);
  color: #8f1d17;
}
.mx-contact__status--err a { color: inherit; }

.mx-contact__aside { display: grid; gap: var(--mx-space-4); }

.mx-contact__direct {
  background: var(--mx-midnight);
  border-radius: var(--mx-radius-lg);
  padding: var(--mx-space-5);
  color: #f0f5fc;
}
.mx-contact__direct-label {
  display: block;
  font-family: var(--mx-font-mono);
  font-size: 1.25rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: color-mix(in srgb, #f0f5fc 62%, var(--mx-plasma));
  margin-block-end: var(--mx-space-3);
}
.mx-contact__direct-link {
  display: inline-flex;
  align-items: center;
  gap: var(--mx-space-2);
  color: #fff;
  text-decoration: none;
  font-size: 2rem;
  font-weight: 600;
  word-break: break-word;
}
.mx-contact__direct-link .mx-icon { color: var(--mx-plasma); flex: none; }
.mx-contact__direct-link:hover span { text-decoration: underline; text-underline-offset: 0.2em; }
.mx-contact__direct-note {
  margin: var(--mx-space-3) 0 0;
  font-size: 1.5rem;
  line-height: 1.5;
  color: color-mix(in srgb, #f0f5fc 72%, transparent);
}

.mx-contact__panel {
  background: var(--mx-ink-2);
  border: 1px solid var(--mx-ink-3);
  border-radius: var(--mx-radius-lg);
  padding: var(--mx-space-5);
}
.mx-contact__panel h3 {
  font-family: var(--mx-font-body);
  font-size: 1.35rem;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--mx-text-dim);
  margin: 0 0 var(--mx-space-3);
}
.mx-contact__links { list-style: none; margin: 0; padding: 0; }
.mx-contact__links li + li { border-block-start: 1px solid var(--mx-ink-3); }
.mx-contact__links a {
  display: block;
  padding-block: var(--mx-space-3);
  text-decoration: none;
  color: inherit;
}
.mx-contact__links li:first-child a { padding-block-start: 0; }
.mx-contact__links li:last-child a { padding-block-end: 0; }
.mx-contact__link-title {
  display: flex;
  align-items: center;
  gap: var(--mx-space-2);
  font-size: 1.8rem;
  font-weight: 600;
  color: rgb(var(--color-foreground));
}
.mx-contact__link-title .mx-icon {
  color: var(--mx-accent);
  transition: transform 0.16s ease-out;
}
.mx-contact__links a:hover .mx-icon { transform: translateX(3px); }
.mx-contact__links a:hover .mx-contact__link-title { color: var(--mx-accent); }
.mx-contact__link-body {
  display: block;
  margin-block-start: var(--mx-space-1);
  font-size: 1.5rem;
  line-height: 1.45;
  color: var(--mx-text-dim);
}

.mx-contact__legal {
  margin: 0;
  font-size: 1.35rem;
  line-height: 1.55;
  color: var(--mx-text-dim);
}

.color-scheme-3 .mx-contact__formcard,
.color-scheme-4 .mx-contact__formcard,
.color-scheme-3 .mx-contact__panel,
.color-scheme-4 .mx-contact__panel {
  background: #16305e;
  border-color: rgba(150, 190, 255, 0.16);
}
.color-scheme-3 .mx-contact__direct,
.color-scheme-4 .mx-contact__direct {
  background: rgba(150, 190, 255, 0.08);
  border: 1px solid rgba(150, 190, 255, 0.16);
}
.color-scheme-3 .mx-field :is(input, textarea, select),
.color-scheme-4 .mx-field :is(input, textarea, select) {
  background: rgba(6, 16, 38, 0.5);
  border-color: rgba(150, 190, 255, 0.2);
}
.color-scheme-3 :is(.mx-contact__panel h3, .mx-contact__link-body, .mx-contact__legal, .mx-contact__privacy, .mx-field__req),
.color-scheme-4 :is(.mx-contact__panel h3, .mx-contact__link-body, .mx-contact__legal, .mx-contact__privacy, .mx-field__req) {
  color: color-mix(in srgb, #f0f5fc 66%, transparent);
}
.color-scheme-3 .mx-contact__link-title .mx-icon,
.color-scheme-4 .mx-contact__link-title .mx-icon { color: var(--mx-plasma); }

@media (prefers-reduced-motion: reduce) {
  .mx-contact__links a:hover .mx-icon { transform: none; }
}

/* --------------------------------------------------------------------------
   40 · TRACK ORDER
   -------------------------------------------------------------------------- */
.mx-track__head { margin-block-end: var(--mx-space-7); }
.mx-track__head h1 { font-size: var(--mx-h2); margin: 0; max-width: 18ch; }
.mx-track__head .mx-lede { margin: var(--mx-space-3) 0 0; }

.mx-track__inner { display: grid; gap: var(--mx-space-5); align-items: stretch; }
@media screen and (min-width: 990px) {
  .mx-track__inner {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    gap: var(--mx-space-6);
  }
}
.mx-track__main { display: grid; grid-template-rows: auto 1fr; gap: var(--mx-space-5); }
.mx-track__routes-wrap { display: flex; flex-direction: column; }
.mx-track__routes-wrap .mx-track__routes { flex: 1; }

.mx-track__card {
  background: var(--mx-ink-2);
  border: 1px solid var(--mx-ink-3);
  border-radius: var(--mx-radius-lg);
  padding: clamp(24px, 3vw, 48px);
}
.mx-track__row { display: grid; gap: var(--mx-space-2); }
@media screen and (min-width: 750px) {
  .mx-track__row { grid-template-columns: minmax(0, 1fr) auto; align-items: stretch; }
}
.mx-track__row .mx-btn { justify-content: center; }
.mx-track__form.is-empty input { border-color: #b3261e; }
.mx-track__note {
  margin: var(--mx-space-3) 0 0;
  font-size: 1.4rem;
  line-height: 1.5;
  color: var(--mx-text-dim);
  max-width: 52ch;
}

.mx-track__subhead { font-size: var(--mx-h3); margin: 0 0 var(--mx-space-3); }
.mx-track__routes {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: var(--mx-space-3);
}
@media screen and (min-width: 750px) {
  .mx-track__routes { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
}
.mx-track__route {
  background: var(--mx-ink-2);
  border: 1px solid var(--mx-ink-3);
  border-radius: var(--mx-radius-lg);
  padding: var(--mx-space-4);
  display: flex;
  flex-direction: column;
  gap: var(--mx-space-2);
}
.mx-track__route-icon {
  width: 40px;
  height: 40px;
  border-radius: var(--mx-radius-full);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--mx-electric) 12%, transparent);
  color: var(--mx-accent);
  margin-block-end: var(--mx-space-2);
}
.mx-track__route h3 { font-size: 1.9rem; margin: 0; }
.mx-track__route p {
  margin: 0;
  font-size: var(--mx-small);
  line-height: 1.5;
  color: var(--mx-text-dim);
}
.mx-track__route-link {
  margin-block-start: auto;
  padding-block-start: var(--mx-space-2);
  display: inline-flex;
  align-items: center;
  gap: var(--mx-space-2);
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--mx-accent);
  text-decoration: none;
}
.mx-track__route-link .mx-icon { transition: transform 0.2s ease-out; }
.mx-track__route-link:hover { text-decoration: underline; text-underline-offset: 0.2em; }
.mx-track__route-link:hover .mx-icon { transform: translateX(3px); }
@media screen and (min-width: 990px) {
  .mx-track__routes { grid-template-columns: none; grid-auto-rows: 1fr; }
  .mx-track__route {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-areas: "icon title link" "icon body link";
    align-items: center;
    column-gap: var(--mx-space-4);
    row-gap: var(--mx-space-2);
    padding: var(--mx-space-4) var(--mx-space-5);
  }
  .mx-track__route-icon { grid-area: icon; margin: 0; }
  .mx-track__route h3 { grid-area: title; align-self: end; }
  .mx-track__route p { grid-area: body; align-self: start; }
  .mx-track__route-link { grid-area: link; margin: 0; padding: 0; white-space: nowrap; }
}

.mx-track__aside { display: grid; grid-template-rows: auto 1fr; gap: var(--mx-space-4); }
.mx-track__stages {
  background: var(--mx-midnight);
  border-radius: var(--mx-radius-lg);
  padding: var(--mx-space-5);
  color: #f0f5fc;
}
.mx-track__stages h2,
.mx-track__panel h2 {
  font-family: var(--mx-font-body);
  font-size: 1.35rem;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin: 0 0 var(--mx-space-4);
}
.mx-track__stages h2 { color: color-mix(in srgb, #f0f5fc 70%, var(--mx-plasma)); }
.mx-track__steps {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: var(--mx-space-4);
}
.mx-track__steps li {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--mx-space-3);
}
.mx-track__steps li + li::before {
  content: '';
  position: absolute;
  inset-inline-start: 16px;
  inset-block-start: calc(-1 * var(--mx-space-4));
  height: var(--mx-space-4);
  width: 1px;
  background: rgba(150, 190, 255, 0.25);
}
.mx-track__step-num {
  width: 32px;
  height: 32px;
  border-radius: var(--mx-radius-full);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(150, 190, 255, 0.35);
  font-family: var(--mx-font-mono);
  font-size: 1.2rem;
  letter-spacing: 0.06em;
  color: var(--mx-plasma);
}
.mx-track__step-body h3 { font-size: 1.7rem; margin: 0 0 var(--mx-space-2); color: #ffffff; }
.mx-track__step-body p { margin: 0; font-size: 1.5rem; line-height: 1.5; color: #a9bcd8; }

.mx-track__panel {
  background: var(--mx-ink-2);
  border: 1px solid var(--mx-ink-3);
  border-radius: var(--mx-radius-lg);
  padding: var(--mx-space-5);
}
.mx-track__panel h2 { color: var(--mx-text-dim); margin-block-end: var(--mx-space-3); }
.mx-track__links { list-style: none; margin: 0; padding: 0; }
.mx-track__links li + li { border-block-start: 1px solid var(--mx-ink-3); }
.mx-track__links a {
  display: flex;
  flex-direction: column;
  gap: var(--mx-space-2);
  padding-block: var(--mx-space-3);
  text-decoration: none;
  color: inherit;
}
.mx-track__links li:first-child a { padding-block-start: 0; }
.mx-track__links li:last-child a { padding-block-end: 0; }
.mx-track__link-title {
  display: inline-flex;
  align-items: center;
  gap: var(--mx-space-2);
  font-size: 1.7rem;
  font-weight: 600;
}
.mx-track__link-title .mx-icon { color: var(--mx-plasma); transition: transform 0.2s ease-out; }
.mx-track__links a:hover .mx-icon { transform: translateX(3px); }
.mx-track__links a:hover .mx-track__link-title { color: var(--mx-accent); }
.mx-track__link-body { font-size: 1.4rem; line-height: 1.5; color: var(--mx-text-dim); }

.color-scheme-3 :is(.mx-track__card, .mx-track__route, .mx-track__panel),
.color-scheme-4 :is(.mx-track__card, .mx-track__route, .mx-track__panel) {
  background: #16305e;
  border-color: rgba(150, 190, 255, 0.16);
}
.color-scheme-3 .mx-track__stages,
.color-scheme-4 .mx-track__stages {
  background: rgba(150, 190, 255, 0.08);
  border: 1px solid rgba(150, 190, 255, 0.2);
}
.color-scheme-3 :is(.mx-track__note, .mx-track__route p, .mx-track__panel h2, .mx-track__link-body),
.color-scheme-4 :is(.mx-track__note, .mx-track__route p, .mx-track__panel h2, .mx-track__link-body) {
  color: color-mix(in srgb, #f0f5fc 66%, transparent);
}
.color-scheme-3 :is(.mx-track__route-link, .mx-track__route-icon),
.color-scheme-4 :is(.mx-track__route-link, .mx-track__route-icon) { color: var(--mx-plasma); }
@media (prefers-reduced-motion: reduce) {
  .mx-track__route-link:hover .mx-icon,
  .mx-track__links a:hover .mx-icon { transform: none; }
}

/* --------------------------------------------------------------------------
   41 · PAGE
   -------------------------------------------------------------------------- */
.mx-page__grid { display: grid; gap: var(--mx-space-5); align-items: start; }
@media screen and (min-width: 990px) {
  .mx-page--split .mx-page__grid {
    grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
    gap: var(--mx-space-8);
  }
  .mx-page--split .mx-page__head,
  .shopify-policy__title {
    position: sticky;
    top: calc(var(--header-height, 88px) + var(--mx-space-4));
  }
}
.mx-page--stack .mx-page__head { max-width: 72ch; }

/* --- page body (admin Content field) --- */
.mx-page-body__grid { display: grid; gap: var(--mx-space-5); align-items: start; }
.mx-page-body__head { font-size: var(--mx-h2); margin: 0; max-width: 16ch; }
.mx-page-body__prose { max-width: 72ch; }
@media screen and (min-width: 990px) {
  .mx-page-body__grid {
    grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
    gap: var(--mx-space-8);
  }
  .mx-page-body__prose:only-child { grid-column: 2; }
}
.mx-page__head h1,
.shopify-policy__title h1 { font-size: var(--mx-h2); margin: 0; max-width: 16ch; }
.mx-page__head .mx-lede { margin: var(--mx-space-3) 0 0; }
.mx-page__head::before,
.shopify-policy__title::before {
  content: "";
  display: block;
  width: 48px;
  height: 3px;
  border-radius: var(--mx-radius-full);
  background: var(--mx-electric);
  margin: 0 auto var(--mx-space-4);
}
@media screen and (min-width: 750px) {
  .mx-page__head::before,
  .shopify-policy__title::before { margin-inline: 0; }
}

.mx-page__toc {
  margin-block-start: var(--mx-space-5);
  padding-block-start: var(--mx-space-4);
  border-block-start: 1px solid var(--mx-ink-3);
  text-align: start;
}
.mx-page__toc[hidden] { display: none; }
.mx-page__toc-label {
  display: block;
  font-family: var(--mx-font-body);
  font-size: 1.35rem;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--mx-text-dim);
  margin-block-end: var(--mx-space-3);
}
.mx-page__toc ol { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--mx-space-2); }
.mx-page__toc a {
  display: block;
  font-size: 1.5rem;
  line-height: 1.4;
  color: var(--mx-text-dim);
  text-decoration: none;
  padding-inline-start: var(--mx-space-3);
  border-inline-start: 2px solid transparent;
  transition: color 0.16s ease-out, border-color 0.16s ease-out;
}
.mx-page__toc a:hover { color: rgb(var(--color-foreground)); }
.mx-page__toc a[aria-current="true"] { color: var(--mx-accent); border-color: var(--mx-electric); }
.mx-page__toc summary {
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--mx-space-3);
  margin-block-end: 0;
}
.mx-page__toc summary::-webkit-details-marker { display: none; }
.mx-page__toc summary::after {
  content: "+";
  font-family: var(--mx-font-mono);
  font-size: 1.6rem;
  line-height: 1;
  color: var(--mx-accent);
}
.mx-page__toc details[open] summary { margin-block-end: var(--mx-space-3); }
.mx-page__toc details[open] summary::after { content: "‘2"; }
@media screen and (min-width: 990px) {
  .mx-page__toc summary { pointer-events: none; }
  .mx-page__toc summary::after { display: none; }
}

.mx-page__body,
.shopify-policy__body {
  box-sizing: border-box;
  min-width: 0;
  max-width: calc(72ch + 2 * clamp(24px, 3vw, 48px));
  font-size: clamp(1.7rem, 1.6rem + 0.3vw, 1.9rem);
  background: var(--mx-ink-2);
  border: 1px solid var(--mx-ink-3);
  border-radius: var(--mx-radius-lg);
  padding: clamp(24px, 3vw, 48px);
  overflow-wrap: anywhere;
}
.mx-prose,
.shopify-policy__body > div { max-width: 72ch; }

/* --- prose: one rule set for pasted admin HTML and Shopify's policy bodies --- */
:is(.mx-prose, .shopify-policy__body) {
  font-size: clamp(1.7rem, 1.6rem + 0.3vw, 1.9rem);
  line-height: 1.65;
  color: rgb(var(--color-foreground));
}
:is(.mx-prose, .shopify-policy__body) > :first-child { margin-block-start: 0; }
:is(.mx-prose, .shopify-policy__body) > :last-child { margin-block-end: 0; }
:is(.mx-prose, .shopify-policy__body) p { font-size: inherit; margin: 0 0 var(--mx-space-3); }
:is(.mx-prose, .shopify-policy__body) :is(h1, h2, h3, h4, h5, h6) {
  margin: var(--mx-space-6) 0 var(--mx-space-3);
  scroll-margin-block-start: calc(var(--header-height, 88px) + var(--mx-space-3));
}
:is(.mx-prose, .shopify-policy__body) :is(h1, h2) { font-size: var(--mx-h3); }
:is(.mx-prose, .shopify-policy__body) h3 {
  font-size: 2.1rem;
  margin-block: var(--mx-space-5) var(--mx-space-2);
}
:is(.mx-prose, .shopify-policy__body) :is(h4, h5, h6) {
  font-family: var(--mx-font-body);
  font-size: 1.35rem;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--mx-text-dim);
  margin-block: var(--mx-space-4) var(--mx-space-2);
}
:is(.mx-prose, .shopify-policy__body) > div > :first-child { margin-block-start: 0; }
:is(.mx-prose, .shopify-policy__body) :is(ul, ol) {
  margin: 0 0 var(--mx-space-3);
  padding-inline-start: 1.4em;
  list-style-position: outside;
}
:is(.mx-prose, .shopify-policy__body) ul { list-style-type: disc; }
:is(.mx-prose, .shopify-policy__body) ol { list-style-type: decimal; }
:is(.mx-prose, .shopify-policy__body) li { margin-block-end: var(--mx-space-2); }
:is(.mx-prose, .shopify-policy__body) li::marker { color: var(--mx-accent); font-variant-numeric: tabular-nums; }
:is(.mx-prose, .shopify-policy__body) li > :is(ul, ol) { margin-block: var(--mx-space-2) 0; }
:is(.mx-prose, .shopify-policy__body) a {
  color: var(--mx-accent);
  text-decoration: underline;
  text-underline-offset: 0.2em;
  text-decoration-thickness: 1px;
  transition: text-decoration-thickness 0.16s ease-out;
}
:is(.mx-prose, .shopify-policy__body) a:hover { text-decoration-thickness: 2px; }
:is(.mx-prose, .shopify-policy__body) :is(strong, b) { font-weight: 600; }
:is(.mx-prose, .shopify-policy__body) blockquote {
  margin: var(--mx-space-4) 0;
  padding: 0 0 0 var(--mx-space-4);
  border-inline-start: 2px solid var(--mx-electric);
  color: var(--mx-text-dim);
  font-size: inherit;
}
:is(.mx-prose, .shopify-policy__body) blockquote > :last-child { margin-block-end: 0; }
:is(.mx-prose, .shopify-policy__body) hr {
  border: 0;
  height: 1px;
  background: var(--mx-ink-3);
  margin: var(--mx-space-5) 0;
}
:is(.mx-prose, .shopify-policy__body) img {
  display: block;
  max-width: 100%;
  height: auto;
  border: 0;
  border-radius: var(--mx-radius);
  box-shadow: none;
  margin: var(--mx-space-4) 0;
}
:is(.mx-prose, .shopify-policy__body) figure { margin: var(--mx-space-4) 0; }
:is(.mx-prose, .shopify-policy__body) figure img { margin: 0; }
:is(.mx-prose, .shopify-policy__body) figcaption {
  margin-block-start: var(--mx-space-2);
  font-size: 1.4rem;
  color: var(--mx-text-dim);
}
:is(.mx-prose, .shopify-policy__body) :is(iframe, video) { max-width: 100%; }
:is(.mx-prose, .shopify-policy__body) table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  border-collapse: collapse;
  table-layout: auto;
  margin: var(--mx-space-4) 0;
  font-size: 1.5rem;
  line-height: 1.5;
}
:is(.mx-prose, .shopify-policy__body) :is(th, td) {
  text-align: start;
  vertical-align: top;
  padding: var(--mx-space-2) var(--mx-space-3);
  border-block-end: 1px solid var(--mx-ink-3);
}
:is(.mx-prose, .shopify-policy__body) th {
  font-family: var(--mx-font-body);
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--mx-text-dim);
}
:is(.mx-prose, .shopify-policy__body) :is(code, kbd, pre) { font-family: var(--mx-font-mono); font-size: 0.9em; }
:is(.mx-prose, .shopify-policy__body) code {
  background: rgb(var(--color-background));
  border: 1px solid var(--mx-ink-3);
  border-radius: var(--mx-radius-sm);
  padding: 0.1em 0.4em;
}
:is(.mx-prose, .shopify-policy__body) pre {
  background: rgb(var(--color-background));
  border: 1px solid var(--mx-ink-3);
  border-radius: var(--mx-radius);
  padding: var(--mx-space-3);
  overflow-x: auto;
  margin: 0 0 var(--mx-space-3);
}
:is(.mx-prose, .shopify-policy__body) pre code { background: none; border: 0; padding: 0; }
:is(.mx-prose, .shopify-policy__body) details {
  border: 1px solid var(--mx-ink-3);
  border-radius: var(--mx-radius);
  padding: var(--mx-space-3);
  margin: 0 0 var(--mx-space-3);
}
:is(.mx-prose, .shopify-policy__body) summary { font-weight: 600; cursor: pointer; }
:is(.mx-prose, .shopify-policy__body) :is(input[type="checkbox"], input[type="radio"]) {
  accent-color: var(--mx-electric);
  width: 18px;
  height: 18px;
  margin-inline-end: var(--mx-space-2);
  vertical-align: -3px;
}
:is(.mx-prose, .shopify-policy__body) :is(input[type="email"], input[type="text"]) {
  font: inherit;
  font-size: 1.7rem;
  color: rgb(var(--color-foreground));
  background: rgb(var(--color-background));
  border: 1px solid var(--mx-ink-3);
  border-radius: var(--mx-radius);
  padding: 14px var(--mx-space-3);
  box-sizing: border-box;
  width: 100%;
  max-width: 40ch;
  margin-block: var(--mx-space-2) var(--mx-space-3);
}
:is(.mx-prose, .shopify-policy__body) button {
  font: inherit;
  font-size: 1.6rem;
  font-weight: 600;
  color: #fafcff;
  background: var(--mx-electric);
  border: 0;
  border-radius: var(--mx-radius-full);
  padding: 14px var(--mx-space-5);
  margin-block: var(--mx-space-2) var(--mx-space-3);
  cursor: pointer;
}
:is(.mx-prose, .shopify-policy__body) button:hover { background: var(--mx-accent); }

.shopify-policy__container {
  box-sizing: border-box;
  max-width: var(--page-width);
  margin-inline: auto;
  padding: 112px var(--page-margin, 1.5rem) var(--mx-space-3);
}
.shopify-policy__title { text-align: center; margin-block-end: var(--mx-space-5); }
.shopify-policy__title h1 { margin-inline: auto; }
@media screen and (min-width: 750px) {
  .shopify-policy__container { padding-block-end: var(--mx-space-5); }
  .shopify-policy__title { text-align: start; }
  .shopify-policy__title h1 { margin-inline: 0; }
}
@media screen and (min-width: 990px) {
  .shopify-policy__container {
    display: grid;
    grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
    gap: var(--mx-space-8);
    align-items: start;
  }
  .shopify-policy__title { margin-block-end: 0; }
}

.color-scheme-3 :is(.mx-page__body, .mx-prose code, .mx-prose pre),
.color-scheme-4 :is(.mx-page__body, .mx-prose code, .mx-prose pre) {
  background: #16305e;
  border-color: rgba(150, 190, 255, 0.16);
}
.color-scheme-3 :is(.mx-page__toc-label, .mx-page__toc a, .mx-prose blockquote, .mx-prose figcaption, .mx-prose th),
.color-scheme-4 :is(.mx-page__toc-label, .mx-page__toc a, .mx-prose blockquote, .mx-prose figcaption, .mx-prose th) {
  color: color-mix(in srgb, #f0f5fc 66%, transparent);
}
.color-scheme-3 :is(.mx-prose a, .mx-page__toc a:hover, .mx-page__toc a[aria-current="true"]),
.color-scheme-4 :is(.mx-prose a, .mx-page__toc a:hover, .mx-page__toc a[aria-current="true"]) { color: var(--mx-plasma); }