/* Theme switch is shared by the approved light and dark presentations. */
.footer-theme button {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  padding: 0;
  color: #c9c3c5;
  background: transparent;
  border: 0;
  border-radius: 50%;
  font: inherit;
  cursor: pointer;
}
.footer-theme button[aria-pressed='true'] {
  color: #e51f2b;
  background: #f5f2ed;
}
.footer-theme button:focus-visible {
  outline: 2px solid #e51f2b;
  outline-offset: 3px;
}

html[data-theme='dark'] {
  color-scheme: dark;
  --color-primary: #e51f2b;
  --color-primary-hover: #bd121e;
  --color-primary-soft: rgba(229, 31, 43, 0.1);
  --color-secondary: #111213;
  --color-ink: #f5f2ed;
  --color-text-muted: #b2ada5;
  --color-border: rgba(255, 255, 255, 0.09);
  --color-surface: #191a1c;
  --color-surface-soft: #151617;
  --color-surface-warm: #151617;
  --ink: #f5f2ed;
  --muted: #b2ada5;
  --line: rgba(255, 255, 255, 0.09);
  --paper: #0e0f10;
  --soft: #151617;
  --warm: #151617;
  --shadow-card: 0 16px 40px rgba(0, 0, 0, 0.22);
}
html[data-theme='dark'] body {
  color: #f5f2ed;
  background: #0e0f10;
}
html[data-theme='dark'] h1,
html[data-theme='dark'] h2,
html[data-theme='dark'] h3 {
  color: #f5f2ed;
}
html[data-theme='dark'] p {
  color: #b2ada5;
}
html[data-theme='dark'] .eyebrow {
  color: #e51f2b;
}
html[data-theme='dark'] .ambient-gradient {
  opacity: 0.45;
  background:
    radial-gradient(ellipse at 30% 40%, rgba(229, 31, 43, 0.14), transparent 55%),
    radial-gradient(ellipse at 70% 60%, rgba(229, 31, 43, 0.1), transparent 60%);
  filter: blur(85px);
}

