* {
  box-sizing: border-box;
}

:root {
  --ink: #07111f;
  --muted: #5d6d84;
  --line: rgba(58, 78, 112, 0.14);
  --blue: #075cff;
  --royal: #0438d6;
  --cyan: #0eb7a7;
  --gold: #cfa44c;
  --navy: #0c1c31;
  --paper: rgba(255, 255, 255, 0.82);
  --shadow: 0 28px 80px rgba(20, 42, 74, 0.14);
  --tm-cursor-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cfilter id='s' x='-40%25' y='-40%25' width='180%25' height='180%25'%3E%3CfeDropShadow dx='1.4' dy='2.2' stdDeviation='1.35' flood-color='%23000000' flood-opacity='.48'/%3E%3C/filter%3E%3Cpath filter='url(%23s)' d='M7 4.5 25 15.7 17.2 18 14.8 26.2 7 4.5Z' fill='%2307111f' stroke='%23ffffff' stroke-width='2.55' stroke-linejoin='round'/%3E%3Cpath d='M10.4 9.8 20.4 15.1 15.3 16.3 13.9 21.6 10.4 9.8Z' fill='%23152135' opacity='.92'/%3E%3C/svg%3E") 7 5;
}

html {
  scroll-behavior: smooth;
}

body.marketing,
body.authPage,
body.adminPage {
  margin: 0;
  min-height: 100vh;
  color: var(--ink);
  font-family: Inter, "SF Pro Display", "Segoe UI", "Microsoft YaHei", Arial, sans-serif;
  background: #f6f9ff;
  letter-spacing: 0;
}

body.marketing {
  position: relative;
  background:
    linear-gradient(180deg, rgba(250, 253, 255, 0.96), rgba(229, 241, 255, 0.8) 36%, #f8fbff 70%),
    radial-gradient(circle at 12% 8%, rgba(7, 92, 255, 0.22), transparent 28%),
    radial-gradient(circle at 88% 12%, rgba(14, 183, 167, 0.2), transparent 26%),
    radial-gradient(circle at 50% 0%, rgba(207, 164, 76, 0.14), transparent 32%),
    linear-gradient(135deg, rgba(7, 17, 31, 0.045), transparent 34%, rgba(7, 92, 255, 0.035));
  overflow-x: hidden;
}

body.marketing::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(rgba(7, 17, 31, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(7, 17, 31, 0.035) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.8), transparent 72%);
  pointer-events: none;
}

body.authPage,
body.adminPage {
  background:
    linear-gradient(135deg, rgba(247, 250, 255, 0.96), rgba(229, 241, 255, 0.82)),
    radial-gradient(circle at 85% 8%, rgba(14, 183, 167, 0.16), transparent 28%);
}

a {
  color: inherit;
}

.siteNav {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  min-height: 74px;
  padding: 14px clamp(18px, 5vw, 72px);
  border-bottom: 1px solid rgba(72, 94, 128, 0.1);
  background: linear-gradient(180deg, rgba(250, 253, 255, 0.9), rgba(246, 250, 255, 0.74));
  box-shadow: 0 12px 40px rgba(37, 58, 93, 0.06);
  backdrop-filter: blur(22px);
}

.brandMark {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: max-content;
  color: var(--ink);
  font-size: 17px;
  font-weight: 950;
  text-decoration: none;
}

.brandLogo {
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  border-radius: 8px;
  color: #fff;
  background: linear-gradient(135deg, #06172b, #075cff 58%, #0eb7a7);
  box-shadow: 0 14px 34px rgba(7, 92, 255, 0.24);
  font-size: 13px;
  font-weight: 950;
}

.navLinks,
.navActions,
.authSwitch {
  display: flex;
  align-items: center;
  gap: 12px;
}

.navLinks {
  gap: clamp(14px, 1.8vw, 28px);
  margin-left: auto;
}

.navLinks a {
  color: #607087;
  font-size: 14px;
  font-weight: 850;
  text-decoration: none;
  transition: color 160ms ease;
}

.navLinks a:hover {
  color: var(--blue);
}

.siteSelect,
.field input,
.field select,
.adminCard input {
  height: 44px;
  border: 1px solid rgba(72, 94, 128, 0.18);
  border-radius: 8px;
  padding: 0 13px;
  color: #14233a;
  background: rgba(255, 255, 255, 0.86);
  outline: none;
  font: inherit;
  font-weight: 700;
}

.siteSelect {
  min-width: 132px;
  padding-right: 34px;
  color: #0d1b2f;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(239, 246, 255, 0.88)),
    linear-gradient(135deg, rgba(7, 92, 255, 0.08), transparent);
  box-shadow: 0 10px 28px rgba(37, 58, 93, 0.08);
}

.siteSelect:focus,
.field input:focus,
.adminCard input:focus {
  border-color: rgba(7, 92, 255, 0.52);
  box-shadow: 0 0 0 4px rgba(7, 92, 255, 0.1);
}

.siteButton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 18px;
  border: 0;
  border-radius: 8px;
  color: #fff;
  background: linear-gradient(135deg, #06172b, #075cff 72%, #0eb7a7);
  box-shadow: 0 16px 36px rgba(7, 92, 255, 0.22);
  font: inherit;
  font-size: 14px;
  font-weight: 900;
  text-decoration: none;
  cursor: pointer;
  transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

.siteButton:hover {
  transform: translateY(-1px);
  box-shadow: 0 18px 40px rgba(8, 25, 45, 0.2);
}

.siteButton.secondary {
  color: #10213a;
  background: rgba(16, 33, 58, 0.075);
  box-shadow: none;
}

.siteButton.big {
  min-height: 54px;
  padding-inline: 24px;
  font-size: 15px;
}

.siteButton.full {
  width: 100%;
}

.hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 0.94fr) minmax(430px, 1.06fr);
  gap: clamp(30px, 5vw, 76px);
  align-items: center;
  min-height: calc(100vh - 74px);
  padding: clamp(58px, 8vw, 108px) clamp(20px, 5vw, 72px) 70px;
  isolation: isolate;
}

.heroCopy,
.productShowcase {
  min-width: 0;
}

