/* JBOT customer-site visual system. Loaded last on every rendered Classic ASP page. */
:root {
  color-scheme: dark;
  --site-bg: #06090b;
  --site-bg-soft: #090e11;
  --site-surface: #0d1418;
  --site-surface-2: #111a1f;
  --site-surface-3: #162127;
  --site-line: #223038;
  --site-line-strong: #344852;
  --site-text: #f3f7f8;
  --site-text-soft: #c4d0d5;
  --site-muted: #93a4ad;
  --site-dim: #697d87;
  --site-green: #62e6b2;
  --site-green-ink: #06150f;
  --site-cyan: #5bccef;
  --site-blue: #79aefc;
  --site-gold: #f0c965;
  --site-coral: #ff757d;
  --site-lime: #b5ec69;
  --site-max: 1240px;
  --site-radius: 7px;
  --site-font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --site-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}

html {
  min-width: 320px;
  background: var(--site-bg);
  scroll-behavior: smooth;
}

body {
  min-width: 320px;
  margin: 0;
  overflow-x: clip;
  background: var(--site-bg) !important;
  color: var(--site-text);
  font-family: var(--site-font);
  font-size: 15px;
  letter-spacing: 0;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

*, *::before, *::after { box-sizing: border-box; }
img { display: block; max-width: 100%; }
button, input, select, textarea { font: inherit; letter-spacing: 0; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-underline-offset: 3px; }

:where(a, button, input, select, textarea, summary):focus-visible {
  outline: 2px solid var(--site-blue) !important;
  outline-offset: 3px;
}

::selection { background: #255842; color: #fff; }

.skip-link {
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 1000;
  transform: translateY(-150%);
  border: 1px solid var(--site-green);
  border-radius: 5px;
  background: var(--site-bg);
  color: var(--site-text);
  padding: 10px 13px;
  font-size: 12px;
  font-weight: 800;
}

.skip-link:focus { transform: translateY(0); }

/* Shared brand and navigation */
.commerce-header,
.account-topbar,
.host-bar,
.legal-topbar {
  border-color: var(--site-line) !important;
  background: rgba(6, 9, 11, .94) !important;
  color: var(--site-text) !important;
  box-shadow: none !important;
  backdrop-filter: blur(18px) saturate(120%);
}

.commerce-header {
  position: sticky;
  top: 0;
  z-index: 80;
  display: grid;
  width: 100%;
  min-height: 66px;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 28px;
  border-bottom: 1px solid var(--site-line);
  padding: 0 max(20px, calc((100vw - var(--site-max)) / 2));
}

.commerce-brand,
.launch-mark,
.wordmark {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: 11px;
  color: var(--site-text) !important;
  text-decoration: none;
}

.commerce-brand > span:last-child,
.launch-mark,
.wordmark { line-height: 1; }

.commerce-brand > span:last-child { display: grid; gap: 2px; }

.launch-mark::before,
.wordmark::before {
  display: grid;
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid var(--site-line-strong);
  border-radius: 7px;
  background: #0b1419;
  color: var(--site-green);
  content: "J";
  font-family: Georgia, serif;
  font-size: 17px;
  font-weight: 800;
}

.commerce-brand strong,
.launch-mark strong,
.wordmark strong {
  color: #fff !important;
  font-size: 15px;
  font-weight: 900;
}

.commerce-brand small,
.launch-mark span,
.wordmark span {
  color: var(--site-muted) !important;
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
}

.brand-glyph {
  position: relative;
  display: grid !important;
  width: 31px;
  height: 31px;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid var(--site-line-strong);
  border-radius: 7px;
  background: #0b1419;
}

.brand-glyph::before {
  width: 13px;
  height: 13px;
  border: 1px solid var(--site-cyan);
  border-radius: 3px;
  content: "";
}

.brand-glyph i {
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--site-green);
}

.brand-glyph i:nth-child(1) { transform: translate(-4px, -4px); }
.brand-glyph i:nth-child(2) { transform: translate(4px, -4px); }
.brand-glyph i:nth-child(3) { transform: translate(0, 4px); }

.commerce-header nav,
.account-topbar nav,
.host-bar nav,
.legal-topbar nav {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 5px;
}

.commerce-header nav { justify-content: center; }

.commerce-header nav a,
.account-topbar nav a,
.host-bar nav a,
.legal-topbar nav a {
  border-radius: 5px;
  color: var(--site-muted) !important;
  padding: 8px 10px;
  font-size: 11px;
  font-weight: 750;
  text-decoration: none;
  transition: background-color .16s ease, color .16s ease;
}

.commerce-header nav a:hover,
.account-topbar nav a:hover,
.host-bar nav a:hover,
.legal-topbar nav a:hover {
  background: var(--site-surface-2);
  color: var(--site-text) !important;
}

.header-signin {
  display: inline-flex;
  min-height: 36px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--site-line-strong);
  border-radius: 6px;
  background: var(--site-surface-2);
  color: var(--site-text) !important;
  padding: 0 14px;
  font-size: 11px;
  font-weight: 800;
  text-decoration: none;
}

.header-signin:hover { border-color: var(--site-green); }

/* Marketing landing page */
.commerce-page main { width: 100%; }

.commerce-hero {
  position: relative;
  isolation: isolate;
  display: flex;
  width: 100%;
  height: clamp(570px, calc(100svh - 106px), 770px);
  min-height: 0 !important;
  align-items: center;
  overflow: hidden;
  border-bottom: 1px solid var(--site-line);
  background: #05080a !important;
}

.commerce-hero > img {
  position: absolute;
  inset: 0;
  z-index: -3;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 22%;
  opacity: .5;
  filter: saturate(.88) contrast(1.12) brightness(.76);
}

.commerce-hero .hero-shade {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: auto;
  background: rgba(3, 6, 8, .7) !important;
}

.commerce-hero .hero-shade::before,
.commerce-hero .hero-shade::after { display: none !important; content: none !important; }