/* Header and hero retain their approved dimensions and composition. */
html[data-theme='dark'] .site-header {
  color: #f5f2ed;
  background: rgba(14, 15, 16, 0.82);
  border-bottom-color: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(16px);
}
html[data-theme='dark'] .site-header .brand-word {
  color: #f5f2ed;
}
html[data-theme='dark'] .nav-wrap nav a,
html[data-theme='dark'] .nav-actions > a:not(.button) {
  color: #b2ada5;
}
html[data-theme='dark'] .nav-wrap nav a:hover,
html[data-theme='dark'] .nav-actions > a:not(.button):hover {
  color: #e51f2b;
}
html[data-theme='dark'] .mobile-menu div {
  background: #191a1c;
  border-color: rgba(255, 255, 255, 0.14);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.22);
}
html[data-theme='dark'] .hero {
  background: #0e0f10;
}
html[data-theme='dark'] .hero-kicker {
  color: #d89096;
}
html[data-theme='dark'] .hero-copy .lead {
  color: #b2ada5;
}
html[data-theme='dark'] .hero-assurance {
  color: #ec6972;
}
html[data-theme='dark'] .hero-benefits small,
html[data-theme='dark'] .payme-preview small {
  color: #b2ada5;
}
html[data-theme='dark'] .hero-benefits > div {
  border-color: rgba(255, 255, 255, 0.09);
}
html[data-theme='dark'] .payme-field {
  background: #222326;
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: none;
}
html[data-theme='dark'] .payme-field input {
  color: #f5f2ed;
}
html[data-theme='dark'] .payme-field input::placeholder {
  color: #88847e;
}
html[data-theme='dark'] .hero-cta-stack .button.secondary {
  color: #f5f2ed;
  background: #1e1f21;
  border-color: rgba(255, 255, 255, 0.14);
}
html[data-theme='dark'] .hero-visual .actual-checkout {
  background: #191a1c;
  border-color: rgba(255, 255, 255, 0.14);
  box-shadow: 0 22px 50px rgba(0, 0, 0, 0.28);
}
html[data-theme='dark'] .hero-checkout-ui {
  display: none;
}
html[data-theme='dark'] .hero-checkout-dark {
  display: block;
  width: 100%;
  aspect-ratio: 514 / 517;
  overflow: hidden;
  container-type: inline-size;
  color: #f5f2ed;
  background: #191a1c;
  border-radius: inherit;
  font-family: var(--font-body);
}
html[data-theme='dark'] .dark-checkout-head {
  height: 10cqw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 5cqw 0 11.5cqw;
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
  font-size: 3.1cqw;
}
html[data-theme='dark'] .dark-checkout-head strong {
  font-weight: 600;
}
html[data-theme='dark'] .dark-checkout-head span {
  padding: 1.1cqw 2cqw;
  color: #efa43e;
  background: rgba(242, 160, 40, 0.1);
  border-radius: 100px;
  font-size: 2.7cqw;
}
html[data-theme='dark'] .dark-checkout-main {
  display: grid;
  grid-template-columns: 35cqw minmax(0, 1fr);
  gap: 4.5cqw;
  align-items: center;
  margin: 5.5cqw 11.5cqw 0;
}
html[data-theme='dark'] .dark-checkout-qr {
  position: relative;
  width: 35cqw;
  aspect-ratio: 1;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 2.6cqw;
}
html[data-theme='dark'] .dark-checkout-qr img {
  position: absolute;
  width: 288.76%;
  max-width: none;
  height: auto;
  left: -33.71%;
  top: -44.94%;
}
html[data-theme='dark'] .dark-checkout-amount small,
html[data-theme='dark'] .dark-checkout-address small {
  display: block;
  color: #b2ada5;
  font-size: 2.25cqw;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
html[data-theme='dark'] .dark-checkout-amount strong {
  display: block;
  margin-top: 1.1cqw;
  color: #f5f2ed;
  font-size: 5.3cqw;
  font-weight: 600;
  line-height: 1.08;
  white-space: nowrap;
}
html[data-theme='dark'] .dark-checkout-amount strong span {
  color: #88847e;
  font-size: 2.7cqw;
  font-weight: 400;
  vertical-align: middle;
}
html[data-theme='dark'] .dark-checkout-amount p {
  margin: 1cqw 0 3cqw;
  color: #b2ada5;
  font-size: 2.6cqw;
}
html[data-theme='dark'] .dark-checkout-amount b {
  display: flex;
  align-items: center;
  gap: 1.4cqw;
  margin-top: 1cqw;
  font-size: 2.8cqw;
}
html[data-theme='dark'] .dark-checkout-amount i {
  width: 4cqw;
  height: 4cqw;
  display: grid;
  place-items: center;
  color: #fff;
  background: #f7931a;
  border-radius: 50%;
  font-size: 2.9cqw;
  font-style: normal;
}
html[data-theme='dark'] .dark-checkout-address {
  margin: 4.2cqw 5cqw 0 11.5cqw;
}
html[data-theme='dark'] .dark-checkout-address > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2cqw;
  min-height: 8cqw;
  margin-top: 1.2cqw;
  padding: 0 2cqw;
  color: #f5f2ed;
  background: #222326;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 2.3cqw;
}
html[data-theme='dark'] .dark-checkout-address code {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: inherit;
  font-size: 2cqw;
}
html[data-theme='dark'] .dark-checkout-address span {
  flex: none;
  color: #b2ada5;
  font-size: 3cqw;
}
html[data-theme='dark'] .dark-checkout-warning {
  display: flex;
  gap: 1.7cqw;
  margin: 4cqw 5cqw 0 11.5cqw;
  color: #b2ada5;
  font-size: 2.3cqw;
  line-height: 1.43;
}
html[data-theme='dark'] .dark-checkout-warning span:first-child {
  color: #efa43e;
}
html[data-theme='dark'] .dark-checkout-warning b {
  color: #f5f2ed;
  font-weight: 600;
}
html[data-theme='dark'] .dark-checkout-status {
  display: flex;
  gap: 1.8cqw;
  margin: 4.3cqw 5cqw 0 11.5cqw;
  padding-top: 3cqw;
  border-top: 1px solid rgba(255, 255, 255, 0.09);
}
html[data-theme='dark'] .dark-checkout-status span {
  color: #efa43e;
  font-size: 3.6cqw;
  line-height: 1;
}
html[data-theme='dark'] .dark-checkout-status p {
  margin: 0;
  color: #b2ada5;
  font-size: 2.5cqw;
  line-height: 1.45;
}
html[data-theme='dark'] .dark-checkout-foot {
  display: flex;
  gap: 3cqw;
  margin: 2.2cqw 5cqw 0 11.5cqw;
  color: #88847e;
  font-size: 2.2cqw;
}
html[data-theme='dark'] .dark-checkout-foot b {
  color: #f5f2ed;
  font-weight: 600;
}
html[data-theme='dark'] .visual-orbit {
  background: transparent;
  border-color: rgba(229, 31, 43, 0.23);
}