.heroStage {
  position: absolute;
  inset: 34px clamp(20px, 5vw, 72px) 28px;
  z-index: -1;
  border: 1px solid rgba(7, 92, 255, 0.1);
  border-radius: 28px;
  background:
    linear-gradient(120deg, rgba(255, 255, 255, 0.58), rgba(255, 255, 255, 0.08) 42%, rgba(7, 92, 255, 0.06)),
    radial-gradient(circle at 20% 18%, rgba(7, 92, 255, 0.16), transparent 28%),
    radial-gradient(circle at 80% 18%, rgba(14, 183, 167, 0.16), transparent 28%),
    repeating-linear-gradient(90deg, rgba(7, 17, 31, 0.025) 0 1px, transparent 1px 78px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

.heroStage::before,
.heroStage::after {
  content: "";
  position: absolute;
  border-radius: 999px;
  filter: blur(12px);
  opacity: 0.62;
}

.heroStage::before {
  width: 180px;
  height: 180px;
  right: 15%;
  top: -42px;
  background: rgba(7, 92, 255, 0.18);
}

.heroStage::after {
  width: 140px;
  height: 140px;
  left: 8%;
  bottom: 10%;
  background: rgba(207, 164, 76, 0.16);
}

.heroCopy h1 {
  margin: 0 0 22px;
  padding-block: 0.08em;
  max-width: 760px;
  color: #061120;
  font-size: clamp(68px, 9.6vw, 142px);
  font-weight: 950;
  line-height: 1.02;
  letter-spacing: 0;
  text-shadow: 0 18px 60px rgba(7, 92, 255, 0.16);
}

body[data-lang="en"] .heroCopy h1,
body[data-lang="es"] .heroCopy h1,
body[data-lang="fr"] .heroCopy h1,
body[data-lang="de"] .heroCopy h1,
body[data-lang="pt"] .heroCopy h1,
body[data-lang="ru"] .heroCopy h1,
body[data-lang="ar"] .heroCopy h1,
body[data-lang="hi"] .heroCopy h1 {
  max-width: 980px;
  line-height: 1.06;
  white-space: nowrap;
}

body[data-lang="ja"] .heroCopy h1 {
  max-width: 980px;
  line-height: 1.12;
  white-space: nowrap;
}

body[data-lang="ko"] .heroCopy h1 {
  max-width: 980px;
  line-height: 1.12;
  white-space: nowrap;
}

body:not([data-lang="zh-CN"]) .heroCopy p {
  max-width: 780px;
}

body[data-lang="ru"] .heroCopy p,
body[data-lang="ar"] .heroCopy p,
body[data-lang="hi"] .heroCopy p,
body[data-lang="de"] .heroCopy p {
  max-width: 820px;
  font-size: clamp(15px, 1.65vw, 19px);
}

body[data-lang="ar"] {
  direction: rtl;
}

body[data-lang="ar"] code,
body[data-lang="ar"] input,
body[data-lang="ar"] select,
body[data-lang="ar"] .showcaseTop strong {
  direction: ltr;
}

body[data-lang="ar"] .siteNav,
body[data-lang="ar"] .hero,
body[data-lang="ar"] .enginePanel,
body[data-lang="ar"] .intelligencePanel,
body[data-lang="ar"] .adminGrid {
  direction: rtl;
}

.heroCopy p {
  max-width: 700px;
  margin: 0 0 30px;
  color: #53647b;
  font-size: clamp(17px, 2vw, 22px);
  font-weight: 600;
  line-height: 1.72;
}

.brandMark,
.siteButton,
.siteSelect,
.heroBadge,
.terminalChrome span,
.featureCard h3,
.featureCard p,
.painGrid h3,
.painGrid p,
.workflowRail h3,
.workflowRail p,
.securityGrid strong,
.securityGrid span,
.intelGrid b,
.intelGrid span,
.compareTable span,
.compareTable strong,
.authCard h1,
.authCard p,
.adminCard h1,
.adminCard h2,
.adminCard p,
th,
td {
  min-width: 0;
  overflow-wrap: anywhere;
}

.heroBadge {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  margin-bottom: 22px;
  padding: 0 14px;
  border: 1px solid rgba(7, 92, 255, 0.18);
  border-radius: 999px;
  color: #0438d6;
  background: linear-gradient(135deg, rgba(232, 241, 255, 0.92), rgba(230, 255, 252, 0.78));
  font-size: 13px;
  font-weight: 950;
  box-shadow: 0 14px 34px rgba(7, 92, 255, 0.1);
}

.heroActions,
.heroTrust {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.heroTrust {
  margin-top: 24px;
  gap: 10px;
}

.heroTrust span {
  padding: 9px 12px;
  border: 1px solid rgba(72, 94, 128, 0.12);
  border-radius: 999px;
  color: #566981;
  background: rgba(255, 255, 255, 0.72);
  font-size: 13px;
  font-weight: 850;
  backdrop-filter: blur(10px);
}

.heroQuote {
  display: inline-grid;
  gap: 4px;
  margin-top: 28px;
  padding: 16px 18px;
  border-left: 3px solid var(--blue);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.64);
  box-shadow: 0 18px 42px rgba(37, 58, 93, 0.08);
}

.heroQuote b {
  color: #07111f;
  font-size: 14px;
  font-weight: 950;
}

.heroQuote span {
  color: #61718a;
  font-size: 13px;
  font-weight: 800;
}

.productShowcase {
  position: relative;
  padding: 20px;
  border: 1px solid rgba(72, 94, 128, 0.16);
  border-radius: 22px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(230, 240, 254, 0.92)),
    radial-gradient(circle at 80% 8%, rgba(14, 183, 167, 0.32), transparent 30%),
    radial-gradient(circle at 12% 88%, rgba(7, 92, 255, 0.18), transparent 34%),
    linear-gradient(135deg, rgba(207, 164, 76, 0.12), transparent 36%);
  box-shadow:
    0 52px 140px rgba(20, 42, 74, 0.24),
    0 0 0 1px rgba(255, 255, 255, 0.75) inset;
  overflow: hidden;
  transform: perspective(1200px) rotateY(-4deg) rotateX(2deg);
  transform-origin: center;
}

body:not([data-lang="zh-CN"]) .productShowcase {
  transform: perspective(1200px) rotateY(-2deg) rotateX(1.5deg);
}

.productShowcase::before {
  content: "";
  position: absolute;
  inset: 10px;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 14px;
  pointer-events: none;
}

.showcaseTop {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  padding: 8px 8px 16px;
}

.showcaseTop span {
  display: block;
  color: #718097;
  font-size: 12px;
  font-weight: 850;
}

.showcaseTop strong {
  display: block;
  margin-top: 5px;
  color: #0a1627;
  font-size: 21px;
  font-weight: 950;
}

.terminalChrome {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: -4px 6px 12px;
}

.terminalChrome span {
  padding: 7px 10px;
  border: 1px solid rgba(72, 94, 128, 0.1);
  border-radius: 999px;
  color: #4f6077;
  background: rgba(255, 255, 255, 0.68);
  font-size: 11px;
  font-weight: 900;
}

.livePill {
  padding: 8px 12px;
  border-radius: 999px;
  color: #017a61;
  background: rgba(14, 183, 167, 0.16);
  font-size: 12px;
  font-weight: 950;
}

.showcaseChart {
  position: relative;
  height: clamp(330px, 45vw, 468px);
  border: 1px solid rgba(72, 94, 128, 0.1);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.7), rgba(235, 244, 255, 0.38)),
    repeating-linear-gradient(to right, transparent 0 48px, rgba(40, 63, 94, 0.07) 49px 50px),
    repeating-linear-gradient(to bottom, transparent 0 54px, rgba(40, 63, 94, 0.07) 55px 56px);
  overflow: hidden;
}

.showcaseChart::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(7, 92, 255, 0.04), transparent 42%, rgba(14, 183, 167, 0.08));
  pointer-events: none;
}

.marketDepthPane {
  position: absolute;
  left: 20px;
  bottom: 22px;
  z-index: 1;
  display: grid;
  gap: 7px;
  width: 132px;
  padding: 12px;
  border: 1px solid rgba(72, 94, 128, 0.1);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.62);
  box-shadow: 0 16px 40px rgba(16, 33, 58, 0.1);
  backdrop-filter: blur(14px);
}

.marketDepthPane i {
  display: block;
  width: var(--w);
  height: 7px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(7, 92, 255, 0.68), rgba(14, 183, 167, 0.7));
}

.chartLine {
  position: absolute;
  left: 7%;
  right: 7%;
  height: 3px;
  border-radius: 999px;
  transform-origin: left center;
}