.hero-copy {
  position: relative;
  z-index: 2;
  display: grid;
  width: min(760px, calc(100% - 40px));
  align-content: center;
  justify-items: center;
  margin: -28px auto 56px;
  text-align: center;
}

.hero-kicker,
.section-heading > span,
.engine-code > span,
.commerce-form header > span,
.auth-eyebrow {
  color: var(--site-green) !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  text-transform: uppercase;
}

.hero-kicker {
  display: inline-flex;
  align-items: center;
  justify-self: center;
  gap: 8px;
}

.hero-kicker i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--site-green);
  box-shadow: 0 0 14px rgba(98, 230, 178, .55);
}

.hero-copy h1 {
  margin: 13px 0 14px;
  color: #fff !important;
  font-size: clamp(54px, 8vw, 102px) !important;
  font-weight: 900;
  line-height: .9;
  letter-spacing: 0 !important;
  text-wrap: balance;
}

.hero-copy > p {
  max-width: 670px;
  margin: 0 auto;
  color: #d5dfe3 !important;
  font-size: 17px !important;
  line-height: 1.55;
  text-wrap: balance;
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 9px;
  margin: 24px auto 0;
}

.hero-actions a,
.pricing-table article > a,
.commerce-form button,
.auth-form button,
.billing-success-shell > a:last-child {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  border-radius: 6px !important;
  padding: 0 17px;
  font-size: 12px;
  font-weight: 850;
  text-decoration: none;
  transition: border-color .16s ease, background-color .16s ease, color .16s ease, transform .16s ease;
}

.hero-actions .primary,
.pricing-table .featured > a,
.commerce-form button,
.auth-form button {
  border: 1px solid var(--site-green) !important;
  background: var(--site-green) !important;
  color: var(--site-green-ink) !important;
}

.hero-actions .secondary,
.pricing-table article > a,
.billing-success-shell > a:last-child {
  border: 1px solid var(--site-line-strong) !important;
  background: rgba(13, 20, 24, .9) !important;
  color: var(--site-text) !important;
}

.hero-actions a:hover,
.pricing-table article > a:hover,
.commerce-form button:hover,
.auth-form button:hover { transform: translateY(-1px); }