html[data-theme='dark'] .floating-note,
html[data-theme='dark'] .profile-chip {
  background: #1e1f21;
  border-color: rgba(255, 255, 255, 0.14);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.22);
}

html[data-theme='dark'] .floating-note,
html[data-theme='dark'] .profile-chip,
html[data-theme='dark'] .floating-note > span,
html[data-theme='dark'] .profile-chip > span,
html[data-theme='dark'] .floating-note b,
html[data-theme='dark'] .profile-chip b {
  color: #f5f2ed;
}

html[data-theme='dark'] .floating-note small,
html[data-theme='dark'] .profile-chip small,
html[data-theme='dark'] .floating-note em,
html[data-theme='dark'] .profile-chip em {
  color: #c8c2bb;
}

html[data-theme='dark'] .scribble {
  color: #88847e !important;
}

/* Solid near-black assurance strip and transparent at-a-glance grid. */
html[data-theme='dark'] .glance-section {
  background: #0e0f10;
}
html[data-theme='dark'] .glance-section::before,
html[data-theme='dark'] .glance-section::after {
  opacity: 0.16;
}
html[data-theme='dark'] .glance-assurance {
  background: #111213;
  border-color: rgba(255, 255, 255, 0.09);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.16);
}
html[data-theme='dark'] .glance-assurance > div {
  border-color: rgba(255, 255, 255, 0.14);
}
html[data-theme='dark'] .glance-card {
  border-color: rgba(255, 255, 255, 0.09);
}
html[data-theme='dark'] .glance-card p {
  color: #b2ada5;
}
html[data-theme='dark'] .glance-icon {
  background: rgba(229, 31, 43, 0.1);
}
html[data-theme='dark'] .coin-band {
  background: #111213;
  border-color: rgba(255, 255, 255, 0.09);
}
html[data-theme='dark'] .coin small {
  color: #88847e;
}