.lineA {
  top: 34%;
  background: linear-gradient(90deg, transparent, #075cff, transparent);
  transform: rotate(-7deg);
}

.lineB {
  top: 63%;
  background: linear-gradient(90deg, transparent, #0eb7a7, transparent);
  transform: rotate(-7deg);
}

.candles {
  position: absolute;
  inset: 82px 56px 70px;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 12px;
}

.candles i {
  position: relative;
  display: block;
  width: 14px;
  height: var(--h, 92px);
  border-radius: 4px;
  background: #0eb7a7;
  color: #0eb7a7;
  box-shadow: 0 0 0 1px rgba(14, 183, 167, 0.18);
}

.candles i:nth-child(2n) {
  --h: 128px;
  color: #e24d62;
  background: #e24d62;
}

.candles i:nth-child(3n) {
  --h: 178px;
}

.candles i:nth-child(4n) {
  --h: 112px;
}

.candles i:nth-child(5n) {
  --h: 205px;
}

.candles i::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -30px;
  bottom: -30px;
  width: 2px;
  background: currentColor;
  opacity: 0.45;
  transform: translateX(-50%);
}

.priceTag,
.riskTag {
  position: absolute;
  right: 22px;
  z-index: 2;
  padding: 9px 12px;
  border-radius: 8px;
  color: #fff;
  font-size: 12px;
  font-weight: 950;
  box-shadow: 0 14px 32px rgba(16, 33, 58, 0.18);
  backdrop-filter: blur(8px);
}

.buyTag {
  top: 35%;
  background: #0eb7a7;
}

.tpTag {
  top: 58%;
  background: #0b1e35;
}

.riskTag {
  top: 76%;
  color: #7f1d2d;
  background: rgba(255, 236, 239, 0.94);
}

.showcaseFloat {
  position: absolute;
  z-index: 3;
  display: grid;
  gap: 3px;
  width: min(210px, 42%);
  padding: 14px 15px;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 20px 52px rgba(16, 33, 58, 0.16);
  backdrop-filter: blur(16px);
}

.showcaseFloat span {
  color: var(--blue);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.14em;
}

.showcaseFloat b {
  color: #07111f;
  font-size: 15px;
  font-weight: 950;
}

.showcaseFloat em {
  color: #63748b;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}

.leftFloat {
  left: 24px;
  top: 18px;
}

.rightFloat {
  right: 24px;
  bottom: 24px;
}

.decisionDeck {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 14px;
}

.decisionDeck article {
  padding: 16px;
  border: 1px solid rgba(72, 94, 128, 0.12);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 12px 28px rgba(37, 58, 93, 0.06);
}

.decisionDeck span,
.decisionDeck em {
  display: block;
  color: #718097;
  font-size: 12px;
  font-style: normal;
  font-weight: 850;
}

.decisionDeck b {
  display: block;
  margin: 7px 0 5px;
  color: #0a1627;
  font-size: 20px;
  font-weight: 950;
}

.showcaseFooter {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
  padding: 0 4px 2px;
}

.showcaseFooter span {
  padding: 9px 12px;
  border: 1px solid rgba(72, 94, 128, 0.1);
  border-radius: 8px;
  color: #314258;
  background: rgba(255, 255, 255, 0.68);
  font-size: 12px;
  font-weight: 900;
}

.showcaseFooter span:first-child {
  color: #073fc1;
  background: rgba(232, 241, 255, 0.88);
}

.tickerStrip {
  display: flex;
  gap: 10px;
  margin: -24px 0 34px;
  padding: 12px clamp(20px, 5vw, 72px);
  border-block: 1px solid rgba(72, 94, 128, 0.12);
  background: rgba(255, 255, 255, 0.58);
  max-width: 100vw;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
}

.tickerStrip::-webkit-scrollbar {
  display: none;
}

.tickerStrip span {
  flex: 0 0 auto;
  padding: 8px 12px;
  border: 1px solid rgba(72, 94, 128, 0.1);
  border-radius: 999px;
  color: #52637a;
  background: rgba(255, 255, 255, 0.8);
  font-size: 12px;
  font-weight: 950;
}

.proofStrip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  margin: 0 clamp(20px, 5vw, 72px);
  border: 1px solid rgba(72, 94, 128, 0.12);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(7, 92, 255, 0.18), rgba(14, 183, 167, 0.16));
  box-shadow: 0 26px 70px rgba(37, 58, 93, 0.12);
  overflow: hidden;
}

.proofStrip div {
  padding: 28px;
  background: rgba(255, 255, 255, 0.82);
  backdrop-filter: blur(16px);
}

.proofStrip b,
.proofStrip span {
  display: block;
}

.proofStrip b {
  color: #061120;
  font-size: clamp(24px, 3vw, 36px);
  font-weight: 950;
}

.proofStrip span {
  margin-top: 8px;
  color: #607087;
  font-weight: 800;
}

.section {
  padding: 86px clamp(20px, 5vw, 72px);
}

.sectionIntro {
  max-width: 790px;
  margin-bottom: 28px;
}

.sectionIntro.wide {
  max-width: 920px;
}

.sectionIntro.compact {
  margin: 0;
}

.sectionIntro span {
  display: inline-block;
  margin-bottom: 12px;
  color: var(--royal);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 0.16em;
}

.sectionIntro h2 {
  margin: 0 0 18px;
  color: #07111f;
  font-size: clamp(34px, 4.2vw, 54px);
  font-weight: 950;
  line-height: 1.08;
}

.sectionIntro p {
  margin: 0;
  color: #62728a;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.72;
}

.productBand {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.22), rgba(232, 241, 255, 0.72)),
    radial-gradient(circle at 86% 18%, rgba(7, 92, 255, 0.1), transparent 26%);
}

.painBand {
  padding-top: 92px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0.86)),
    radial-gradient(circle at 12% 12%, rgba(207, 164, 76, 0.12), transparent 26%);
}

.painGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.painGrid article {
  min-height: 236px;
  padding: 28px;
  border: 1px solid rgba(72, 94, 128, 0.12);
  border-radius: 10px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(239, 246, 255, 0.76)),
    radial-gradient(circle at 86% 14%, rgba(7, 92, 255, 0.14), transparent 28%);
  box-shadow: 0 26px 64px rgba(37, 58, 93, 0.11);
  transition: transform 180ms ease, box-shadow 180ms ease;
}

.painGrid article:hover,
.featureCard:hover,
.intelGrid article:hover,
.securityGrid article:hover {
  transform: translateY(-5px);
  box-shadow: 0 34px 78px rgba(37, 58, 93, 0.15);
}

.painGrid span,
.workflowRail span {
  display: inline-flex;
  margin-bottom: 28px;
  color: var(--blue);
  font-size: 13px;
  font-weight: 950;
}

.painGrid h3,
.workflowRail h3 {
  margin: 0 0 12px;
  color: #07111f;
  font-size: 23px;
  font-weight: 950;
}

.painGrid p,
.workflowRail p {
  margin: 0;
  color: #5f6f85;
  font-weight: 650;
  line-height: 1.66;
}

.featureGrid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.featureCard,
.authCard,
.adminCard {
  border: 1px solid rgba(72, 94, 128, 0.14);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 24px 58px rgba(37, 58, 93, 0.1);
}

.featureCard {
  min-height: 228px;
  padding: 26px;
  position: relative;
  overflow: hidden;
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.featureCard::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(7, 92, 255, 0.08), transparent 44%, rgba(14, 183, 167, 0.08));
  opacity: 0;
  transition: opacity 160ms ease;
}

.featureCard:hover {
  border-color: rgba(7, 92, 255, 0.22);
}

.featureCard:hover::before {
  opacity: 1;
}

.featureCard > * {
  position: relative;
  z-index: 1;
}

.featureCard b {
  display: inline-flex;
  margin-bottom: 24px;
  color: var(--blue);
  font-size: 13px;
  font-weight: 950;
}

.featureCard h3 {
  margin: 0 0 11px;
  color: #0a1627;
  font-size: 20px;
  font-weight: 950;
}

.featureCard p {
  margin: 0;
  color: #5f6f85;
  font-weight: 600;
  line-height: 1.62;
}

.engineBand {
  padding-top: 42px;
}

.workflowBand {
  background:
    linear-gradient(180deg, #ffffff, #f4f8ff),
    radial-gradient(circle at 80% 18%, rgba(14, 183, 167, 0.1), transparent 28%);
}

.workflowRail {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  border: 1px solid rgba(72, 94, 128, 0.12);
  border-radius: 18px;
  box-shadow: 0 28px 78px rgba(37, 58, 93, 0.1);
  overflow: hidden;
}

.workflowRail article {
  min-height: 260px;
  padding: 28px;
  border-right: 1px solid rgba(72, 94, 128, 0.12);
  background:
    linear-gradient(180deg, #ffffff, #f4f8ff),
    radial-gradient(circle at 90% 12%, rgba(7, 92, 255, 0.08), transparent 28%);
}

.workflowRail article:last-child {
  border-right: 0;
}

.intelligenceBand {
  background:
    linear-gradient(135deg, rgba(7, 17, 31, 0.97), rgba(10, 51, 89, 0.94)),
    radial-gradient(circle at 12% 16%, rgba(14, 183, 167, 0.24), transparent 28%),
    radial-gradient(circle at 86% 8%, rgba(7, 92, 255, 0.22), transparent 30%);
  color: #fff;
}

.intelligenceBand .sectionIntro h2 {
  color: #fff;
}

.intelligenceBand .sectionIntro span,
.intelligenceBand .sectionIntro p {
  color: rgba(223, 238, 255, 0.76);
}

.intelligencePanel {
  display: grid;
  grid-template-columns: 0.82fr 1.18fr;
  gap: 28px;
  align-items: stretch;
}

.intelGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.intelGrid article {
  display: grid;
  gap: 12px;
  padding: 22px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.08);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.12);
  transition: transform 180ms ease, background 180ms ease, box-shadow 180ms ease;
}