.hero-actions .primary:hover,
.pricing-table .featured > a:hover,
.commerce-form button:hover,
.auth-form button:hover { background: #86edc6 !important; }

.hero-intent {
  display: grid;
  width: 100%;
  max-width: 700px;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 9px 12px;
  margin: 20px auto 0;
}

.hero-intent > span,
.hero-intent > small {
  color: var(--site-muted) !important;
  font-size: 10px !important;
}

.hero-intent > span { font-weight: 800; text-transform: uppercase; }
.hero-intent > small { grid-column: 1 / -1; justify-self: center; }

.hero-intent > div {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid var(--site-line-strong);
  border-radius: 6px;
  background: rgba(7, 11, 14, .88);
}

.hero-intent button {
  min-width: 0;
  min-height: 36px;
  border: 0;
  border-right: 1px solid var(--site-line);
  background: transparent;
  color: var(--site-text-soft);
  padding: 0 8px;
  font-size: 9px;
  font-weight: 850;
  cursor: pointer;
}

.hero-intent button:last-child { border-right: 0; }
.hero-intent button:hover,
.hero-intent button[aria-pressed="true"] { background: var(--site-surface-3); color: #fff; }
.hero-intent button i { display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 50%; background: var(--site-muted); }
.hero-intent button[data-market-intent="volume"] i { background: var(--site-lime); }
.hero-intent button[data-market-intent="ipo"] i { background: var(--site-gold); }
.hero-intent button[data-market-intent="long"] i { background: var(--site-green); }
.hero-intent button[data-market-intent="short"] i { background: var(--site-coral); }
.hero-intent button[data-market-intent="crypto"] i { background: var(--site-cyan); }

.hero-risk {
  max-width: 620px;
  margin: 14px auto 0;
  color: #83949d !important;
  font-size: 9px !important;
  line-height: 1.5;
}

.hero-products {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  border-top: 1px solid var(--site-line-strong);
  background: rgba(6, 10, 12, .94) !important;
  padding: 0 max(20px, calc((100vw - var(--site-max)) / 2));
}

.hero-products span {
  min-width: 0;
  border-right: 1px solid var(--site-line);
  color: var(--site-muted) !important;
  padding: 13px 14px;
  font-size: 10px;
  line-height: 1.35;
}

.hero-products span:first-child { border-left: 1px solid var(--site-line); }
.hero-products b { display: block; margin-bottom: 2px; color: var(--site-text) !important; font-size: 10px; }
.hero-products span:nth-child(1) b { color: var(--site-lime) !important; }
.hero-products span:nth-child(2) b { color: var(--site-gold) !important; }
.hero-products span:nth-child(3) b { color: var(--site-green) !important; }
.hero-products span:nth-child(4) b { color: var(--site-coral) !important; }
.hero-products span:nth-child(5) b { color: var(--site-cyan) !important; }

.proof-bar,
.engine-section,
.cockpit-proof,
.pricing-section,
.trust-section,
.join-section,
.faq-section {
  width: min(var(--site-max), calc(100% - 40px)) !important;
  margin-inline: auto !important;
}

.proof-bar {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 22px !important;
  border: 1px solid var(--site-line);
  border-radius: var(--site-radius);
  background: var(--site-surface) !important;
}

.proof-bar div {
  display: grid;
  min-width: 0;
  gap: 3px;
  border-right: 1px solid var(--site-line);
  padding: 17px 19px;
}

.proof-bar div:last-child { border-right: 0; }
.proof-bar strong { color: var(--site-text) !important; font-size: 18px; }
.proof-bar span { color: var(--site-muted) !important; font-size: 10px; }

.engine-section,
.cockpit-proof,
.pricing-section,
.trust-section,
.join-section,
.faq-section { padding-top: 92px !important; }

.section-heading {
  display: grid;
  max-width: 820px;
  gap: 8px;
  margin: 0 0 30px;
}

.section-heading.compact { max-width: 760px; }
.section-heading h2 { margin: 0; color: #fff !important; font-size: clamp(30px, 4vw, 48px) !important; line-height: 1.05; letter-spacing: 0 !important; text-wrap: balance; }
.section-heading p { max-width: 760px; margin: 4px 0 0; color: var(--site-muted) !important; font-size: 14px !important; line-height: 1.65; }

.engine-ledger {
  overflow: hidden;
  border-top: 1px solid var(--site-line-strong);
  border-bottom: 1px solid var(--site-line-strong);
  background: transparent !important;
}

.engine-row {
  position: relative;
  display: grid !important;
  min-height: 118px;
  grid-template-columns: 175px minmax(280px, .9fr) minmax(340px, 1.1fr) !important;
  align-items: center;
  gap: 26px;
  border: 0 !important;
  border-bottom: 1px solid var(--site-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 22px 20px !important;
  box-shadow: none !important;
}

.engine-row:last-child { border-bottom: 0 !important; }
.engine-row::before { position: absolute; top: 22px; bottom: 22px; left: 0; width: 2px; background: var(--engine-color, var(--site-green)); content: ""; }
.engine-row.volume { --engine-color: var(--site-lime); }
.engine-row.ipo { --engine-color: var(--site-gold); }
.engine-row.long { --engine-color: var(--site-green); }
.engine-row.short { --engine-color: var(--site-coral); }
.engine-row.crypto { --engine-color: var(--site-cyan); }
.engine-code { display: grid; gap: 8px; }
.engine-code > span { color: var(--engine-color) !important; }
.engine-code strong { color: var(--engine-color) !important; font-size: 14px; }
.engine-row h3 { margin: 0 0 7px; color: var(--site-text) !important; font-size: 19px !important; }
.engine-row p { margin: 0; color: var(--site-muted) !important; font-size: 12px !important; line-height: 1.55; }
.engine-row ul { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 1px !important; margin: 0 !important; padding: 0 !important; background: var(--site-line); list-style: none; }
.engine-row li { min-width: 0; background: var(--site-surface) !important; color: var(--site-text-soft) !important; padding: 12px 10px !important; font-size: 10px !important; text-align: center; }
.engine-row li::before { display: none !important; content: none !important; }

.cockpit-proof figure {
  overflow: hidden;
  margin: 0;
  border: 1px solid var(--site-line-strong);
  border-radius: var(--site-radius);
  background: #05080a;
}

.cockpit-proof figure > img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: top center;
  border: 0 !important;
  filter: saturate(.95) contrast(1.04);
}

.cockpit-proof figcaption {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid var(--site-line);
  background: var(--site-surface) !important;
}

.cockpit-proof figcaption span {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 8px;
  border-right: 1px solid var(--site-line);
  color: var(--site-muted) !important;
  padding: 13px 15px;
  font-size: 10px;
}

.cockpit-proof figcaption span:last-child { border-right: 0; }
.cockpit-proof figcaption i { width: 7px; height: 7px; flex: 0 0 auto; border-radius: 50%; }
.cockpit-proof figcaption .green { background: var(--site-green); }
.cockpit-proof figcaption .cyan { background: var(--site-cyan); }
.cockpit-proof figcaption .amber { background: var(--site-gold); }
.cockpit-proof figcaption .coral { background: var(--site-coral); }

.billing-switch {
  display: inline-grid !important;
  grid-template-columns: repeat(2, auto);
  overflow: hidden;
  margin: 0 0 15px !important;
  border: 1px solid var(--site-line-strong) !important;
  border-radius: 6px;
  background: var(--site-surface) !important;
}

.billing-switch button {
  min-height: 37px;
  border: 0 !important;
  border-right: 1px solid var(--site-line) !important;
  background: transparent !important;
  color: var(--site-muted) !important;
  padding: 0 13px;
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
}

.billing-switch button:last-child { border-right: 0 !important; }
.billing-switch button.active { background: var(--site-surface-3) !important; color: #fff !important; }
.billing-switch button span { color: var(--site-green) !important; }

.pricing-table {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px !important;
  overflow: hidden;
  border: 1px solid var(--site-line-strong) !important;
  border-radius: var(--site-radius);
  background: var(--site-line) !important;
}

.pricing-table article {
  position: relative;
  display: grid !important;
  min-width: 0;
  min-height: 500px;
  grid-template-rows: auto auto 1fr auto;
  gap: 22px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--site-surface) !important;
  padding: 29px !important;
  box-shadow: none !important;
}

.pricing-table article.featured { background: #0d1916 !important; box-shadow: inset 0 3px 0 var(--site-green) !important; }
.pricing-table article.featured header { padding-right: 82px; }
.pricing-table header span { color: var(--site-muted) !important; font-size: 9px !important; font-weight: 800; text-transform: uppercase; }
.pricing-table h3 { margin: 8px 0 6px; color: #fff !important; font-size: 24px !important; }
.pricing-table header p { margin: 0; color: var(--site-muted) !important; font-size: 12px !important; line-height: 1.55; }
.pricing-table .price { display: grid; gap: 5px; }
.pricing-table .price strong { color: #fff !important; font-size: 38px !important; line-height: 1; }
.pricing-table .price span { color: var(--site-muted) !important; font-size: 10px !important; }
.pricing-table ul { display: grid; align-content: start; gap: 11px; margin: 0; padding: 0; list-style: none; }
.pricing-table li { position: relative; color: var(--site-text-soft) !important; padding-left: 17px; font-size: 11px !important; line-height: 1.45; }
.pricing-table li::before { position: absolute; top: 6px; left: 0; width: 6px; height: 6px; border-radius: 50%; background: var(--site-green); content: ""; }
.pricing-table .plan-ribbon { position: absolute; top: 17px; right: 17px; border: 1px solid #376553; border-radius: 4px; background: #11281f !important; color: #9af0d0 !important; padding: 4px 7px; font-size: 8px !important; font-weight: 850; text-transform: uppercase; }
.pricing-note { color: var(--site-dim) !important; font-size: 10px !important; line-height: 1.55; }

.trust-ledger {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 !important;
  border-top: 1px solid var(--site-line-strong);
  border-bottom: 1px solid var(--site-line-strong);
}

.trust-ledger div {
  min-width: 0;
  border-right: 1px solid var(--site-line);
  border-bottom: 1px solid var(--site-line);
  background: transparent !important;
  padding: 24px !important;
}

.trust-ledger div:nth-child(even) { border-right: 0; }
.trust-ledger div:nth-last-child(-n+2) { border-bottom: 0; }
.trust-ledger strong { color: var(--site-text) !important; font-size: 14px; }
.trust-ledger p { margin: 8px 0 0; color: var(--site-muted) !important; font-size: 11px !important; line-height: 1.55; }

.join-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px !important;
  overflow: hidden;
  border: 1px solid var(--site-line-strong);
  border-radius: var(--site-radius);
  background: var(--site-line) !important;
}

.commerce-form {
  display: grid;
  min-width: 0;
  align-content: start;
  gap: 17px;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--site-surface) !important;
  padding: 30px !important;
  box-shadow: none !important;
}

.commerce-form header { display: grid; gap: 6px; }
.commerce-form h3 { margin: 0; color: #fff !important; font-size: 25px !important; }
.commerce-form header p { margin: 0; color: var(--site-muted) !important; font-size: 12px !important; line-height: 1.55; }
.commerce-form form,
.passwordless-form { display: grid; gap: 13px; }
.commerce-form label,
.auth-form label { display: grid; gap: 7px; min-width: 0; }
.commerce-form label > span,
.auth-form label > span { color: var(--site-text-soft) !important; font-size: 10px !important; font-weight: 750; }
.commerce-form input,
.auth-form input,
.account-shell input,
.account-shell select,
.account-shell textarea,
.admin-shell input {
  width: 100%;
  min-width: 0;
  min-height: 43px;
  border: 1px solid var(--site-line-strong) !important;
  border-radius: 6px !important;
  background: #070c0f !important;
  color: var(--site-text) !important;
  padding: 0 12px;
  box-shadow: none !important;
}

.commerce-form input::placeholder,
.auth-form input::placeholder,
.account-shell input::placeholder,
.admin-shell input::placeholder { color: var(--site-dim) !important; opacity: 1; }

.commerce-form input:focus,
.auth-form input:focus,
.account-shell :where(input, select, textarea):focus,
.admin-shell input:focus { border-color: var(--site-green) !important; outline: 0; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.auth-route { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 10px; color: var(--site-dim); font-size: 9px; text-transform: uppercase; }
.auth-route::before, .auth-route::after { height: 1px; background: var(--site-line); content: ""; }
.phone-signin { display: grid; min-height: 58px; grid-template-columns: 28px 1fr auto; align-items: center; gap: 12px; border: 1px solid var(--site-line-strong); border-radius: 6px; background: var(--site-surface-2); color: var(--site-text); padding: 9px 12px; text-decoration: none; }
.phone-signin:hover { border-color: var(--site-green); }
.phone-signin strong { color: var(--site-text) !important; font-size: 12px; }
.phone-signin small { color: var(--site-muted) !important; font-size: 10px; }
.phone-signin b { color: var(--site-green) !important; font-size: 20px; font-weight: 400; }
.phone-signin i { border-color: var(--site-green) !important; }
.password-fallback,
.optional-password { border-color: var(--site-line) !important; }
.password-fallback summary,
.optional-password summary { color: var(--site-muted) !important; }
.terms-check,
.billing-consent { color: var(--site-muted) !important; }
.terms-check span,
.billing-consent span,
.join-value { color: var(--site-muted) !important; }
.terms-check a,
.billing-consent a,
.form-assist { color: #a5ebd2 !important; }

.faq-list { border-color: var(--site-line-strong) !important; }
.faq-list details { border-color: var(--site-line) !important; }
.faq-list summary { color: var(--site-text) !important; }
.faq-list p { color: var(--site-muted) !important; }

.commerce-footer {
  width: min(var(--site-max), calc(100% - 40px)) !important;
  border-color: var(--site-line-strong) !important;
  color: var(--site-muted) !important;
}
.commerce-footer p,
.commerce-footer small,
.commerce-footer nav a { color: var(--site-muted) !important; }

.site-alert {
  border: 1px solid #3c5663 !important;
  border-radius: 6px !important;
  background: #101b21 !important;
  color: #eaf2f5 !important;
  box-shadow: none !important;
}
.site-alert.success { border-color: #326b55 !important; background: #0d2019 !important; color: #c9f9e6 !important; }
.site-alert.warning { border-color: #705b2c !important; background: #211b10 !important; color: #f8e7b2 !important; }

/* Sign-in, recovery, and checkout completion */
.auth-page,
.billing-success-page,
.legal-page { background: var(--site-bg) !important; }

.auth-stage {
  position: relative;
  width: min(500px, calc(100% - 28px)) !important;
  min-height: 100svh;
  padding: 42px 0 !important;
}

.auth-stage::before {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  height: 84px;
  background: var(--site-line-strong);
  content: "";
}

.auth-mark { position: relative; z-index: 1; padding: 0 14px; background: var(--site-bg); }
.auth-panel {
  border: 1px solid var(--site-line-strong) !important;
  border-top: 3px solid var(--site-green) !important;
  border-radius: var(--site-radius) !important;
  background: var(--site-surface) !important;
  padding: 34px !important;
  box-shadow: 0 28px 80px rgba(0, 0, 0, .34) !important;
}
.auth-panel h1 { color: #fff !important; font-size: 30px !important; letter-spacing: 0 !important; }
.auth-panel > p,
.auth-fine-print { color: var(--site-muted) !important; }
.auth-back,
.auth-primary-link { color: #acebd5 !important; }

.billing-success-shell { position: relative; max-width: 580px; padding: 40px 24px; }
.billing-success-shell::before { position: absolute; top: 0; bottom: 0; left: 50%; width: 1px; background: var(--site-line); content: ""; z-index: 0; }
.billing-success-shell > * { position: relative; z-index: 1; }
.billing-success-shell .launch-mark { background: var(--site-bg); padding: 0 14px; }
.billing-success-shell > span { color: var(--site-green) !important; }
.billing-success-shell h1 { color: #fff !important; font-size: 34px !important; letter-spacing: 0 !important; }
.billing-success-shell p { color: var(--site-muted) !important; }
.billing-orbit { border-color: var(--site-line-strong) !important; background: var(--site-surface) !important; }
.activation-track { border-color: var(--site-line) !important; background: var(--site-surface) !important; }

/* Legal pages */
.legal-topbar {
  position: sticky;
  top: 0;
  z-index: 40;
  width: 100% !important;
  min-height: 64px;
  margin: 0 !important;
  padding: 0 max(20px, calc((100vw - 1120px) / 2)) !important;
}
.legal-shell {
  width: min(1120px, calc(100% - 40px)) !important;
  grid-template-columns: 230px minmax(0, 1fr) !important;
  gap: 64px !important;
  padding: 66px 0 80px !important;
}
.legal-shell aside { top: 94px !important; border-color: var(--site-green) !important; }
.legal-shell aside span { color: var(--site-green) !important; }
.legal-shell aside strong { color: var(--site-text) !important; }
.legal-shell aside small { color: var(--site-muted) !important; }
.legal-shell article { max-width: 780px; }
.legal-shell article h1 { color: #fff !important; font-size: clamp(36px, 5vw, 58px) !important; letter-spacing: 0 !important; line-height: 1.02; }
.legal-shell article h2 { padding-top: 4px; color: var(--site-text) !important; font-size: 18px !important; }
.legal-shell article p,
.legal-shell article li { color: #b9c7cd !important; font-size: 13px !important; line-height: 1.75; }
.legal-shell article b { color: var(--site-text) !important; }
.legal-shell article a { color: #a5ead1 !important; }
.legal-callout { border-color: var(--site-coral) !important; background: #211417 !important; color: #ffd9dc !important; }
.legal-footer { width: min(1120px, calc(100% - 40px)) !important; border-color: var(--site-line) !important; }
.legal-footer a { color: var(--site-muted) !important; }

/* Account */
.account-shell,
.pro-account-page { background: var(--site-bg) !important; color: var(--site-text) !important; }
body.account-shell { width: 100% !important; min-height: 100svh; margin: 0 !important; }
.account-topbar,
.host-bar {
  position: sticky;
  top: 0;
  z-index: 70;
  display: flex;
  width: 100%;
  min-height: 62px;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border-bottom: 1px solid var(--site-line) !important;
  padding: 0 max(18px, calc((100vw - var(--site-max)) / 2)) !important;
}
.account-main,
.pro-account-page .account-main { width: min(var(--site-max), calc(100% - 32px)) !important; padding: 28px 0 70px !important; }

.trial-command,
.account-command,
.account-panel,
.account-plan-market,
.identity-security-shell,
.account-quick-actions {
  border: 1px solid var(--site-line-strong) !important;
  border-radius: var(--site-radius) !important;
  background: var(--site-surface) !important;
  color: var(--site-text) !important;
  box-shadow: none !important;
}

.trial-command { min-height: 74px; background: #0d1816 !important; }
.trial-command.verify { border-color: #67552c !important; background: #1d1910 !important; }
.trial-command > div:nth-child(2) > span { color: var(--site-green) !important; }
.trial-command.verify > div:nth-child(2) > span { color: var(--site-gold) !important; }
.trial-command > div:nth-child(2) > strong { color: var(--site-text) !important; }
.trial-command > div:nth-child(2) > small { color: var(--site-muted) !important; }
.trial-command nav a,
.trial-command > a,
.trial-command form button { border-color: var(--site-line-strong) !important; background: var(--site-surface-2) !important; color: var(--site-text) !important; }
.trial-command nav a.primary,
.trial-command form button { border-color: var(--site-green) !important; background: var(--site-green) !important; color: var(--site-green-ink) !important; }

.account-command {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 380px);
  gap: 28px;
  border-left: 3px solid var(--site-green) !important;
  padding: 26px !important;
}
.account-command > div { display: grid; align-content: center; gap: 6px; }
.account-command > div > span { color: var(--site-green) !important; font-size: 9px !important; font-weight: 850; text-transform: uppercase; }
.account-command h1 { margin: 0; color: #fff !important; font-size: 34px !important; letter-spacing: 0 !important; }
.account-command p { margin: 0; color: var(--site-muted) !important; }
.account-command aside { border: 1px solid var(--site-line) !important; border-radius: 6px !important; background: var(--site-bg-soft) !important; padding: 16px !important; }
.account-command aside strong { color: var(--site-text) !important; }
.account-command aside span,
.account-command aside small { color: var(--site-muted) !important; }
.account-power-meter { background: var(--site-line) !important; }
.account-power-meter i { background: var(--site-green) !important; }

.account-quick-actions {
  display: grid !important;
  grid-template-columns: minmax(320px, .9fr) minmax(0, 1.1fr) !important;
  gap: 1px !important;
  background: var(--site-line) !important;
}
.account-quick-actions > * { background: var(--site-surface) !important; }
.signal-launcher:hover { background: var(--site-surface-2) !important; }
.signal-launcher strong,
.account-quick-actions > div strong { color: var(--site-text) !important; }
.signal-launcher small,
.account-quick-actions > div span { color: var(--site-muted) !important; }

.identity-security-shell { padding: 25px !important; }
.identity-security-shell > header span { color: var(--site-green) !important; }
.identity-security-shell > header h2 { color: #fff !important; }
.identity-security-shell > header p { color: var(--site-muted) !important; }
.identity-channel-grid { border-color: var(--site-line) !important; background: var(--site-line) !important; }
.identity-channel-grid > article { background: var(--site-surface-2) !important; }
.identity-channel-grid article strong { color: var(--site-text) !important; }
.identity-channel-grid article span { color: var(--site-muted) !important; }
.identity-icon { border-color: var(--site-line-strong) !important; color: var(--site-green) !important; }

.account-split,
.account-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px !important; }
.account-panel { min-width: 0; padding: 23px !important; }
.account-panel::before,
.account-panel::after { display: none !important; content: none !important; }
.account-panel.wide { grid-column: 1 / -1; }
.account-grid > .account-panel:last-child { grid-column: 1 / -1; }
.account-panel-head { border-color: var(--site-line) !important; }
.account-panel-head span { color: var(--site-green) !important; }
.account-panel-head strong { color: var(--site-text) !important; }
.account-profile-form { gap: 12px !important; }
.account-profile-form label span { color: var(--site-text-soft) !important; }
.account-profile-actions button,
.support-form button,
.billing-portal-form button,
.quiet-button {
  min-height: 38px;
  border: 1px solid var(--site-line-strong) !important;
  border-radius: 6px !important;
  background: var(--site-surface-3) !important;
  color: var(--site-text) !important;
  padding: 0 13px;
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
}
.account-profile-actions button,
.support-form button { border-color: var(--site-green) !important; background: var(--site-green) !important; color: var(--site-green-ink) !important; }
.pay-brand-stack div,
.feature-market-grid > div,
.support-message-card { border-color: var(--site-line) !important; background: var(--site-surface-2) !important; }
.pay-brand-stack b,
.feature-market-grid strong,
.support-message-card p { color: var(--site-text) !important; }
.pay-brand-stack span,
.feature-market-grid p,
.support-message-card span,
.payment-command-panel > p,
.support-thread-list > p { color: var(--site-muted) !important; }
.feature-market-grid span { border-color: #365d4e !important; background: #11241d !important; color: #97eccd !important; }

.account-plan-market { overflow: hidden; }
.plan-market-head { border-bottom: 1px solid var(--site-line); }
.plan-market-head > div > span { color: var(--site-green) !important; }
.plan-market-head h2 { color: #fff !important; }
.plan-market-head p { color: var(--site-muted) !important; }
.plan-route-notice { border-color: #3c6a59 !important; background: #0e201a !important; }
.plan-route-notice.apex { border-color: #6f5b2c !important; background: #201b10 !important; }
.pro-account-page .account-plan-market .account-plan-shell {
  border-color: var(--site-line) !important;
  background: var(--site-line) !important;
}
.pro-account-page .account-plan-market .account-plan-tile {
  min-height: 450px;
  background: var(--site-surface) !important;
  box-shadow: inset 0 3px 0 #52646d !important;
}
.pro-account-page .account-plan-market .account-plan-tile.pulse { background: #0d1816 !important; box-shadow: inset 0 3px 0 var(--site-green) !important; }
.pro-account-page .account-plan-market .account-plan-tile.apex { background: #18160f !important; box-shadow: inset 0 3px 0 var(--site-gold) !important; }
.pro-account-page .account-plan-market .account-plan-tile.selected { box-shadow: inset 0 4px 0 var(--site-green), inset 0 0 0 1px #3c6b59 !important; }
.pro-account-page .account-plan-market .account-plan-tile.apex.selected { box-shadow: inset 0 4px 0 var(--site-gold), inset 0 0 0 1px #705d2e !important; }
.pro-account-page .account-plan-market .account-plan-tile > strong,
.pro-account-page .account-plan-market .account-plan-tile > b { color: #fff !important; }
.pro-account-page .account-plan-market .account-plan-tile > p,
.pro-account-page .account-plan-market .account-plan-tile > small,
.pro-account-page .account-plan-market .account-plan-tile > b small { color: var(--site-muted) !important; }
.pro-account-page .account-plan-market .account-checkout-form > button { border-color: var(--site-green) !important; background: var(--site-green) !important; color: var(--site-green-ink) !important; }
.pro-account-page .account-plan-market .apex .account-checkout-form > button { border-color: var(--site-gold) !important; background: var(--site-gold) !important; color: #181304 !important; }
.plan-trust-strip { background: var(--site-line) !important; }
.plan-trust-strip span { background: var(--site-bg-soft) !important; color: var(--site-muted) !important; }

/* Signal preferences */
.signal-settings-page { background: var(--site-bg) !important; }
.signal-main { width: min(var(--site-max), calc(100% - 32px)) !important; padding: 34px 0 70px !important; }
.signal-hero { border-color: var(--site-line-strong) !important; }
.signal-hero > div > span { color: var(--site-green) !important; }
.signal-hero h1 { color: #fff !important; letter-spacing: 0 !important; }
.signal-hero p { color: var(--site-muted) !important; }
.signal-hero aside { border-color: var(--site-line-strong) !important; background: var(--site-surface) !important; }
.signal-hero aside strong { color: var(--site-text) !important; }
.signal-hero aside span { color: var(--site-muted) !important; }
.signal-orbit { border-color: #386a58 !important; }
.signal-orbit::before,
.signal-orbit::after { border-color: #294d41 !important; }
.signal-orbit::after { background: #10251e !important; }
.signal-plan-note { border-color: #705d2d !important; background: #201b10 !important; }
.signal-plan-note strong,
.signal-plan-note a { color: #f6db88 !important; }
.signal-plan-note span { color: #c5b685 !important; }
.signal-preferences,
.signal-history { border-color: var(--site-line-strong) !important; background: var(--site-surface) !important; }
.signal-master-row,
.signal-choice-block,
.signal-strength,
.signal-advanced,
.signal-form-actions,
.signal-history > header { border-color: var(--site-line) !important; }
.signal-master-row strong,
.signal-choice-block legend,
.signal-choice-block legend strong,
.signal-strength strong,
.signal-advanced summary span,
.signal-history h2 { color: var(--site-text) !important; }
.signal-master-row span,
.signal-choice-block > p,
.signal-strength span,
.signal-advanced summary small,
.signal-form-actions span { color: var(--site-muted) !important; }
.signal-choice-block legend > span { background: #132b22 !important; color: #92ebcb !important; }
.cadence-control label > span,
.product-toggles label > span { border-color: var(--site-line-strong) !important; background: var(--site-bg-soft) !important; color: var(--site-text-soft) !important; }
.cadence-control input:checked + span,
.product-toggles input:checked + span { border-color: #4a7a68 !important; background: #11251e !important; color: #fff !important; box-shadow: none !important; }
.cadence-control small,
.channel-row small { color: var(--site-muted) !important; }
.channel-row { border-color: var(--site-line) !important; }
.channel-row strong { color: var(--site-text) !important; }
.channel-symbol { border-color: var(--site-line-strong) !important; color: var(--site-green) !important; }
.inline-action { color: #a4ead1 !important; }
.sms-consent { color: var(--site-muted) !important; }
.apple-switch > span { background: #38474f !important; }
.apple-switch input:checked + span { background: #35c985 !important; }
.apple-switch b { color: var(--site-text-soft) !important; }
.advanced-signal-grid { border-color: var(--site-line) !important; }
.advanced-signal-grid label { color: var(--site-muted) !important; }
.signal-form-actions button,
.phone-code-form button { background: var(--site-green) !important; color: var(--site-green-ink) !important; }
.signal-history th { background: var(--site-bg-soft) !important; color: var(--site-muted) !important; }
.signal-history :where(th, td) { border-color: var(--site-line) !important; }
.signal-history td { color: var(--site-text-soft) !important; }
.signal-history td strong { color: var(--site-text) !important; }

/* Admin and embedded app host */
.admin-shell,
.app-host { background: var(--site-bg) !important; color: var(--site-text) !important; }
.admin-main { width: min(1460px, calc(100% - 32px)) !important; padding: 34px 0 72px !important; }
.admin-hero { border: 0 !important; border-bottom: 1px solid var(--site-line-strong) !important; border-radius: 0 !important; background: transparent !important; padding: 18px 0 30px !important; box-shadow: none !important; }
.admin-hero span { color: var(--site-green) !important; }
.admin-hero h1 { max-width: 900px; margin: 8px 0 10px; color: #fff !important; font-size: clamp(32px, 4vw, 52px) !important; letter-spacing: 0 !important; line-height: 1.04; }
.admin-hero p { max-width: 780px; margin: 0; color: var(--site-muted) !important; }
.admin-metrics { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 1px !important; overflow: hidden; border: 1px solid var(--site-line-strong); border-radius: var(--site-radius); background: var(--site-line) !important; }
.admin-metrics article { min-width: 0; border: 0 !important; border-radius: 0 !important; background: var(--site-surface) !important; padding: 18px !important; box-shadow: none !important; }
.admin-metrics span,
.admin-metrics small { color: var(--site-muted) !important; }
.admin-metrics strong { color: var(--site-text) !important; }
.admin-grid { gap: 14px !important; }
.admin-panel { min-width: 0; border: 1px solid var(--site-line-strong) !important; border-radius: var(--site-radius) !important; background: var(--site-surface) !important; box-shadow: none !important; }
.admin-panel-head { border-color: var(--site-line) !important; }
.admin-panel-head span { color: var(--site-green) !important; }
.admin-panel-head strong { color: var(--site-text) !important; }
.admin-table-wrap { scrollbar-color: var(--site-line-strong) var(--site-bg-soft); }
.admin-shell table { background: transparent !important; }
.admin-shell th { background: var(--site-bg-soft) !important; color: var(--site-muted) !important; }
.admin-shell :where(th, td) { border-color: var(--site-line) !important; }
.admin-shell td { color: var(--site-text-soft) !important; }
.admin-shell td strong { color: var(--site-text) !important; }
.admin-shell td small { color: var(--site-muted) !important; }
.admin-inline-reply button { border-color: var(--site-green) !important; background: var(--site-green) !important; color: var(--site-green-ink) !important; }
.app-host { display: grid !important; height: 100svh; grid-template-rows: 62px minmax(0, 1fr) !important; }
.app-host .host-bar { position: relative; height: 62px; }
.jbot-frame { width: 100%; height: 100%; min-height: 0; border: 0; background: var(--site-bg); }

@media (max-width: 1040px) {
  .commerce-header { padding-inline: 20px; }
  .engine-row { grid-template-columns: 140px minmax(0, 1fr) !important; }
  .engine-row ul { grid-column: 2; }
  .pricing-table article { min-height: 520px; padding: 24px !important; }
  .account-topbar nav a:nth-child(n+6):not(:last-child) { display: none; }
  .admin-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}

@media (max-width: 800px) {
  .commerce-header { grid-template-columns: 1fr auto; min-height: 60px; padding-inline: 14px; }
  .commerce-header nav { display: none; }
  .commerce-hero { height: calc(100svh - 90px); min-height: 550px !important; max-height: 700px; }
  .commerce-hero > img { object-position: 45% top; opacity: .36; }
  .hero-copy { width: calc(100% - 28px); margin-top: -44px; margin-bottom: 72px; }
  .hero-copy h1 { font-size: clamp(46px, 14vw, 70px) !important; }
  .hero-copy > p { max-width: 560px; font-size: 14px !important; }
  .hero-intent { grid-template-columns: 1fr; gap: 7px; }
  .hero-intent > span { justify-self: center; }
  .hero-intent > div { width: 100%; }
  .hero-intent > small { display: none; }
  .hero-products { grid-template-columns: repeat(5, minmax(0, 1fr)); padding-inline: 0; }
  .hero-products span { min-height: 50px; padding: 9px 4px; text-align: center; }
  .hero-products span:first-child { border-left: 0; }
  .hero-products span:last-child { border-right: 0; }
  .hero-products span { color: transparent !important; font-size: 0; }
  .hero-products b { margin: 0; font-size: 9px; }
  .proof-bar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .proof-bar div:nth-child(2) { border-right: 0; }
  .proof-bar div:nth-child(-n+2) { border-bottom: 1px solid var(--site-line); }
  .engine-section,
  .cockpit-proof,
  .pricing-section,
  .trust-section,
  .join-section,
  .faq-section { padding-top: 68px !important; }
  .engine-row { grid-template-columns: 105px minmax(0, 1fr) !important; gap: 16px; padding: 20px 14px !important; }
  .engine-row ul { grid-column: 1 / -1; }
  .cockpit-proof figcaption { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cockpit-proof figcaption span:nth-child(2) { border-right: 0; }
  .cockpit-proof figcaption span:nth-child(-n+2) { border-bottom: 1px solid var(--site-line); }
  .pricing-table { grid-template-columns: 1fr; }
  .pricing-table article { min-height: 0; }
  .join-grid { grid-template-columns: 1fr; }
  .legal-shell { grid-template-columns: 1fr !important; gap: 28px !important; padding-top: 42px !important; }
  .legal-shell aside { position: static !important; grid-template-columns: auto 1fr; align-items: center; border-top: 0; border-left: 2px solid var(--site-green); padding: 3px 0 3px 13px; }
  .legal-shell aside small { grid-column: 1 / -1; }
  .account-topbar { align-items: center; padding-inline: 14px !important; }
  .account-topbar nav { overflow: hidden; }
  .account-topbar nav a { display: none !important; }
  .account-topbar nav a:last-child,
  .account-topbar nav a:first-child { display: inline-flex !important; }
  .app-host .host-bar nav a:nth-child(n+2):nth-child(-n+5) { display: none; }
  .account-command { grid-template-columns: 1fr; }
  .account-quick-actions,
  .account-split,
  .account-grid { grid-template-columns: 1fr !important; }
  .account-panel.wide { grid-column: auto; }
  .identity-security-shell > header { grid-template-columns: 1fr !important; }
  .signal-choice-grid { grid-template-columns: 1fr !important; }
  .admin-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .admin-grid { grid-template-columns: 1fr !important; }
  .admin-panel.wide { grid-column: auto !important; }
}

@media (max-width: 560px) {
  .proof-bar,
  .engine-section,
  .cockpit-proof,
  .pricing-section,
  .trust-section,
  .join-section,
  .faq-section { width: min(100% - 24px, var(--site-max)) !important; }
  .commerce-hero { height: calc(100svh - 78px); min-height: 540px !important; }
  .hero-copy { margin-top: -50px; margin-bottom: 62px; }
  .hero-copy h1 { margin-block: 10px; }
  .hero-actions { width: 100%; }
  .hero-actions a { flex: 1 1 150px; }
  .hero-intent { margin-top: 14px; }
  .hero-intent button { min-height: 34px; padding: 0 3px; font-size: 8px; }
  .hero-intent button i { display: none; }
  .hero-risk { display: none; }
  .section-heading h2 { font-size: 31px !important; }
  .engine-row { grid-template-columns: 1fr !important; }
  .engine-code { grid-template-columns: auto 1fr; align-items: center; }
  .engine-row ul { grid-column: 1; }
  .engine-row li { padding-inline: 5px !important; font-size: 9px !important; }
  .cockpit-proof figure > img { aspect-ratio: 5 / 4; }
  .cockpit-proof figcaption { grid-template-columns: 1fr; }
  .cockpit-proof figcaption span { border-right: 0; border-bottom: 1px solid var(--site-line); }
  .cockpit-proof figcaption span:last-child { border-bottom: 0; }
  .trust-ledger { grid-template-columns: 1fr; }
  .trust-ledger div { border-right: 0; border-bottom: 1px solid var(--site-line) !important; }
  .trust-ledger div:last-child { border-bottom: 0 !important; }
  .commerce-form,
  .auth-panel { padding: 22px 18px !important; }
  .form-grid { grid-template-columns: 1fr; }
  .commerce-footer { grid-template-columns: 1fr !important; justify-items: start; }
  .commerce-footer nav { justify-content: start !important; }
  .legal-topbar nav a:nth-child(n+3) { display: none; }
  .legal-shell article h1 { font-size: 36px !important; }
  .account-main,
  .signal-main,
  .admin-main { width: min(100% - 20px, var(--site-max)) !important; }
  .trial-command { grid-template-columns: 1fr !important; }
  .trial-beacon { display: none !important; }
  .trial-command nav { flex-wrap: wrap; }
  .account-command,
  .account-panel,
  .identity-security-shell { padding: 18px !important; }
  .identity-channel-grid > article { grid-template-columns: 34px minmax(0, 1fr) !important; }
  .identity-channel-grid article > form { grid-column: 1 / -1; }
  .phone-verify-form,
  .phone-code-form { grid-template-columns: 1fr !important; }
  .plan-market-head { grid-template-columns: 1fr !important; }
  .plan-route-notice { grid-template-columns: 1fr !important; }
  .checkout-fields { grid-template-columns: 1fr !important; }
  .plan-trust-strip { grid-template-columns: 1fr !important; }
  .signal-hero { grid-template-columns: 1fr !important; }
  .signal-hero aside { min-height: 70px !important; }
  .signal-strength { flex-direction: column !important; align-items: stretch !important; }
  .signal-strength label { width: 100% !important; }
  .advanced-signal-grid { grid-template-columns: 1fr !important; }
  .signal-form-actions { flex-direction: column !important; align-items: stretch !important; }
  .admin-metrics { grid-template-columns: 1fr !important; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}