/* Four existing payment methods: one feature, three restrained tints. */
html[data-theme='dark'] .ways-section {
  background: #0e0f10;
}
html[data-theme='dark'] .ways-note {
  color: #88847e;
}
html[data-theme='dark'] .invoice-feature {
  background: #151617;
  border-color: rgba(255, 255, 255, 0.09);
}
html[data-theme='dark'] .invoice-copy > p,
html[data-theme='dark'] .invoice-copy li {
  color: #b2ada5;
}
html[data-theme='dark'] .invoice-halo {
  background: transparent;
  border-color: rgba(229, 31, 43, 0.19);
}
html[data-theme='dark'] .invoice-form-mock,
html[data-theme='dark'] .invoice-result-mock,
html[data-theme='dark'] .invoice-toast {
  color: #f5f2ed;
  background: #1e1f21;
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.22);
}
html[data-theme='dark'] .invoice-form-mock > b,
html[data-theme='dark'] .invoice-toast b {
  color: #f5f2ed;
}
html[data-theme='dark'] .invoice-form-mock > small,
html[data-theme='dark'] .invoice-result-mock > small,
html[data-theme='dark'] .invoice-result-mock > span,
html[data-theme='dark'] .invoice-toast small,
html[data-theme='dark'] .invoice-stages > span {
  color: #b2ada5;
}
html[data-theme='dark'] .mock-field,
html[data-theme='dark'] .mock-assets {
  background: #222326;
  border-color: rgba(255, 255, 255, 0.12);
}
html[data-theme='dark'] .mock-field strong,
html[data-theme='dark'] .mock-assets span {
  color: #f5f2ed;
}
html[data-theme='dark'] .mock-field span {
  color: #b2ada5;
}
html[data-theme='dark'] .mock-paid {
  background: rgba(38, 158, 98, 0.12);
}
html[data-theme='dark'] .mock-paid b,
html[data-theme='dark'] .mock-paid small {
  color: #91d6ae;
}
html[data-theme='dark'] .mock-details {
  border-color: rgba(229, 31, 43, 0.25);
}
html[data-theme='dark'] .invoice-stages span:first-child i {
  background: #1e1f21;
  border-color: #88847e;
}
html[data-theme='dark'] .ways-section .way-card {
  border-color: rgba(255, 255, 255, 0.09) !important;
}
html[data-theme='dark'] .website-card {
  background: #1c191a;
}
html[data-theme='dark'] .community-card {
  background: #181a1e;
}
html[data-theme='dark'] .username-card {
  background: #181c1a;
}
html[data-theme='dark'] .ways-section .way-card:hover {
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.22);
}
html[data-theme='dark'] .way-card > p {
  color: #b2ada5;
}
html[data-theme='dark'] .website-card .way-title > i {
  background: rgba(229, 31, 43, 0.12);
}
html[data-theme='dark'] .community-card .way-title > i {
  background: rgba(49, 111, 193, 0.13);
}
html[data-theme='dark'] .username-card .way-title > i {
  background: rgba(38, 158, 98, 0.12);
}
html[data-theme='dark'] .way-visual {
  container-type: inline-size;
  background: #1e1f21;
  border-color: rgba(255, 255, 255, 0.09);
}
html[data-theme='dark'] .way-visual-light {
  display: none;
}
html[data-theme='dark'] .way-visual-dark {
  display: grid;
  width: 100%;
  min-height: 166px;
  aspect-ratio: 1.88;
  overflow: hidden;
  container-type: inline-size;
  color: #f5f2ed;
  font-family: var(--font-body);
}
html[data-theme='dark'] .way-visual-dark p {
  min-height: 0;
}
html[data-theme='dark'] .way-visual-dark img {
  display: block;
  width: 100%;
  height: auto;
  max-width: none;
  aspect-ratio: auto;
  object-fit: initial;
}
html[data-theme='dark'] .website-preview {
  grid-template-columns: 38% minmax(0, 1fr);
  gap: 3cqw;
  padding: 3cqw;
  background: #1a1b1d;
}
html[data-theme='dark'] .dark-store-product,
html[data-theme='dark'] .dark-store-options {
  min-width: 0;
  padding: 2.4cqw;
  background: #222326;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 3cqw;
}
html[data-theme='dark'] .dark-headphones {
  position: relative;
  height: 27cqw;
  overflow: hidden;
  background: #1e1f21;
  border-radius: 2cqw;
}
html[data-theme='dark'] .dark-headphones img {
  position: absolute;
  width: 344% !important;
  left: -23%;
  top: -19%;
  filter: invert(1) grayscale(1) brightness(1.2);
  mix-blend-mode: screen;
}
html[data-theme='dark'] .dark-store-product b,
html[data-theme='dark'] .dark-store-product small {
  display: block;
  margin-top: 1.3cqw;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 2.6cqw;
}
html[data-theme='dark'] .dark-store-product small {
  margin-top: 0.6cqw;
  color: #b2ada5;
  font-size: 2.4cqw;
}
html[data-theme='dark'] .dark-store-options strong {
  display: block;
  margin: 1cqw 0 2.4cqw;
  font-size: 2.8cqw;
}
html[data-theme='dark'] .dark-store-options > div {
  display: flex;
  align-items: center;
  gap: 1.5cqw;
  min-height: 7cqw;
  margin-top: 1cqw;
  padding: 0 2cqw;
  background: #1e1f21;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 5cqw;
  font-size: 2.6cqw;
}
html[data-theme='dark'] .dark-store-options > div span {
  margin-left: auto;
  color: #88847e;
  font-size: 4cqw;
}
html[data-theme='dark'] .dark-store-options > small {
  display: block;
  margin: 2cqw 0 0;
  color: #b2ada5;
  font-size: 2.3cqw;
}
html[data-theme='dark'] .way-visual-dark i:is(.dark-coin-btc, .dark-coin-usdt, .dark-coin-eth) {
  width: 4.7cqw;
  height: 4.7cqw;
  flex: none;
  display: grid;
  place-items: center;
  color: #fff;
  border-radius: 50%;
  font: 700 3.1cqw/1 var(--font-body);
}
html[data-theme='dark'] .dark-coin-btc {
  background: #f7931a;
}
html[data-theme='dark'] .dark-coin-usdt {
  background: #26a17b;
}
html[data-theme='dark'] .dark-coin-eth {
  background: #627eea;
}
html[data-theme='dark'] .community-preview {
  grid-template-columns: 27% minmax(0, 1fr);
  gap: 3cqw;
  padding: 3cqw;
  background: #191b1e;
}
html[data-theme='dark'] .dark-bot-icons {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2cqw;
}
html[data-theme='dark'] .dark-bot-icons span {
  width: 15cqw;
  height: 15cqw;
  display: grid;
  place-items: center;
  background: #252943;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 4cqw;
}
html[data-theme='dark'] .dark-bot-icons span + span {
  background: #173344;
}
html[data-theme='dark'] .dark-bot-icons img {
  width: 8cqw;
  height: 8cqw;
}
html[data-theme='dark'] .dark-bot-chat {
  min-width: 0;
  padding: 3cqw;
  background: #222326;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 3cqw;
}
html[data-theme='dark'] .dark-bot-head {
  display: flex;
  align-items: center;
  gap: 1.2cqw;
  margin-bottom: 2cqw;
}
html[data-theme='dark'] .dark-bot-head i {
  width: 6cqw;
  height: 6cqw;
  display: grid;
  place-items: center;
  color: #b6afff;
  background: #181a32;
  border-radius: 50%;
  font-size: 3cqw;
  font-style: normal;
}
html[data-theme='dark'] .dark-bot-head b {
  white-space: nowrap;
  font-size: 2.8cqw;
}
html[data-theme='dark'] .dark-bot-head strong {
  padding: 0.5cqw 1cqw;
  color: #fff;
  background: #5865f2;
  border-radius: 0.7cqw;
  font-size: 2cqw;
}
html[data-theme='dark'] .dark-bot-head small {
  margin-left: auto;
  color: #88847e;
  white-space: nowrap;
  font-size: 1.9cqw;
}
html[data-theme='dark'] .dark-bot-chat > b {
  display: block;
  font-size: 2.9cqw;
}
html[data-theme='dark'] .dark-bot-chat > p {
  margin: 1cqw 0 2cqw;
  color: #b2ada5;
  font-size: 2.5cqw;
}
html[data-theme='dark'] .dark-bot-address {
  display: flex;
  justify-content: space-between;
  padding: 2cqw;
  color: #b2ada5;
  background: #1e1f21;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 2cqw;
  font-size: 2.5cqw;
}
html[data-theme='dark'] .dark-bot-success {
  display: flex;
  align-items: center;
  gap: 2cqw;
  margin-top: 2cqw;
  padding: 2cqw;
  background: rgba(38, 158, 98, 0.12);
  border-radius: 2cqw;
}
html[data-theme='dark'] .dark-bot-success i {
  width: 6cqw;
  height: 6cqw;
  flex: none;
  display: grid;
  place-items: center;
  color: #fff;
  background: #169561;
  border-radius: 50%;
  font-size: 3cqw;
  font-style: normal;
}
html[data-theme='dark'] .dark-bot-success b,
html[data-theme='dark'] .dark-bot-success small {
  display: block;
  font-size: 2.5cqw;
}
html[data-theme='dark'] .dark-bot-success small {
  color: #9ac7ad;
  font-size: 2.2cqw;
}
html[data-theme='dark'] .username-preview {
  align-items: center;
  padding: 3cqw 8cqw;
  background: #191c1a;
}
html[data-theme='dark'] .dark-profile-card {
  min-width: 0;
  padding: 3cqw 4cqw;
  background: #222326;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 3cqw;
}
html[data-theme='dark'] .dark-profile-head {
  display: flex;
  align-items: center;
  gap: 3cqw;
}
html[data-theme='dark'] .dark-profile-avatar {
  position: relative;
  width: 15cqw;
  height: 15cqw;
  flex: none;
  overflow: hidden;
  border-radius: 50%;
}
html[data-theme='dark'] .dark-profile-avatar img {
  position: absolute;
  width: 676% !important;
  left: -126%;
  top: -34.5%;
}
html[data-theme='dark'] .dark-profile-head b,
html[data-theme='dark'] .dark-profile-head small {
  display: block;
  white-space: nowrap;
}
html[data-theme='dark'] .dark-profile-head b {
  font-size: 4cqw;
}
html[data-theme='dark'] .dark-profile-head b i {
  color: #3889ee;
  font-style: normal;
  font-size: 3cqw;
}
html[data-theme='dark'] .dark-profile-head small {
  margin-top: 1cqw;
  color: #b2ada5;
  font-size: 2.5cqw;
}
html[data-theme='dark'] .dark-profile-card > p {
  margin: 2cqw 0;
  color: #f5f2ed;
  font-size: 2.7cqw;
}
html[data-theme='dark'] .dark-profile-assets {
  display: flex;
  justify-content: space-between;
  gap: 1cqw;
}
html[data-theme='dark'] .dark-profile-assets span {
  display: flex;
  align-items: center;
  gap: 1cqw;
  min-width: 0;
  padding: 1cqw 2cqw;
  color: #f5f2ed;
  background: #1e1f21;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 100px;
  font-size: 2.5cqw;
}
html[data-theme='dark'] .dark-profile-assets span:last-child {
  color: #b2ada5;
}
html[data-theme='dark'] .dark-profile-pay {
  margin-top: 2cqw;
  padding: 1.8cqw;
  color: #fff;
  background: #e51f2b;
  border-radius: 100px;
  text-align: center;
  font-size: 2.6cqw;
  font-weight: 600;
}