.intelGrid b {
  color: #fff;
  font-size: 19px;
  font-weight: 950;
}

.intelGrid span {
  color: rgba(223, 238, 255, 0.72);
  font-weight: 650;
  line-height: 1.62;
}

.enginePanel {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 34px;
  align-items: center;
  padding: clamp(30px, 5vw, 58px);
  border: 1px solid rgba(72, 94, 128, 0.14);
  border-radius: 22px;
  color: #fff;
  background:
    linear-gradient(135deg, rgba(8, 25, 45, 0.98), rgba(13, 55, 92, 0.95)),
    radial-gradient(circle at 90% 12%, rgba(14, 183, 167, 0.3), transparent 30%);
  box-shadow: 0 42px 110px rgba(16, 33, 58, 0.28);
}

.enginePanel .sectionIntro span,
.enginePanel .sectionIntro p {
  color: rgba(223, 238, 255, 0.76);
}

.enginePanel .sectionIntro h2 {
  color: #fff;
}

.engineSteps {
  display: grid;
  gap: 12px;
}

.engineSteps div {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.08);
}

.engineSteps span {
  display: grid;
  width: 42px;
  height: 42px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 8px;
  color: #10213a;
  background: #dff8ff;
  font-weight: 950;
}

.engineSteps b {
  font-size: 17px;
}

.securityGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.securityGrid article {
  display: grid;
  gap: 12px;
  padding: 24px;
  border-left: 4px solid var(--blue);
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 20px 50px rgba(37, 58, 93, 0.1);
  transition: transform 180ms ease, box-shadow 180ms ease;
}

.securityGrid strong {
  color: #0a1627;
  font-size: 19px;
  font-weight: 950;
}

.securityGrid span {
  color: #5f6f85;
  font-weight: 600;
  line-height: 1.62;
}

.compareBand {
  background:
    linear-gradient(180deg, #ffffff, #eef5ff),
    radial-gradient(circle at 12% 12%, rgba(7, 92, 255, 0.1), transparent 28%);
}

.compareTable {
  border: 1px solid rgba(72, 94, 128, 0.12);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 30px 82px rgba(37, 58, 93, 0.13);
  overflow: hidden;
}

.compareTable > div {
  display: grid;
  grid-template-columns: 1.1fr 1fr 1.2fr;
  gap: 1px;
  border-bottom: 1px solid rgba(72, 94, 128, 0.1);
}

.compareTable > div:last-child {
  border-bottom: 0;
}

.compareTable span,
.compareTable strong {
  padding: 18px 20px;
  color: #53647b;
  font-weight: 800;
}

.compareTable strong {
  color: #07111f;
  background: linear-gradient(90deg, rgba(232, 241, 255, 0.86), rgba(233, 255, 252, 0.72));
}

.compareHead span {
  color: #07111f;
  background: #f2f6fc;
  font-weight: 950;
}

.finalCta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  margin: 0 clamp(20px, 5vw, 72px) 72px;
  padding: clamp(30px, 5vw, 54px);
  border-radius: 24px;
  color: #fff;
  background:
    linear-gradient(135deg, rgba(8, 25, 45, 0.98), rgba(7, 92, 255, 0.86)),
    radial-gradient(circle at 90% 14%, rgba(14, 183, 167, 0.35), transparent 28%);
  box-shadow: 0 44px 120px rgba(16, 33, 58, 0.3);
  overflow: hidden;
  position: relative;
}

.finalCta::before {
  content: "";
  position: absolute;
  width: 320px;
  height: 320px;
  right: -90px;
  top: -120px;
  border-radius: 999px;
  background: rgba(207, 164, 76, 0.2);
  filter: blur(6px);
}

.finalCta > * {
  position: relative;
  z-index: 1;
}

.finalCta span {
  display: inline-block;
  margin-bottom: 12px;
  color: rgba(223, 238, 255, 0.78);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 0.16em;
}

.finalCta h2 {
  max-width: 820px;
  margin: 0 0 14px;
  color: #fff;
  font-size: clamp(30px, 4vw, 48px);
  line-height: 1.08;
}

.finalCta p {
  max-width: 760px;
  margin: 0;
  color: rgba(223, 238, 255, 0.78);
  font-weight: 650;
  line-height: 1.66;
}

.ctaActions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: flex-end;
  min-width: 260px;
}

.finalCta .siteButton {
  background: #fff;
  color: #07111f;
}

.finalCta .siteButton.secondary {
  color: #fff;
  background: rgba(255, 255, 255, 0.14);
}

.authShell,
.adminShell {
  width: min(1100px, calc(100% - 32px));
  margin: 0 auto;
  padding: 42px 0;
}

.authCard,
.adminCard {
  padding: 28px;
}

.authCard {
  max-width: 540px;
  margin: 42px auto;
}

.authCard h1,
.adminCard h1 {
  margin: 22px 0 8px;
  color: #07111f;
  font-size: 34px;
  font-weight: 950;
}

.adminCard h1 {
  margin-top: 0;
}

.authCard h2,
.adminCard h2 {
  margin: 0 0 14px;
  color: #0a1627;
}

.authCard p,
.adminCard p {
  color: #66758b;
  font-weight: 600;
  line-height: 1.62;
}

.field {
  display: grid;
  gap: 8px;
  margin: 14px 0;
  color: #14233a;
  font-weight: 900;
}

.authNotice,
.formMsg {
  min-height: 22px;
  color: #b42318;
  font-weight: 800;
}

.adminGrid {
  display: grid;
  grid-template-columns: 360px minmax(0, 1fr);
  gap: 18px;
}

.adminStats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin: 18px 0;
}

.adminStats div {
  padding: 16px;
  border: 1px solid rgba(72, 94, 128, 0.12);
  border-radius: 10px;
  background: #eef5ff;
}

.adminStats b {
  display: block;
  color: #07111f;
  font-size: 28px;
}

.adminStats span {
  color: #66758b;
  font-size: 13px;
  font-weight: 850;
}

.tableWrap {
  overflow: auto;
  border: 1px solid rgba(72, 94, 128, 0.12);
  border-radius: 10px;
}

table {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
}

th,
td {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(72, 94, 128, 0.1);
  text-align: left;
  white-space: nowrap;
}

th {
  color: #52637a;
  background: #f2f6fc;
  font-weight: 950;
}

.codeList {
  display: grid;
  gap: 8px;
  max-height: 280px;
  overflow: auto;
  margin-top: 14px;
}

.codeList code {
  padding: 10px;
  border-radius: 8px;
  color: #dff8ff;
  background: #10213a;
}

@media (max-width: 1040px) {
  .hero,
  .enginePanel,
  .adminGrid,
  .intelligencePanel {
    grid-template-columns: 1fr;
  }

  body[data-lang="en"] .heroCopy h1,
  body[data-lang="es"] .heroCopy h1,
  body[data-lang="fr"] .heroCopy h1,
  body[data-lang="de"] .heroCopy h1,
  body[data-lang="ja"] .heroCopy h1,
  body[data-lang="ko"] .heroCopy h1,
  body[data-lang="ru"] .heroCopy h1,
  body[data-lang="ar"] .heroCopy h1,
  body[data-lang="hi"] .heroCopy h1,
  body[data-lang="pt"] .heroCopy h1 {
    white-space: nowrap;
  }

  .featureGrid,
  .proofStrip,
  .workflowRail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .workflowRail article:nth-child(2n) {
    border-right: 0;
  }

  .finalCta {
    align-items: flex-start;
    flex-direction: column;
  }

  .ctaActions {
    justify-content: flex-start;
  }
}

@media (max-width: 760px) {
  .siteNav {
    align-items: flex-start;
    flex-direction: column;
  }

  .navLinks,
  .navActions {
    width: 100%;
    flex-wrap: wrap;
  }

  .siteSelect {
    flex: 1 1 180px;
  }

  .hero {
    padding-top: 42px;
  }

  .heroCopy h1 {
    font-size: clamp(52px, 18vw, 84px);
  }

  .productShowcase {
    padding: 12px;
    transform: none;
  }

  .decisionDeck,
  .featureGrid,
  .painGrid,
  .proofStrip,
  .workflowRail,
  .intelGrid,
  .securityGrid,
  .adminStats {
    grid-template-columns: 1fr;
  }

  .workflowRail article {
    border-right: 0;
    border-bottom: 1px solid rgba(72, 94, 128, 0.12);
  }

  .workflowRail article:last-child {
    border-bottom: 0;
  }

  .compareTable > div {
    grid-template-columns: 1fr;
  }

  .candles {
    inset-inline: 28px;
    gap: 7px;
  }

  .candles i {
    width: 10px;
  }
}

/* Cinematic institutional finance direction for the public website. */
body.marketing {
  color: #eef6ff;
  background:
    radial-gradient(circle at 18% 10%, rgba(22, 93, 255, 0.36), transparent 30%),
    radial-gradient(circle at 86% 12%, rgba(14, 183, 167, 0.24), transparent 28%),
    radial-gradient(circle at 62% 0%, rgba(207, 164, 76, 0.18), transparent 26%),
    linear-gradient(180deg, #07101e 0%, #0a1424 38%, #0d1728 72%, #f5f8ff 100%);
}

body.marketing::before {
  z-index: 0;
  background:
    linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.92), transparent 82%);
}

body.marketing::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  background:
    linear-gradient(115deg, transparent 0 42%, rgba(255, 255, 255, 0.055) 43%, transparent 48%),
    radial-gradient(circle at 50% 50%, transparent, rgba(2, 8, 18, 0.42));
  pointer-events: none;
}

body.marketing::after,
body.authPage::after,
body.adminPage::after {
  background:
    radial-gradient(520px circle at var(--spot-x, 50%) var(--spot-y, 24%), rgba(125, 231, 255, 0.16), transparent 42%),
    radial-gradient(circle at 50% 50%, transparent, rgba(2, 8, 18, 0.46));
  transition: background 180ms ease;
}

body.marketing > * {
  position: relative;
  z-index: 1;
}

body.marketing,
body.authPage,
body.adminPage,
body.marketing a,
body.authPage a,
body.adminPage a,
body.marketing button,
body.authPage button,
body.adminPage button,
body.marketing select,
body.authPage select,
body.adminPage select {
  cursor: var(--tm-cursor-arrow), auto;
}

input,
textarea {
  cursor: text;
}

.tmCursor,
.tmCursorRing {
  display: none;
}

.tmCursor {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #05070a;
  border: 1px solid rgba(255, 255, 255, 0.82);
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.55),
    0 10px 24px rgba(0, 0, 0, 0.28);
}

.tmCursorRing {
  width: 36px;
  height: 36px;
  border: 2px solid rgba(255, 255, 255, 0.92);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.015);
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.36),
    0 12px 34px rgba(0, 0, 0, 0.3),
    inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  mix-blend-mode: normal;
}

body.tmCursorReady .tmCursor,
body.tmCursorReady .tmCursorRing {
  opacity: 1;
}

body.tmCursorHover .tmCursor {
  width: 9px;
  height: 9px;
  background: #000000;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.92),
    0 14px 30px rgba(0, 0, 0, 0.34);
}

body.tmCursorHover .tmCursorRing {
  width: 58px;
  height: 58px;
  border-color: rgba(255, 255, 255, 0.96);
  background: rgba(255, 255, 255, 0.035);
}

@media (pointer: coarse), (prefers-reduced-motion: reduce) {
  body.marketing,
  body.authPage,
  body.adminPage,
  body.marketing a,
  body.authPage a,
  body.adminPage a,
  body.marketing button,
  body.authPage button,
  body.adminPage button,
  body.marketing select,
  body.authPage select,
  body.adminPage select {
    cursor: auto;
  }

  .tmCursor,
  .tmCursorRing {
    display: none;
  }
}

.siteNav,
.heroStage,
.heroCopy,
.productShowcase,
.tickerStrip,
.proofStrip,
.section,
.authCard,
.adminCard {
  animation: tmReveal 720ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
}

.productShowcase,
.authCard,
.adminCard,
.featureCard,
.painGrid article,
.workflowRail article,
.securityGrid article,
.intelGrid article {
  position: relative;
}

.productShowcase::after,
.authCard::after,
.adminCard::after,
.featureCard::after,
.painGrid article::after,
.workflowRail article::after,
.securityGrid article::after,
.intelGrid article::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  background:
    radial-gradient(360px circle at var(--card-x, 50%) var(--card-y, 0%), rgba(125, 231, 255, 0.16), transparent 46%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.12), transparent 34%, rgba(207, 164, 76, 0.08));
  opacity: 0;
  pointer-events: none;
  transition: opacity 220ms ease;
}

.productShowcase:hover::after,
.authCard:hover::after,
.adminCard:hover::after,
.featureCard:hover::after,
.painGrid article:hover::after,
.workflowRail article:hover::after,
.securityGrid article:hover::after,
.intelGrid article:hover::after {
  opacity: 1;
}

.productShowcase > *,
.authCard > *,
.adminCard > *,
.featureCard > *,
.painGrid article > *,
.workflowRail article > *,
.securityGrid article > *,
.intelGrid article > * {
  position: relative;
  z-index: 1;
}

@keyframes tmReveal {
  from {
    opacity: 0;
    transform: translateY(26px) scale(0.985);
    filter: blur(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
}

@keyframes tmFloat {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, -10px, 0);
  }
}

body.marketing .siteNav {
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
  background: linear-gradient(180deg, rgba(5, 13, 27, 0.88), rgba(5, 13, 27, 0.62));
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.24);
}

body.marketing .brandMark,
body.marketing .navLinks a {
  color: rgba(239, 247, 255, 0.92);
}

body.marketing .navLinks a:hover {
  color: #7de7ff;
}

body.marketing .siteSelect {
  border-color: rgba(255, 255, 255, 0.14);
  color: #f4f9ff;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.05)),
    rgba(6, 18, 35, 0.86);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.18);
}

body.marketing .siteSelect option {
  color: #07111f;
  background: #ffffff;
}

body.marketing .siteButton {
  color: #061120;
  background: linear-gradient(135deg, #e9f4ff, #79e8ff 56%, #cfa44c);
  box-shadow: 0 18px 48px rgba(60, 198, 255, 0.22);
}

body.marketing .siteButton.secondary {
  color: #eef6ff;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.08);
}

body.marketing .hero {
  min-height: calc(100vh - 74px);
}

body.marketing .heroStage {
  border-color: rgba(255, 255, 255, 0.1);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.08), transparent 42%, rgba(36, 137, 255, 0.1)),
    radial-gradient(circle at 20% 18%, rgba(22, 93, 255, 0.22), transparent 30%),
    radial-gradient(circle at 88% 18%, rgba(14, 183, 167, 0.16), transparent 28%),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px 84px);
  box-shadow:
    0 40px 120px rgba(0, 0, 0, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

body.marketing .heroStage::before {
  width: 42%;
  height: 140%;
  left: 8%;
  top: -20%;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(125, 231, 255, 0.16), transparent);
  filter: blur(18px);
  transform: rotate(18deg);
  animation: tmBeam 7s ease-in-out infinite;
}

body.marketing .heroStage::after {
  width: 32%;
  height: 120%;
  right: 6%;
  bottom: -24%;
  left: auto;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(207, 164, 76, 0.12), transparent);
  filter: blur(20px);
  transform: rotate(22deg);
  animation: tmBeam 8.5s ease-in-out infinite reverse;
}