/* Wallet-to-wallet payment confirmation and matching. */
html[data-theme='dark'] .payment-flow-section {
  --tracking-dash: rgba(229, 31, 43, 0.48);

  background: #111213;
  border-color: rgba(255, 255, 255, 0.09);
}
@media (max-width: 650px) {
  html[data-theme='dark'] .payment-match .match-purpose-wrap {
    border-top-color: rgba(255, 255, 255, 0.09);
  }
}

html[data-theme='dark'] .flow-glow {
  display: none;
}
html[data-theme='dark'] .route-line {
  background: rgba(255, 255, 255, 0.16);
}
html[data-theme='dark'] .wallet-badge {
  color: #e05864;
  background: #1e1f21;
  border-color: rgba(255, 255, 255, 0.12);
}
html[data-theme='dark'] .confirmation-box {
  background: #151617;
  border-color: rgba(229, 31, 43, 0.25);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.16);
}
html[data-theme='dark'] .confirm-title,
html[data-theme='dark'] .confirmation-status {
  color: #ef6570;
}
html[data-theme='dark'] .confirmation-track::before {
  background: rgba(255, 255, 255, 0.16);
}
html[data-theme='dark'] .confirm-bubble {
  color: #b2ada5;
  background: #1e1f21;
  border-color: rgba(255, 255, 255, 0.14);
  box-shadow: none;
}
html[data-theme='dark'] .confirm-step.is-current:not(.is-complete) .confirm-bubble {
  border-color: rgba(229, 31, 43, 0.4);
}
html[data-theme='dark'] .confirm-step.is-current:not(.is-complete) .confirm-bubble::after {
  border-color: rgba(229, 31, 43, 0.2);
  border-top-color: #e51f2b;
  border-right-color: #e51f2b;
}
html[data-theme='dark'] .confirm-step b {
  color: #f5f2ed;
}
html[data-theme='dark'] .payment-match {
  background: #1e1f21;
  border-color: rgba(255, 255, 255, 0.09);
  box-shadow: none;
}
html[data-theme='dark'] .payment-match > *:not(:last-child) {
  border-color: rgba(255, 255, 255, 0.14);
}
html[data-theme='dark'] .payment-match .match-status {
  color: #ef6570;
}