body.marketing .heroBadge {
  color: #9fefff;
  border-color: rgba(125, 231, 255, 0.28);
  background: rgba(125, 231, 255, 0.08);
  box-shadow: 0 20px 60px rgba(30, 125, 255, 0.18);
}

body.marketing .heroCopy h1 {
  color: #f7fbff;
  text-shadow: 0 22px 90px rgba(95, 190, 255, 0.28);
}

body.marketing .heroCopy h1[data-fit-ready="1"] {
  max-width: 100%;
  overflow-wrap: anywhere;
}

body.marketing .heroCopy p {
  color: rgba(224, 237, 255, 0.76);
}

body.marketing .heroTrust span,
body.marketing .heroQuote {
  color: rgba(224, 237, 255, 0.78);
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.075);
}

body.marketing .heroQuote {
  border-left-color: #7de7ff;
}

body.marketing .heroQuote b {
  color: #ffffff;
}

body.marketing .heroQuote span {
  color: rgba(224, 237, 255, 0.72);
}

body.marketing .productShowcase {
  border-color: rgba(255, 255, 255, 0.12);
  background:
    linear-gradient(180deg, rgba(14, 29, 52, 0.94), rgba(5, 14, 28, 0.92)),
    radial-gradient(circle at 78% 8%, rgba(14, 183, 167, 0.2), transparent 32%),
    radial-gradient(circle at 10% 92%, rgba(48, 112, 255, 0.2), transparent 36%);
  box-shadow:
    0 60px 150px rgba(0, 0, 0, 0.34),
    0 0 0 1px rgba(255, 255, 255, 0.08) inset;
  animation: tmReveal 760ms cubic-bezier(0.2, 0.8, 0.2, 1) both, tmFloat 8s ease-in-out 1.1s infinite;
}

body.marketing .productShowcase::before {
  border-color: rgba(255, 255, 255, 0.1);
}

body.marketing .showcaseTop span,
body.marketing .decisionDeck span,
body.marketing .decisionDeck em,
body.marketing .showcaseFloat em {
  color: rgba(220, 235, 255, 0.62);
}

body.marketing .showcaseTop strong,
body.marketing .decisionDeck b,
body.marketing .showcaseFloat b {
  color: #f7fbff;
}

body.marketing .terminalChrome span,
body.marketing .showcaseFloat,
body.marketing .marketDepthPane,
body.marketing .decisionDeck article,
body.marketing .showcaseFooter span {
  border-color: rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.075);
  color: rgba(230, 242, 255, 0.84);
}

body.marketing .showcaseChart {
  border-color: rgba(255, 255, 255, 0.09);
  background:
    linear-gradient(180deg, rgba(10, 22, 42, 0.74), rgba(7, 16, 31, 0.52)),
    repeating-linear-gradient(to right, transparent 0 48px, rgba(255, 255, 255, 0.055) 49px 50px),
    repeating-linear-gradient(to bottom, transparent 0 54px, rgba(255, 255, 255, 0.055) 55px 56px);
}

body.marketing .showcaseChart::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(180deg, transparent 0 46%, rgba(125, 231, 255, 0.16) 47%, transparent 49%),
    linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.08), transparent);
  transform: translateY(-70%);
  animation: tmScan 5.2s ease-in-out infinite;
  pointer-events: none;
}

@keyframes tmBeam {
  0%, 100% {
    opacity: 0.28;
    transform: translateX(-4%) rotate(18deg);
  }
  50% {
    opacity: 0.74;
    transform: translateX(10%) rotate(18deg);
  }
}

@keyframes tmScan {
  0%, 14% {
    opacity: 0;
    transform: translateY(-85%);
  }
  22%, 64% {
    opacity: 1;
  }
  82%, 100% {
    opacity: 0;
    transform: translateY(92%);
  }
}

body.marketing .tickerStrip {
  border-block-color: rgba(255, 255, 255, 0.1);
  background: rgba(5, 14, 28, 0.58);
}

body.marketing .tickerStrip span {
  color: rgba(230, 242, 255, 0.78);
  border-color: rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.075);
}

body.marketing .proofStrip {
  border-color: rgba(255, 255, 255, 0.1);
  background: linear-gradient(135deg, rgba(125, 231, 255, 0.16), rgba(207, 164, 76, 0.14));
}

body.marketing .proofStrip div {
  background: rgba(7, 17, 31, 0.76);
}

body.marketing .proofStrip b {
  color: #ffffff;
}

body.marketing .proofStrip span {
  color: rgba(224, 237, 255, 0.66);
}

body.marketing .painBand,
body.marketing .productBand,
body.marketing .workflowBand,
body.marketing .compareBand {
  background:
    linear-gradient(180deg, rgba(8, 18, 34, 0.95), rgba(11, 24, 43, 0.92)),
    radial-gradient(circle at 16% 10%, rgba(22, 93, 255, 0.12), transparent 28%);
}

body.marketing .sectionIntro span {
  color: #7de7ff;
}

body.marketing .sectionIntro h2 {
  color: #f7fbff;
}

body.marketing .sectionIntro p {
  color: rgba(224, 237, 255, 0.68);
}

body.marketing .painGrid article,
body.marketing .featureCard,
body.marketing .workflowRail article,
body.marketing .securityGrid article,
body.marketing .compareTable {
  border-color: rgba(255, 255, 255, 0.1);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.045)),
    rgba(8, 18, 34, 0.8);
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.2);
}

body.marketing .painGrid h3,
body.marketing .featureCard h3,
body.marketing .workflowRail h3,
body.marketing .securityGrid strong {
  color: #ffffff;
}

body.marketing .painGrid p,
body.marketing .featureCard p,
body.marketing .workflowRail p,
body.marketing .securityGrid span {
  color: rgba(224, 237, 255, 0.68);
}

body.marketing .workflowRail {
  border-color: rgba(255, 255, 255, 0.1);
}

body.marketing .workflowRail article {
  border-right-color: rgba(255, 255, 255, 0.1);
}

body.marketing .compareTable span,
body.marketing .compareTable strong {
  color: rgba(224, 237, 255, 0.76);
}

body.marketing .compareTable strong,
body.marketing .compareHead span {
  color: #ffffff;
  background: rgba(125, 231, 255, 0.08);
}

body.marketing .finalCta {
  background:
    linear-gradient(135deg, rgba(10, 23, 43, 0.98), rgba(9, 70, 155, 0.88)),
    radial-gradient(circle at 90% 14%, rgba(207, 164, 76, 0.26), transparent 28%);
}

/* Hero composition balance: keep copy and terminal aligned like one premium dashboard scene. */
body.marketing .hero {
  grid-template-columns: minmax(470px, 0.96fr) minmax(560px, 1.04fr);
  align-items: stretch;
  gap: clamp(34px, 4vw, 66px);
  padding-inline: clamp(56px, 6.4vw, 104px);
}

body.marketing .heroCopy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  min-height: 720px;
  padding: clamp(34px, 5vh, 72px) clamp(18px, 2.8vw, 54px) clamp(34px, 5vh, 72px) clamp(34px, 4.2vw, 76px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 24px;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.025) 62%, transparent),
    radial-gradient(circle at 8% 26%, rgba(125, 231, 255, 0.1), transparent 34%);
  box-shadow:
    inset 1px 0 0 rgba(125, 231, 255, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

body.marketing .productShowcase {
  align-self: center;
  width: 100%;
  min-height: 720px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

body.marketing .showcaseChart {
  flex: 1 1 auto;
  min-height: 420px;
}

body.marketing .heroStage {
  inset-inline: clamp(42px, 4.8vw, 90px);
}

@media (max-width: 1280px) {
  body.marketing .hero {
    grid-template-columns: minmax(410px, 0.95fr) minmax(500px, 1.05fr);
    padding-inline: clamp(38px, 4vw, 70px);
  }

  body.marketing .heroCopy,
  body.marketing .productShowcase {
    min-height: 660px;
  }

  body.marketing .heroCopy {
    padding-left: clamp(28px, 3.4vw, 54px);
  }
}

@media (max-width: 1040px) {
  body.marketing .hero {
    grid-template-columns: 1fr;
    padding-inline: clamp(22px, 5vw, 48px);
  }

  body.marketing .heroCopy,
  body.marketing .productShowcase {
    min-height: auto;
  }

  body.marketing .heroCopy {
    padding: 40px clamp(8px, 2vw, 18px) 10px;
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  body.marketing .showcaseChart {
    min-height: 340px;
  }
}

@media (max-width: 760px) {
  body.marketing .heroCopy {
    padding-inline: 0;
  }
}

/* Shared premium terminal skin for login and admin pages. */
body.authPage,
body.adminPage {
  position: relative;
  overflow-x: hidden;
  color: #f3f8ff;
  background:
    radial-gradient(circle at 16% 12%, rgba(38, 106, 255, 0.26), transparent 32%),
    radial-gradient(circle at 88% 10%, rgba(14, 183, 167, 0.2), transparent 30%),
    radial-gradient(circle at 52% 86%, rgba(207, 164, 76, 0.12), transparent 34%),
    linear-gradient(135deg, #04101f 0%, #07182d 48%, #08111f 100%);
}

body.authPage::before,
body.adminPage::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  background:
    linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(115deg, transparent 0 42%, rgba(125, 231, 255, 0.055) 43%, transparent 49%);
  background-size: 56px 56px, 56px 56px, auto;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.94), transparent 86%);
  pointer-events: none;
}

body.authPage::after,
body.adminPage::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  background:
    radial-gradient(520px circle at var(--spot-x, 50%) var(--spot-y, 24%), rgba(125, 231, 255, 0.16), transparent 42%),
    radial-gradient(circle at 50% 50%, transparent, rgba(2, 8, 18, 0.46));
  pointer-events: none;
}

body.authPage > *,
body.adminPage > * {
  position: relative;
  z-index: 1;
}

body.authPage .siteNav,
body.adminPage .siteNav {
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
  background: linear-gradient(180deg, rgba(5, 13, 27, 0.9), rgba(5, 13, 27, 0.64));
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.24);
}

body.authPage .brandMark,
body.adminPage .brandMark {
  color: rgba(239, 247, 255, 0.94);
}

body.authPage .siteSelect,
body.adminPage .siteSelect {
  border-color: rgba(255, 255, 255, 0.14);
  color: #f4f9ff;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.05)),
    rgba(6, 18, 35, 0.86);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.18);
}

body.authPage .siteSelect option,
body.adminPage .siteSelect option {
  color: #07111f;
  background: #ffffff;
}

body.authPage .siteButton,
body.adminPage .siteButton {
  color: #061120;
  background: linear-gradient(135deg, #e9f4ff, #79e8ff 56%, #cfa44c);
  box-shadow: 0 18px 48px rgba(60, 198, 255, 0.22);
}

body.authPage .siteButton.secondary,
body.adminPage .siteButton.secondary {
  color: #eef6ff;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.08);
  box-shadow: none;
}

body.authPage .authShell {
  position: relative;
  display: grid;
  grid-template-columns: minmax(360px, 0.92fr) minmax(420px, 0.68fr);
  align-items: center;
  gap: clamp(32px, 5vw, 86px);
  width: min(1280px, calc(100% - 64px));
  min-height: calc(100vh - 74px);
  padding: clamp(48px, 7vw, 96px) 0;
}

body.authPage .authShell::before {
  content: "Trading Master Access";
  display: flex;
  align-items: flex-end;
  min-height: 620px;
  padding: clamp(34px, 5vw, 70px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 26px;
  color: rgba(247, 251, 255, 0.94);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.075), transparent 42%, rgba(36, 137, 255, 0.12)),
    radial-gradient(circle at 20% 18%, rgba(22, 93, 255, 0.26), transparent 30%),
    radial-gradient(circle at 88% 18%, rgba(14, 183, 167, 0.18), transparent 28%),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px 84px);
  box-shadow:
    0 40px 120px rgba(0, 0, 0, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.16);
  font-size: clamp(48px, 7vw, 96px);
  font-weight: 950;
  line-height: 0.96;
  text-shadow: 0 22px 90px rgba(95, 190, 255, 0.28);
  animation: tmReveal 760ms cubic-bezier(0.2, 0.8, 0.2, 1) both, tmFloat 8.5s ease-in-out 1.2s infinite;
}

body.authPage .authCard,
body.adminPage .authCard,
body.adminPage .adminCard {
  border-color: rgba(255, 255, 255, 0.12);
  background:
    linear-gradient(180deg, rgba(14, 29, 52, 0.94), rgba(5, 14, 28, 0.92)),
    radial-gradient(circle at 78% 8%, rgba(14, 183, 167, 0.16), transparent 32%),
    radial-gradient(circle at 10% 92%, rgba(48, 112, 255, 0.16), transparent 36%);
  box-shadow:
    0 54px 140px rgba(0, 0, 0, 0.34),
    0 0 0 1px rgba(255, 255, 255, 0.08) inset;
}

body.authPage .authCard::before,
body.adminPage .authCard::before,
body.adminPage #adminPanel.adminCard::before {
  content: "";
  position: absolute;
  inset: 12px;
  z-index: 0;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: inherit;
  background:
    linear-gradient(115deg, transparent 0 38%, rgba(125, 231, 255, 0.08) 40%, transparent 45%),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.03) 0 1px, transparent 1px 72px);
  pointer-events: none;
}

body.authPage .authCard {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: clamp(28px, 4vw, 44px);
  border-radius: 22px;
}

body.authPage .authCard h1,
body.adminPage .authCard h1,
body.adminPage .adminCard h1,
body.adminPage .adminCard h2 {
  color: #f7fbff;
  text-shadow: 0 16px 58px rgba(95, 190, 255, 0.18);
}

body.authPage .authCard p,
body.adminPage .authCard p,
body.adminPage .adminCard p {
  color: rgba(224, 237, 255, 0.68);
}

body.authPage .field,
body.adminPage .field {
  color: rgba(231, 243, 255, 0.9);
}

body.authPage .field input,
body.authPage .field select,
body.adminPage .field input,
body.adminPage .field select,
body.adminPage .adminCard input {
  border-color: rgba(255, 255, 255, 0.12);
  color: #f4f9ff;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.055)),
    rgba(4, 14, 28, 0.86);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

body.authPage .field input:focus,
body.adminPage .field input:focus,
body.adminPage .adminCard input:focus {
  border-color: rgba(125, 231, 255, 0.62);
  box-shadow:
    0 0 0 4px rgba(125, 231, 255, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

body.authPage .authSwitch {
  padding: 6px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.055);
}

body.authPage .authNotice,
body.authPage .formMsg,
body.adminPage .formMsg {
  color: #9fefff;
}

body.adminPage .adminShell {
  width: min(1360px, calc(100% - 64px));
  padding: clamp(42px, 6vw, 82px) 0;
}

body.adminPage #adminLogin.authCard {
  max-width: 560px;
  margin: 42px auto;
  padding: clamp(28px, 4vw, 44px);
  border-radius: 22px;
}

body.adminPage #adminPanel.adminCard {
  padding: clamp(26px, 3vw, 42px);
  border-radius: 24px;
}

body.adminPage .adminStats div,
body.adminPage .tableWrap,
body.adminPage .codeList code {
  border-color: rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

body.adminPage .adminStats div {
  position: relative;
  overflow: hidden;
}

body.adminPage .adminStats div::after {
  content: "";
  position: absolute;
  inset: auto 14px 10px;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, #79e8ff, rgba(207, 164, 76, 0.92));
  opacity: 0.72;
}

body.adminPage .adminStats b {
  color: #ffffff;
}

body.adminPage .adminStats span {
  color: rgba(224, 237, 255, 0.66);
}

body.adminPage .tableWrap {
  overflow: auto;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
}

body.adminPage table {
  color: rgba(230, 242, 255, 0.84);
  background: rgba(5, 14, 28, 0.34);
}

body.adminPage th,
body.adminPage td {
  border-bottom-color: rgba(255, 255, 255, 0.09);
}

body.adminPage th {
  color: #9fefff;
  background: rgba(125, 231, 255, 0.08);
}

body.adminPage code {
  color: #dff8ff;
}

@media (max-width: 1040px) {
  body.authPage .authShell {
    grid-template-columns: 1fr;
    width: min(760px, calc(100% - 36px));
  }

  body.authPage .authShell::before {
    min-height: 300px;
    font-size: clamp(42px, 10vw, 74px);
  }
}

@media (max-width: 760px) {
  body.authPage .authShell,
  body.adminPage .adminShell {
    width: min(100% - 28px, 760px);
    padding-block: 28px;
  }

  body.authPage .authShell::before {
    min-height: 220px;
    padding: 24px;
  }

  body.authPage .authCard,
  body.adminPage #adminLogin.authCard,
  body.adminPage #adminPanel.adminCard {
    padding: 22px;
  }
}