/* Credits: solid four-depth table, calculator and operational controls. */
html[data-theme='dark'] .credits-section {
  background: #0e0f10;
}
html[data-theme='dark'] .credits-intro,
html[data-theme='dark'] .credits-example p,
html[data-theme='dark'] .credits-benefits p,
html[data-theme='dark'] .calculator-head p,
html[data-theme='dark'] .calculator-subscription small {
  color: #b2ada5;
}
html[data-theme='dark'] .credits-example {
  background: #151617;
  border-color: rgba(255, 255, 255, 0.09);
}
html[data-theme='dark'] .credits-benefits article + article {
  border-color: rgba(255, 255, 255, 0.09);
}
html[data-theme='dark'] .credits-rates,
html[data-theme='dark'] .credits-calculator {
  background: #151617;
  border-color: rgba(255, 255, 255, 0.09);
}
html[data-theme='dark'] .credits-rates > div,
html[data-theme='dark'] .credits-rates > div > * + * {
  border-color: rgba(255, 255, 255, 0.09);
}
html[data-theme='dark'] .credits-rates .credits-rate-head {
  background: #191a1c;
}
html[data-theme='dark'] .credits-rates .credits-rate-head span {
  color: #b2ada5;
}
html[data-theme='dark'] .calculator-tabs {
  background: #1e1f21;
  border-color: rgba(255, 255, 255, 0.12);
}
html[data-theme='dark'] .calculator-tabs button {
  color: #b2ada5;
}
html[data-theme='dark'] .calculator-tabs button.is-active {
  color: #fff;
}
html[data-theme='dark'] .calculator-primary-label {
  color: #b2ada5;
}

html[data-theme='dark'] .calculator-input-wrap {
  background: #222326;
  border-color: rgba(255, 255, 255, 0.12);
}

html[data-theme='dark'] .calculator-input-wrap input {
  color: #f5f2ed;
}

html[data-theme='dark'] .input-prefix {
  color: #b2ada5;
}
html[data-theme='dark'] .calculator-summary {
  background: #1e1f21;
}
html[data-theme='dark'] .calculator-summary > div + div,
html[data-theme='dark'] .calculator-summary > div:last-child {
  border-color: rgba(255, 255, 255, 0.09);
}
html[data-theme='dark'] .calculator-summary span,
html[data-theme='dark'] .calculator-summary small {
  color: #b2ada5;
}
html[data-theme='dark'] .calculator-summary strong,
html[data-theme='dark'] .calculator-subscription p {
  color: #f5f2ed;
}
html[data-theme='dark'] .calculator-subscription {
  border-color: rgba(255, 255, 255, 0.09);
}

/* Closing story stays open and editorial; FAQ rows remain border-led. */
html[data-theme='dark'] .closing-section {
  background: #111213;
  border-color: rgba(255, 255, 255, 0.09);
}
html[data-theme='dark'] .closing-glow {
  display: none;
}
html[data-theme='dark'] .pricing-cards article {
  background: #191a1c;
  border-color: rgba(255, 255, 255, 0.09);
  box-shadow: none;
}
html[data-theme='dark'] .pricing-cards article i,
html[data-theme='dark'] .pricing-link span,
html[data-theme='dark'] .faq-list summary span {
  background: rgba(229, 31, 43, 0.1);
}
html[data-theme='dark'] .pricing-link {
  color: #f5f2ed;
  background: #1e1f21;
  border-color: rgba(255, 255, 255, 0.14);
  box-shadow: none;
}
html[data-theme='dark'] .closing-divider,
html[data-theme='dark'] .faq-list details,
html[data-theme='dark'] .faq-list details:last-child {
  border-color: rgba(255, 255, 255, 0.09);
  background-color: transparent;
}
html[data-theme='dark'] .faq-list summary {
  color: #f5f2ed;
}
html[data-theme='dark'] .faq-list summary span {
  color: #b2ada5;
}
html[data-theme='dark'] .faq-list summary:hover span {
  color: #e51f2b;
}
html[data-theme='dark'] .faq-list details p {
  color: #b2ada5;
}
html[data-theme='dark'] .final-cta {
  background: #090a0b;
  border-color: rgba(255, 255, 255, 0.09);
}
html[data-theme='dark'] .final-cta::before {
  display: none;
}
html[data-theme='dark'] .site-footer {
  position: relative;
  z-index: 10;
  background: #111213;
  border-color: rgba(255, 255, 255, 0.09);
}
html[data-theme='dark'] .site-footer .footer-top,
html[data-theme='dark'] .site-footer .footer-links {
  border-color: rgba(255, 255, 255, 0.09);
}

html[data-theme='dark'] :is(a, button, input, summary):focus-visible {
  outline: 2px solid #e51f2b;
  outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
  html[data-theme='dark'] .ambient-gradient {
    animation: none !important;
    transform: none !important;
  }
}