/* Responsive hardening: keep every public/admin page composed across browsers and phones. */
html,
body.marketing,
body.authPage,
body.adminPage {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

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

.siteNav,
.hero,
.heroCopy,
.productShowcase,
.authShell,
.adminShell,
.authCard,
.adminCard,
.featureCard,
.painGrid article,
.workflowRail article,
.securityGrid article,
.compareTable,
.finalCta {
  min-width: 0;
}

.heroCopy h1,
.sectionIntro h2,
.finalCta h2,
.authCard h1,
.adminCard h1,
.adminCard h2 {
  overflow-wrap: anywhere;
  text-wrap: balance;
}

.siteSelect,
.siteButton,
.authCard input,
.authCard select,
.adminCard input,
.adminCard select {
  max-width: 100%;
}

body.marketing .heroCopy h1,
body[data-lang="en"] .heroCopy h1,
body[data-lang="es"] .heroCopy h1,
body[data-lang="fr"] .heroCopy h1,
body[data-lang="de"] .heroCopy h1,
body[data-lang="pt"] .heroCopy h1,
body[data-lang="ru"] .heroCopy h1,
body[data-lang="ar"] .heroCopy h1,
body[data-lang="hi"] .heroCopy h1,
body[data-lang="ja"] .heroCopy h1,
body[data-lang="ko"] .heroCopy h1 {
  white-space: nowrap;
}

@supports not (text-wrap: balance) {
  .heroCopy h1,
  .sectionIntro h2,
  .finalCta h2,
  .authCard h1,
  .adminCard h1,
  .adminCard h2 {
    overflow-wrap: anywhere;
  }
}

@media (max-width: 1180px) {
  .siteNav {
    gap: 12px;
    padding-inline: clamp(14px, 3vw, 36px);
  }

  .navLinks {
    gap: 12px;
  }

  .navActions {
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  .siteSelect {
    min-width: 0;
  }

  body.marketing .hero {
    grid-template-columns: minmax(0, 1fr);
    min-height: auto;
    padding-top: clamp(40px, 7vw, 76px);
  }

  body.marketing .heroCopy,
  body.marketing .productShowcase {
    width: 100%;
    min-height: auto;
  }

  body.marketing .heroCopy {
    padding-inline: clamp(20px, 4vw, 42px);
  }
}

@media (min-width: 1041px) {
  body.marketing .hero {
    width: min(100% - 40px, 1880px);
    margin-inline: auto;
    padding-inline: clamp(28px, 3.6vw, 76px);
  }

  body.marketing .heroStage {
    inset-inline: 0;
  }

  body.marketing .heroCopy {
    padding-left: clamp(34px, 4vw, 76px);
    padding-right: clamp(24px, 3vw, 54px);
  }

  body.marketing .heroCopy h1 {
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: clip;
  }
}

@media (max-width: 900px) {
  .siteNav {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .brandMark {
    flex: 1 1 auto;
    min-width: 0;
  }

  .navLinks {
    order: 3;
    flex: 1 0 100%;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: 0;
  }

  .navActions {
    flex: 1 1 320px;
    justify-content: flex-end;
    min-width: 0;
  }

  .proofStrip,
  .featureGrid,
  .painGrid,
  .intelGrid,
  .securityGrid,
  .adminStats,
  .adminGrid {
    grid-template-columns: 1fr;
  }

  .workflowRail {
    grid-template-columns: 1fr;
  }

  .workflowRail article,
  body.marketing .workflowRail article {
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  .workflowRail article:last-child,
  body.marketing .workflowRail article:last-child {
    border-bottom: 0;
  }
}

@media (max-width: 760px) {
  .siteNav {
    min-height: auto;
    padding: 12px 14px;
  }

  .brandLogo {
    width: 36px;
    height: 36px;
  }

  .brandMark {
    font-size: 15px;
  }

  .navLinks {
    display: none;
  }

  .navActions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    gap: 8px;
  }

  .navActions .siteButton,
  .navActions .siteSelect {
    width: 100%;
    min-width: 0;
  }

  body.marketing .hero,
  .hero {
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
    padding: 28px 14px 38px;
  }

  .heroStage {
    inset: 10px;
    border-radius: 18px;
  }

  .heroCopy h1,
  body.marketing .heroCopy h1 {
    max-width: 100%;
    font-size: clamp(32px, 13vw, 76px);
    line-height: 1.06;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: clip;
  }

  .heroCopy p,
  body.marketing .heroCopy p {
    max-width: 100%;
    font-size: clamp(15px, 4.2vw, 18px);
    line-height: 1.62;
  }

  .heroActions,
  .heroTrust,
  .showcaseFooter {
    flex-wrap: wrap;
  }

  .heroActions .siteButton {
    flex: 1 1 180px;
  }

  .productShowcase {
    padding: 14px;
    border-radius: 18px;
  }

  .decisionDeck,
  .marketDepthPane,
  .showcaseFooter,
  .compareTable > div {
    grid-template-columns: 1fr;
  }

  .showcaseChart {
    min-height: 260px;
  }

  .showcaseFloat {
    position: static;
    transform: none;
    margin-top: 10px;
  }

  .sectionIntro {
    text-align: left;
  }

  .sectionIntro h2,
  .finalCta h2 {
    font-size: clamp(30px, 10vw, 48px);
  }

  .painBand,
  .productBand,
  .workflowBand,
  .compareBand,
  .securityBand,
  .finalCta {
    padding-inline: 14px;
  }

  .compareTable {
    overflow-x: auto;
  }

  .authSwitch {
    flex-wrap: wrap;
  }

  .authSwitch button {
    flex: 1 1 120px;
  }

  body.authPage .authShell::before {
    content: "";
    display: none;
  }

  body.authPage .authShell,
  body.adminPage .adminShell {
    grid-template-columns: 1fr;
    width: min(100% - 24px, 760px);
    padding-block: 22px;
  }

  body.adminPage #adminPanel.adminCard,
  body.authPage .authCard,
  body.adminPage #adminLogin.authCard {
    border-radius: 18px;
    padding: 18px;
  }

  body.adminPage .tableWrap {
    max-width: 100%;
    overflow-x: auto;
  }

  body.adminPage table {
    min-width: 720px;
  }

  .intelligencePanel,
  .enginePanel,
  .securityGrid,
  .finalCta {
    grid-template-columns: 1fr;
  }

  .enginePanel,
  .finalCta {
    display: grid;
    gap: 18px;
  }

  .engineSteps div {
    align-items: flex-start;
  }

  .engineSteps span {
    width: 36px;
    height: 36px;
  }

  .compareTable > div {
    min-width: 0;
  }

  .compareTable span,
  .compareTable strong {
    padding: 14px;
  }
}

@media (max-width: 460px) {
  .navActions {
    grid-template-columns: 1fr;
  }

  .siteButton,
  .siteSelect {
    min-height: 42px;
    padding-inline: 12px;
    font-size: 13px;
  }

  .heroCopy h1,
  body.marketing .heroCopy h1 {
    font-size: clamp(24px, 11vw, 56px);
    white-space: nowrap !important;
  }

  .heroActions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .terminalChrome {
    gap: 6px;
  }

  .terminalChrome span {
    width: 8px;
    height: 8px;
  }

  body.adminPage table {
    min-width: 640px;
  }
}