/* Vision T Markets Design System v28
   A single, final cascade for the public site, portals and WebTrader. */

@font-face {
  font-family: "Manrope VM";
  src: url("/static/fonts/manrope-latin-wght-normal.woff2") format("woff2-variations");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}

:root {
  --vm-font: "Manrope VM", "Manrope", "Aptos", "Segoe UI Variable", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --vm-navy-950: #101217;
  --vm-navy-900: #171a20;
  --vm-navy-850: #20242b;
  --vm-navy-800: #292e36;
  --vm-blue: #005fed;
  --vm-blue-strong: #0050c9;
  --vm-cyan: #005fed;
  --vm-teal: #0055d4;
  --vm-amber: #f2a93b;
  --vm-red: #005fed;
  --vm-green: #10a879;
  --vm-white: #ffffff;
  --vm-ink: #111318;
  --vm-text: #f7f7f8;
  --vm-muted: #c7cbd1;
  --vm-subtle: #9298a2;
  --vm-panel: #1b1e24;
  --vm-panel-2: #252930;
  --vm-line: #3b4049;
  --vm-soft: #f2f2f3;
  --vm-paper: #ffffff;
  --vm-paper-2: #f7fafc;
  --vm-paper-line: #cbdbe6;
  --vm-shadow: 0 18px 48px rgba(2, 18, 31, .18);
  --vm-shadow-soft: 0 8px 24px rgba(3, 31, 51, .10);
  --vm-radius: 18px;
  --vm-radius-sm: 12px;
  color-scheme: dark;
}

html.light-theme {
  --vm-text: #111318;
  --vm-muted: #3f444c;
  --vm-subtle: #666d77;
  --vm-panel: #ffffff;
  --vm-panel-2: #f3f7fa;
  --vm-line: #d3d5d9;
  color-scheme: light;
}

html, body { min-height: 100%; }

body {
  margin: 0;
  font-family: var(--vm-font) !important;
  font-size: 15px;
  line-height: 1.5;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body, button, input, select, textarea, optgroup, option, table, th, td, a, label, small { font-family: var(--vm-font) !important; }
button, a, input, select, textarea { font-size: max(13px, .8125rem); }
small { font-size: max(11px, .6875rem); line-height: 1.4; }
p { line-height: 1.65; }
h1, h2, h3, h4, h5, h6, b, strong { letter-spacing: -.026em; }
h1, h2, h3 { font-weight: 700; }
button, [role="button"], nav a { font-weight: 700; }
:is(.price,.amount,[data-price],[data-money],.instrument-quote,.top-metrics,.summary-cards) { font-variant-numeric: tabular-nums; }
a, button { -webkit-tap-highlight-color: transparent; }
button, [role="button"], a { touch-action: manipulation; }

:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--vm-cyan) 72%, white) !important;
  outline-offset: 3px !important;
}

::selection { background: rgba(34, 184, 217, .30); color: inherit; }

/* Global controls */
.theme-switch {
  min-height: 40px !important;
  min-width: 40px !important;
  border: 1px solid var(--vm-line) !important;
  border-radius: 999px !important;
  color: var(--vm-text) !important;
  background: color-mix(in srgb, var(--vm-panel) 88%, transparent) !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  box-shadow: none !important;
}

.light-theme .theme-switch {
  color: var(--vm-ink) !important;
  background: #fff !important;
  border-color: #a9c7d8 !important;
}

.theme-switch [data-theme-icon],
.public-support-link,
.lp-support-fab > span {
  display: grid !important;
  place-items: center !important;
}
.theme-switch .ui-icon { width: 17px !important; height: 17px !important; stroke-width: 2 !important; }
.public-support-link .ui-icon,
.lp-support-fab .ui-icon { width: 18px !important; height: 18px !important; stroke-width: 2 !important; }

/* Icons are never allowed to fade independently from their labels. */
:is(button,a) > :is(.nav-icon,.tool-visual),
:is(button,a) > :is(.nav-icon,.tool-visual) .ui-icon {
  opacity: 1 !important;
  visibility: visible !important;
}

.nav-icon, .tool-visual {
  color: currentColor !important;
  opacity: 1 !important;
}

.nav-icon svg, .tool-visual svg {
  width: 1.15em !important;
  height: 1.15em !important;
  stroke-width: 1.8 !important;
}
.ui-icon.is-filled { fill: currentColor !important; }
.round-button { position: relative; }
.round-button > .ui-icon { width: 18px !important; height: 18px !important; }
.round-button > sup {
  position: absolute;
  top: -4px;
  right: -4px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  display: grid;
  place-items: center;
  border: 2px solid #091e2f;
  border-radius: 999px;
  color: #fff;
  background: #548de3;
  font-size: 8px;
  line-height: 1;
}

input, select, textarea {
  min-height: 44px;
  border-radius: 10px !important;
  font-weight: 600;
}

textarea { min-height: 110px; resize: vertical; }

/* Brand marks: use the real vector app mark everywhere.  The legacy markup
   keeps three empty candle nodes for backwards compatibility, but they are
   intentionally hidden so they can never collapse into the vertical line
   seen in the previous build. */
.candle-mark, .aureo-symbol {
  display: inline-block !important;
  place-items: center;
  flex: 0 0 auto;
  width: 40px !important;
  height: 40px !important;
  border-radius: 0 !important;
  border: 0 !important;
  background: transparent url("/static/app-icon.svg?v=73") center / contain no-repeat !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.candle-mark i, .aureo-symbol i,
.candle-mark::before, .candle-mark::after,
.aureo-symbol::before, .aureo-symbol::after { display: none !important; content: none !important; }

/* -------------------------------------------------------------------------- */
/* Public landing                                                             */
/* -------------------------------------------------------------------------- */

body.landing-body {
  color: var(--vm-text) !important;
  background: var(--vm-navy-950) !important;
}

.light-theme body.landing-body { color: var(--vm-ink) !important; background: #eef4f8 !important; }

.landing-nav {
  position: sticky !important;
  top: 0;
  z-index: 80;
  width: 100% !important;
  min-height: 76px !important;
  padding: 12px clamp(18px, 4vw, 64px) !important;
  border-bottom: 1px solid rgba(125, 191, 218, .18) !important;
  background: rgba(4, 17, 31, .88) !important;
  backdrop-filter: blur(20px) saturate(140%);
  box-sizing: border-box;
}

.light-theme .landing-nav { background: rgba(255,255,255,.94) !important; border-color: #cfdee7 !important; }
.landing-nav .aureo-brand b { color: #fff !important; font-size: 17px !important; font-weight: 800 !important; }
.landing-nav .aureo-brand small { color: #7bdcf6 !important; font-size: 10px !important; font-weight: 800 !important; letter-spacing: .12em !important; }
.light-theme .landing-nav .aureo-brand b { color: var(--vm-ink) !important; }
.light-theme .landing-nav .aureo-brand small { color: #0879a8 !important; }
.landing-nav nav { gap: clamp(16px, 2.5vw, 36px) !important; }
.landing-nav nav a { color: #d7e8f2 !important; font-size: 14px !important; font-weight: 700 !important; }
.landing-nav nav a:hover { color: #7fe4ff !important; }
.light-theme .landing-nav nav a { color: #102e42 !important; }

.landing-actions { gap: 9px !important; }
.nav-login, .nav-primary, .hero-primary, .hero-secondary {
  min-height: 44px !important;
  padding: 0 18px !important;
  border-radius: 11px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 9px;
  font-size: 14px !important;
  font-weight: 780 !important;
  text-decoration: none;
}
.nav-login { color: #eaf6fb !important; border: 1px solid #315872 !important; background: #0b2236 !important; }
.nav-primary, .hero-primary { color: #fff !important; border: 1px solid #239ed9 !important; background: linear-gradient(135deg, #087ccb, #20aacb) !important; box-shadow: 0 10px 28px rgba(9, 135, 195, .28) !important; }
.light-theme .nav-login { color: #0b2940 !important; background: #fff !important; border-color: #9ebdce !important; }

.elite-market-tape {
  position: relative !important;
  z-index: 30 !important;
  width: min(1360px, calc(100% - 32px)) !important;
  min-height: 44px !important;
  margin: 12px auto 0 !important;
  padding: 0 16px !important;
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  overflow: hidden !important;
  background: #061826 !important;
  border: 1px solid #183a51 !important;
  border-radius: 13px !important;
  color: #dceef7 !important;
}
.elite-market-tape > span { position: relative; z-index: 2; flex: 0 0 auto; margin: 0 !important; color: #7fe4ff !important; font-size: 11px !important; font-weight: 850 !important; }
.elite-market-tape > div { min-width: max-content !important; display: flex !important; align-items: center !important; gap: 28px !important; white-space: nowrap !important; }
.elite-market-tape b { display: inline-flex !important; align-items: baseline !important; gap: 5px !important; color: #ecf7fc !important; font-size: 11px !important; }
.elite-market-tape small { color: #b9cfdd !important; font-size: 11px !important; }
.light-theme .elite-market-tape { background: #09273d !important; }

.landing-body main { overflow: clip; }
.hero-section {
  position: relative;
  display: grid !important;
  grid-template-columns: minmax(0, .92fr) minmax(500px, 1.08fr) !important;
  align-items: center !important;
  gap: clamp(34px, 5vw, 82px) !important;
  min-height: min(780px, calc(100vh - 114px)) !important;
  padding: clamp(56px, 8vw, 112px) clamp(22px, 5.2vw, 82px) !important;
  background:
    radial-gradient(circle at 15% 25%, rgba(20, 153, 211, .14), transparent 36%),
    linear-gradient(125deg, #04111f 0%, #071827 55%, #06131f 100%) !important;
}
.light-theme .hero-section { background: radial-gradient(circle at 15% 25%, rgba(22, 137, 232, .11), transparent 38%), #eef5f9 !important; }
.hero-copy { max-width: 680px !important; position: relative; z-index: 2; }
.hero-copy .eyebrow {
  display: inline-flex !important;
  align-items: center;
  gap: 9px;
  margin-bottom: 22px !important;
  padding: 8px 12px !important;
  border: 1px solid rgba(78, 192, 227, .3) !important;
  border-radius: 999px !important;
  color: #9eeaff !important;
  background: rgba(20, 143, 187, .11) !important;
  font-size: 12px !important;
  font-weight: 820 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase;
}
.light-theme .hero-copy .eyebrow { color: #075f87 !important; background: #e2f5fb !important; border-color: #9dd7e9 !important; }
.hero-copy h1 {
  max-width: 760px;
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(48px, 6vw, 86px) !important;
  line-height: .99 !important;
  font-weight: 820 !important;
  letter-spacing: -.058em !important;
}
.hero-copy h1 em { display: inline; color: #51ccec !important; font-style: normal !important; }
.light-theme .hero-copy h1 { color: #061b2b !important; }
.light-theme .hero-copy h1 em { color: #087bb8 !important; }
.hero-copy > p { max-width: 640px !important; margin: 27px 0 30px !important; color: #c5d9e5 !important; font-size: clamp(17px, 1.45vw, 20px) !important; line-height: 1.58 !important; }
.light-theme .hero-copy > p { color: #254a61 !important; }
.hero-actions { display: flex !important; flex-wrap: wrap; gap: 12px !important; }
.hero-actions .hero-primary, .hero-actions .hero-secondary { min-height: 50px !important; padding-inline: 22px !important; }
.hero-secondary { color: #eaf6fb !important; border: 1px solid #315b74 !important; background: rgba(7, 28, 44, .72) !important; }
.light-theme .hero-secondary { color: #08263b !important; background: #fff !important; border-color: #aac7d7 !important; }
.hero-trust { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 !important; margin-top: 38px !important; border-top: 1px solid rgba(133, 185, 210, .25) !important; }
.hero-trust span { padding: 18px 16px 0 0 !important; }
.hero-trust b { display: block; color: #fff !important; font-size: 14px !important; font-weight: 800 !important; }
.hero-trust small { display: block; margin-top: 3px; color: #98b6c7 !important; font-size: 12px !important; }
.light-theme .hero-trust b { color: #071a2b !important; }
.light-theme .hero-trust small { color: #3f6175 !important; }

.hero-campaign {
  position: relative;
  min-height: 590px;
  overflow: hidden;
  border: 1px solid rgba(82, 180, 219, .28);
  border-radius: 30px;
  background: #071725;
  box-shadow: 0 32px 80px rgba(0, 10, 20, .44);
}
.hero-campaign::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(4,17,31,.5), transparent 42%), linear-gradient(0deg, rgba(4,17,31,.72), transparent 45%); pointer-events: none; }
.hero-campaign img { width: 100%; height: 100%; min-height: 590px; object-fit: cover; object-position: 55% center; display: block; }
.campaign-card {
  position: absolute;
  z-index: 2;
  left: 28px;
  right: 28px;
  bottom: 28px;
  max-width: 410px;
  padding: 20px 22px;
  border: 1px solid rgba(154, 220, 241, .28);
  border-radius: 16px;
  background: rgba(5, 24, 39, .86);
  backdrop-filter: blur(18px);
  box-shadow: 0 16px 38px rgba(0,0,0,.28);
}
.campaign-card span { display: block; color: #65d9f4 !important; font-size: 11px !important; font-weight: 850 !important; letter-spacing: .12em !important; }
.campaign-card b { display: block; margin-top: 6px; color: #fff !important; font-size: 19px !important; line-height: 1.28; }
.campaign-card small { display: block; margin-top: 7px; color: #bfd4df !important; font-size: 11px !important; }

.market-strip {
  padding: 18px clamp(22px, 5vw, 82px) !important;
  background: #0a2134 !important;
  border-block: 1px solid #1c4259 !important;
}
.market-strip p { color: #9cb8c9 !important; font-size: 12px !important; font-weight: 800 !important; }
.market-strip span { color: #e7f3f9 !important; font-size: 14px !important; font-weight: 720 !important; }
.market-strip span:nth-child(1) { color: #67d1f1 !important; }
.market-strip span:nth-child(2) { color: #72d9a7 !important; }
.market-strip span:nth-child(3) { color: #b49cff !important; }
.market-strip span:nth-child(4) { color: #ffc552 !important; }
.market-strip span:nth-child(5) { color: #ff9c72 !important; }
.light-theme .market-strip { background: #fff !important; border-color: #cbdde7 !important; }
.light-theme .market-strip p { color: #385a6e !important; }
.light-theme .market-strip span { color: #102d42 !important; }

.features-section, .elite-product-section, .access-section {
  padding: clamp(72px, 9vw, 128px) clamp(22px, 5.2vw, 82px) !important;
}
.features-section, .access-section { background: #071827 !important; }
.elite-product-section { background: #0a2032 !important; }
.light-theme .features-section, .light-theme .access-section { background: #f5f8fb !important; }
.light-theme .elite-product-section { background: #eaf2f7 !important; }
.section-heading > span, .elite-product-heading > span, .discipline-section > div > span, .crm-copy > span {
  color: #43caec !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  letter-spacing: .12em !important;
}
.section-heading h2, .elite-product-heading h2, .discipline-section h2, .crm-copy h2, .access-section h2 {
  color: #fff !important;
  font-size: clamp(34px, 4.2vw, 58px) !important;
  line-height: 1.08 !important;
  font-weight: 780 !important;
  letter-spacing: -.045em !important;
}
.light-theme :is(.section-heading h2, .elite-product-heading h2, .discipline-section h2, .crm-copy h2, .access-section h2) { color: #071a2b !important; }
.section-heading p, .elite-product-heading p, .discipline-section > p, .crm-copy > p, .access-section .section-heading p { color: #b8cfdd !important; font-size: 16px !important; }
.light-theme :is(.section-heading p, .elite-product-heading p, .discipline-section > p, .crm-copy > p, .access-section .section-heading p) { color: #34586e !important; }
.feature-grid { gap: 16px !important; }
.feature-grid article {
  min-height: 245px !important;
  padding: 28px !important;
  border: 1px solid #204258 !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg, #0b2235, #091c2c) !important;
  box-shadow: none !important;
}
.feature-grid article:hover { transform: translateY(-4px); border-color: #2e87ae !important; box-shadow: 0 20px 40px rgba(0, 13, 24, .25) !important; }
.feature-grid article > i { color: #5bd7f4 !important; font-size: 25px !important; }
.feature-grid article > small { color: #85a9bc !important; font-size: 11px !important; }
.feature-grid h3 { color: #f5fbff !important; font-size: 20px !important; }
.feature-grid p { color: #b7ccda !important; font-size: 14px !important; line-height: 1.65 !important; }
.light-theme .feature-grid article { background: #fff !important; border-color: #c9dce7 !important; box-shadow: var(--vm-shadow-soft) !important; }
.light-theme .feature-grid h3 { color: #071a2b !important; }
.light-theme .feature-grid p { color: #365a6f !important; }

.elite-cockpit, .elite-mobile-card, .crm-visual, .access-grid a {
  border: 1px solid #245069 !important;
  border-radius: 20px !important;
  background: #071b2b !important;
  box-shadow: var(--vm-shadow) !important;
}
.light-theme :is(.elite-cockpit, .elite-mobile-card, .crm-visual, .access-grid a) { background: #fff !important; border-color: #c6d9e4 !important; }
.elite-product-grid :is(b, h3), .access-grid b, .crm-visual b { color: #f4fbff !important; font-size: max(14px, .875rem) !important; }
.elite-product-grid :is(small, p), .access-grid :is(small, em), .crm-visual small { color: #a9c4d4 !important; font-size: max(11px, .6875rem) !important; }
.light-theme .elite-product-grid :is(b,h3), .light-theme .access-grid b, .light-theme .crm-visual b { color: #071a2b !important; }
.light-theme .elite-product-grid :is(small,p), .light-theme .access-grid :is(small,em), .light-theme .crm-visual small { color: #365c72 !important; }

.discipline-section, .crm-section {
  padding: clamp(70px, 8vw, 116px) clamp(22px, 5.2vw, 82px) !important;
  background: #061421 !important;
}
.light-theme :is(.discipline-section, .crm-section) { background: #fff !important; }
.discipline-section a, .crm-copy a { color: #7fe4ff !important; font-size: 14px !important; font-weight: 800 !important; }
.light-theme :is(.discipline-section a, .crm-copy a) { color: #0873a5 !important; }

.final-cta {
  padding: clamp(80px, 10vw, 140px) 22px !important;
  background: radial-gradient(circle at 50% 10%, rgba(32, 174, 213, .22), transparent 44%), #061623 !important;
}
.final-cta > span { color: #64d8f4 !important; font-size: 12px !important; font-weight: 850 !important; }
.final-cta h2 { color: #fff !important; font-size: clamp(38px, 5vw, 66px) !important; }
.final-cta p { color: #bcd2df !important; font-size: 17px !important; }
.final-cta a { min-height: 52px !important; padding: 0 24px !important; border-radius: 12px !important; color: #fff !important; background: linear-gradient(135deg, #087ccb, #20aacb) !important; font-size: 15px !important; font-weight: 800 !important; }

.landing-footer {
  display: grid !important;
  grid-template-columns: minmax(220px, 1fr) minmax(300px, 2fr) auto !important;
  gap: 28px !important;
  align-items: start !important;
  padding: 44px clamp(22px, 5.2vw, 82px) !important;
  background: #030d16 !important;
  border-top: 1px solid #1c3b50 !important;
}
.landing-footer p, .landing-footer small { color: #acc4d2 !important; font-size: 12px !important; }
.landing-footer a { color: #e5f3f9 !important; font-size: 13px !important; font-weight: 700 !important; }

/* -------------------------------------------------------------------------- */
/* Login                                                                       */
/* -------------------------------------------------------------------------- */

body.login-body { color: #ecf7fc !important; background: #061523 !important; }
.light-theme body.login-body { color: #071a2b !important; background: #edf3f7 !important; }
.login-layout { min-height: 100vh !important; display: grid !important; grid-template-columns: minmax(380px, .92fr) minmax(520px, 1.08fr) !important; }
.login-brand-panel {
  padding: clamp(38px, 6vw, 84px) !important;
  background: radial-gradient(circle at 20% 15%, rgba(31,167,213,.22), transparent 34%), linear-gradient(145deg, #061421, #0a263c) !important;
  border-right: 1px solid #21455b !important;
}
.login-back, .login-mobile-back { color: #b8d4e1 !important; font-size: 13px !important; font-weight: 750 !important; }
.login-brand b { color: #fff !important; font-size: 19px !important; }
.login-brand small { color: #65d9f4 !important; font-size: 10px !important; }
.login-message span { color: #65d9f4 !important; font-size: 12px !important; font-weight: 850 !important; }
.login-message h1 { color: #fff !important; font-size: clamp(38px, 4.5vw, 62px) !important; line-height: 1.04 !important; }
.login-message h1 em { color: #5fd7f2 !important; }
.login-message p { color: #c4d9e5 !important; font-size: 16px !important; max-width: 620px; }
.login-points span { color: #e7f3f8 !important; font-size: 14px !important; }
.login-points i { color: #60e1c0 !important; }
.login-form-panel { padding: clamp(24px, 6vw, 82px) !important; background: #081a29 !important; }
.light-theme .login-form-panel { background: #f3f7fa !important; }
.login-card {
  width: min(100%, 540px) !important;
  padding: clamp(26px, 4vw, 46px) !important;
  border: 1px solid #27506a !important;
  border-radius: 22px !important;
  background: #0b2235 !important;
  box-shadow: 0 30px 70px rgba(0, 8, 16, .32) !important;
}
.light-theme .login-card { background: #fff !important; border-color: #c3d7e2 !important; box-shadow: var(--vm-shadow) !important; }
.role-access-top { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 6px !important; margin: 0 0 34px !important; padding: 5px !important; border: 1px solid #284c62 !important; border-radius: 12px !important; background: #071a2a !important; }
.role-access-top a { min-height: 38px; display: grid; place-items: center; border: 0 !important; border-radius: 8px !important; color: #adc7d5 !important; background: transparent !important; font-size: 12px !important; font-weight: 760 !important; }
.role-access-top a.active { color: #fff !important; background: #0c80c8 !important; }
.light-theme .role-access-top { background: #eef4f7 !important; border-color: #c4d6df !important; }
.light-theme .role-access-top a { color: #284b61 !important; }
.light-theme .role-access-top a.active { color: #fff !important; }
.login-card header small { color: #56d1ef !important; font-size: 12px !important; font-weight: 850 !important; letter-spacing: .1em !important; }
.light-theme .login-card header small { color: #0874a3 !important; }
.login-card h2 { color: #fff !important; font-size: clamp(30px, 3vw, 40px) !important; line-height: 1.1 !important; }
.light-theme .login-card h2 { color: #071a2b !important; }
.login-card header p { color: #b5ccda !important; font-size: 15px !important; }
.light-theme .login-card header p { color: #365970 !important; }
.login-card label { color: #d9eaf2 !important; font-size: 13px !important; font-weight: 720 !important; }
.light-theme .login-card label { color: #173b52 !important; }
.login-card input { color: #fff !important; background: #061725 !important; border: 1px solid #31566d !important; font-size: 15px !important; }
.login-card input::placeholder { color: #85a8bb !important; }
.light-theme .login-card input { color: #071a2b !important; background: #fff !important; border-color: #9eb9c8 !important; }
.light-theme .login-card input::placeholder { color: #587488 !important; }
.login-options span, .login-options a, .legal-copy { color: #a9c4d3 !important; font-size: 12px !important; }
.light-theme :is(.login-options span, .legal-copy) { color: #365a70 !important; }
.login-options a { color: #6bdaf4 !important; font-weight: 750 !important; }
.light-theme .login-options a { color: #076f9e !important; }
.login-submit { min-height: 50px !important; border: 0 !important; border-radius: 11px !important; color: #fff !important; background: linear-gradient(135deg, #087dcc, #20aacb) !important; font-size: 15px !important; font-weight: 800 !important; }
.login-register-link { min-height: 46px !important; border: 1px solid #31576e !important; border-radius: 11px !important; color: #d8ebf4 !important; background: #0a1d2e !important; font-size: 13px !important; font-weight: 760 !important; }
.light-theme .login-register-link { color: #075e87 !important; background: #edf8fc !important; border-color: #93cadd !important; }

/* -------------------------------------------------------------------------- */
/* Public information, registration and support                               */
/* -------------------------------------------------------------------------- */

body.public-info-body { color: var(--vm-text) !important; background: #061522 !important; }
.light-theme body.public-info-body { color: var(--vm-ink) !important; background: #f2f6f9 !important; }
.public-header { min-height: 74px !important; padding: 12px clamp(18px, 4vw, 58px) !important; border-bottom: 1px solid #214358 !important; background: rgba(5, 20, 33, .95) !important; backdrop-filter: blur(18px); }
.light-theme .public-header { background: rgba(255,255,255,.96) !important; border-color: #cbdce6 !important; }
.public-brand b { color: #fff !important; font-size: 17px !important; }
.public-brand small { color: #6ddcf5 !important; font-size: 10px !important; }
.light-theme .public-brand b { color: #071a2b !important; }
.public-header nav a { color: #d7e9f2 !important; font-size: 13px !important; font-weight: 720 !important; }
.light-theme .public-header nav a { color: #173b51 !important; }
.public-header .public-primary { color: #fff !important; }
.public-page, .registration-layout, .support-page-layout { max-width: 1380px !important; }
.public-hero { padding: clamp(52px, 7vw, 92px) clamp(22px, 4vw, 56px) !important; border: 1px solid #254a61 !important; border-radius: 24px !important; background: radial-gradient(circle at 85% 10%, rgba(30,165,210,.18), transparent 35%), #092034 !important; box-shadow: var(--vm-shadow) !important; }
.light-theme .public-hero { background: #fff !important; border-color: #c7d9e4 !important; }
.public-hero > span, .public-topic-grid article > span, .public-knowledge header span, .public-detail > div > span, .registration-panel header > span, .support-form-card header > span { color: #58d4ef !important; font-size: 11px !important; font-weight: 850 !important; letter-spacing: .11em !important; }
.light-theme :is(.public-hero > span, .public-topic-grid article > span, .public-knowledge header span, .public-detail > div > span, .registration-panel header > span, .support-form-card header > span) { color: #0873a0 !important; }
.public-hero h1, .registration-panel h1, .support-form-card h1 { color: #fff !important; font-size: clamp(38px, 5vw, 66px) !important; line-height: 1.04 !important; }
.light-theme :is(.public-hero h1, .registration-panel h1, .support-form-card h1) { color: #071a2b !important; }
.public-hero p, .registration-panel header p, .support-form-card header p { color: #bed3df !important; font-size: 16px !important; }
.light-theme :is(.public-hero p, .registration-panel header p, .support-form-card header p) { color: #31566d !important; }
.public-primary, .public-secondary { min-height: 46px !important; padding: 0 18px !important; border-radius: 10px !important; font-size: 14px !important; font-weight: 780 !important; }
.public-primary { color: #fff !important; background: linear-gradient(135deg, #087dcc, #20aacb) !important; }
.public-secondary { color: #e5f2f8 !important; border: 1px solid #315970 !important; background: #0a1c2b !important; }
.light-theme .public-secondary { color: #12394f !important; border-color: #aac4d3 !important; background: #fff !important; }
.public-topic-grid article, .public-knowledge article, .public-detail, .registration-panel, .support-form-card, .registration-layout > aside, .support-page-layout > aside {
  border: 1px solid #24475c !important;
  border-radius: 18px !important;
  background: #0a2033 !important;
  box-shadow: none !important;
}
.light-theme :is(.public-topic-grid article, .public-knowledge article, .public-detail, .registration-panel, .support-form-card, .registration-layout > aside, .support-page-layout > aside) { background: #fff !important; border-color: #c8d9e3 !important; box-shadow: var(--vm-shadow-soft) !important; }
.public-topic-grid h2, .public-knowledge h2, .public-knowledge h3, .public-detail h2, .registration-layout aside h2, .support-page-layout aside h2 { color: #f4fbff !important; }
.light-theme :is(.public-topic-grid h2, .public-knowledge h2, .public-knowledge h3, .public-detail h2, .registration-layout aside h2, .support-page-layout aside h2) { color: #071a2b !important; }
.public-topic-grid p, .public-knowledge p, .public-detail p, .public-detail li, .registration-layout aside p, .support-page-layout aside p, .support-page-layout aside small { color: #b8cfdb !important; font-size: 14px !important; }
.light-theme :is(.public-topic-grid p, .public-knowledge p, .public-detail p, .public-detail li, .registration-layout aside p, .support-page-layout aside p, .support-page-layout aside small) { color: #365a70 !important; }
.registration-form label, .support-page-form label { color: #dceaf2 !important; font-size: 13px !important; font-weight: 720 !important; }
.light-theme :is(.registration-form label, .support-page-form label) { color: #183c53 !important; }
.registration-form :is(input,select,textarea), .support-page-form :is(input,select,textarea), .support-widget :is(input,select,textarea) { color: #fff !important; background: #061725 !important; border: 1px solid #31556c !important; font-size: 14px !important; }
.light-theme :is(.registration-form, .support-page-form, .support-widget) :is(input,select,textarea) { color: #071a2b !important; background: #fff !important; border-color: #9eb9c8 !important; }

.public-footer {
  color: #d6e8f1 !important;
  background: #030d16 !important;
  border-top: 1px solid #1b3c51 !important;
  padding-inline: clamp(22px, 5vw, 72px) !important;
}
.public-footer b { color: #f3faff !important; font-size: 12px !important; }
.public-footer a { color: #bcd6e2 !important; font-size: 12px !important; line-height: 1.5 !important; }
.public-footer p, .public-footer small, .footer-risk p, .footer-disclosures p { color: #a9c2d0 !important; font-size: 12px !important; line-height: 1.6 !important; }
.footer-directory { gap: clamp(24px, 4vw, 58px) !important; }
.footer-payments img { max-width: 30px !important; max-height: 22px !important; }

/* -------------------------------------------------------------------------- */
/* Client portal                                                               */
/* -------------------------------------------------------------------------- */

body.portal-body { color: #eaf4fa !important; background: #061522 !important; }
.light-theme body.portal-body { color: #071a2b !important; background: #edf3f7 !important; }
.portal-shell { min-height: 100vh; background: transparent !important; }
.portal-sidebar {
  width: 258px !important;
  padding: 22px 16px !important;
  border-right: 1px solid #21445a !important;
  background: #061724 !important;
}
.light-theme .portal-sidebar { background: #fff !important; border-color: #c9dbe6 !important; }
.portal-brand b { color: #fff !important; font-size: 16px !important; }
.portal-brand small { color: #69dbf4 !important; font-size: 10px !important; font-weight: 820 !important; }
.light-theme .portal-brand b { color: #071a2b !important; }
.portal-sidebar nav { gap: 5px !important; }
.portal-sidebar nav a {
  min-height: 45px !important;
  padding: 0 13px !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  color: #bfd4df !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}
.portal-sidebar nav a:hover { color: #fff !important; background: #0b263b !important; }
.portal-sidebar nav a.active { color: #fff !important; border-color: #237dab !important; background: linear-gradient(90deg, #0a75aa, #0d4a70) !important; }
.light-theme .portal-sidebar nav a { color: #254960 !important; }
.light-theme .portal-sidebar nav a:hover { color: #071a2b !important; background: #edf5f9 !important; }
.light-theme .portal-sidebar nav a.active { color: #fff !important; }
.portal-side-bottom .webtrader-link { border: 1px solid #276b8b !important; border-radius: 12px !important; background: linear-gradient(145deg, #0b2f49, #0b4664) !important; }
.portal-side-bottom .webtrader-link :is(small,b,em,strong) { color: #f1faff !important; opacity: 1 !important; }
.portal-side-bottom form button { color: #a7c5f1 !important; font-size: 12px !important; }
.portal-main { background: #091b2a !important; }
.light-theme .portal-main { background: #edf3f7 !important; }
.portal-top { min-height: 72px !important; padding: 12px 24px !important; border-bottom: 1px solid #24475c !important; background: #0a2032 !important; }
.light-theme .portal-top { background: #fff !important; border-color: #c9dbe6 !important; }
.portal-top > div > small { color: #5cd5ef !important; font-size: 10px !important; font-weight: 850 !important; }
.portal-top h1 { color: #fff !important; font-size: 20px !important; }
.light-theme .portal-top h1 { color: #071a2b !important; }
.portal-user b { color: #fff !important; font-size: 13px !important; }
.portal-user small { color: #a9c3d2 !important; font-size: 11px !important; }
.light-theme .portal-user b { color: #071a2b !important; }
.light-theme .portal-user small { color: #3c6075 !important; }
.portal-user > span,
.staff-profile > span,
.client-avatar,
.profile-card > span,
.account-popover > header > span,
.top-avatar {
  position: relative;
  display: grid !important;
  place-items: center !important;
  overflow: hidden;
  color: #fff !important;
  border: 1px solid #42bfe7 !important;
  background: linear-gradient(145deg, #0c82bf, #07517f) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.22), 0 6px 16px rgba(2,54,82,.2) !important;
  font-weight: 850 !important;
}
.portal-user > span::after,
.staff-profile > span::after,
.client-avatar::after,
.profile-card > span::after,
.account-popover > header > span::after,
.top-avatar::after {
  content: "";
  position: absolute;
  right: 3px;
  bottom: 3px;
  width: 6px;
  height: 6px;
  border: 2px solid #07517f;
  border-radius: 50%;
  background: #35d6a3;
}
.top-avatar .ui-icon { width: 20px !important; height: 20px !important; stroke-width: 2 !important; }
.light-theme :is(.portal-user > span,.staff-profile > span,.client-avatar,.profile-card > span,.account-popover > header > span,.top-avatar) {
  color: #fff !important;
  border-color: #087cae !important;
  background: linear-gradient(145deg, #0c82bf, #07517f) !important;
}
.portal-content { padding: 28px !important; }
.page-heading h1, .account-hero h1, .section-title h2 { color: #fff !important; }
.light-theme :is(.page-heading h1, .account-hero h1, .section-title h2) { color: #071a2b !important; }
.page-heading p, .account-hero p, .section-title p { color: #b6cedb !important; font-size: 14px !important; }
.light-theme :is(.page-heading p, .account-hero p, .section-title p) { color: #365a70 !important; }

.summary-cards article, .portal-card, .account-detail-card, .status-card, .settings-card, .alert-card, .performance-card, .cash-card, .history-card, .kyc-card {
  border: 1px solid #254a60 !important;
  border-radius: 16px !important;
  background: #0b2235 !important;
  box-shadow: none !important;
}
.light-theme :is(.summary-cards article, .portal-card, .account-detail-card, .status-card, .settings-card, .alert-card, .performance-card, .cash-card, .history-card, .kyc-card) { background: #fff !important; border-color: #c5d8e3 !important; box-shadow: var(--vm-shadow-soft) !important; }
.summary-cards small, .portal-card small, .account-detail-card small, .status-card small, .settings-card small { color: #a8c2d1 !important; font-size: 11px !important; }
.summary-cards b, .portal-card b, .account-detail-card b, .status-card b, .settings-card b { color: #f1f9fd !important; font-size: max(14px, .875rem) !important; }
.light-theme :is(.summary-cards b, .portal-card b, .account-detail-card b, .status-card b, .settings-card b) { color: #071a2b !important; }
.light-theme :is(.summary-cards small, .portal-card small, .account-detail-card small, .status-card small, .settings-card small) { color: #365b71 !important; }
.portal-form label, .cash-form label, .settings-card label { color: #dceaf2 !important; font-size: 13px !important; font-weight: 700 !important; }
.light-theme :is(.portal-form label, .cash-form label, .settings-card label) { color: #173b51 !important; }
.portal-body :is(input,select,textarea) { color: #fff !important; background: #061725 !important; border: 1px solid #31566d !important; }
.light-theme .portal-body :is(input,select,textarea) { color: #071a2b !important; background: #fff !important; border-color: #9eb9c8 !important; }
.portal-body :is(.primary-button,.cash-submit,.save-settings) { min-height: 44px !important; color: #fff !important; background: linear-gradient(135deg, #087dcc, #20aacb) !important; border-radius: 10px !important; font-size: 13px !important; font-weight: 780 !important; }
.portal-mobile-sections a, .portal-mobile-nav a { color: #bdd3de !important; font-size: 11px !important; font-weight: 700 !important; }
.light-theme :is(.portal-mobile-sections a, .portal-mobile-nav a) { color: #264c63 !important; }

/* -------------------------------------------------------------------------- */
/* Administration and agents                                                  */
/* -------------------------------------------------------------------------- */

body[data-staff-role] { color: #eaf4fa !important; background: #071725 !important; }
.light-theme body[data-staff-role] { color: #071a2b !important; background: #edf3f7 !important; }
.staff-shell { min-height: 100vh; background: transparent !important; }
.staff-sidebar { width: 230px !important; padding: 22px 14px !important; border-right: 1px solid #22455b !important; background: #061724 !important; }
.light-theme .staff-sidebar { background: #fff !important; border-color: #c8dbe5 !important; }
.staff-brand { min-height: 56px !important; }
.staff-brand b { color: #fff !important; font-size: 16px !important; }
.staff-brand small { color: #66daf3 !important; font-size: 10px !important; font-weight: 820 !important; }
.light-theme .staff-brand b { color: #071a2b !important; }
.staff-sidebar nav { gap: 5px !important; }
.staff-sidebar nav a {
  min-height: 45px !important;
  padding: 0 13px !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  color: #bdd3df !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}
.staff-sidebar nav a i { color: #62d6ef !important; opacity: 1 !important; }
.staff-sidebar nav a.active { color: #fff !important; border-color: #2184b3 !important; background: linear-gradient(90deg, #0a75aa, #0d4a70) !important; }
.staff-sidebar nav a.active i { color: #fff !important; }
.light-theme .staff-sidebar nav a { color: #254960 !important; }
.light-theme .staff-sidebar nav a i { color: #087eaf !important; }
.light-theme .staff-sidebar nav a.active, .light-theme .staff-sidebar nav a.active i { color: #fff !important; }
.staff-profile { border: 1px solid #2a4e64 !important; border-radius: 12px !important; background: #0a2134 !important; }
.staff-profile b { color: #fff !important; font-size: 12px !important; }
.staff-profile small { color: #aac3d1 !important; font-size: 10px !important; }
.light-theme .staff-profile { background: #f1f6f9 !important; border-color: #c5d8e2 !important; }
.light-theme .staff-profile b { color: #071a2b !important; }
.light-theme .staff-profile small { color: #3b5e73 !important; }
.staff-sidebar > form button { color: #a9c6f1 !important; font-size: 12px !important; }
.staff-main { background: #091b2a !important; }
.light-theme .staff-main { background: #edf3f7 !important; }
.staff-top { min-height: 70px !important; padding: 11px 22px !important; border-bottom: 1px solid #24475d !important; background: #0a2032 !important; }
.light-theme .staff-top { background: #fff !important; border-color: #c8dbe5 !important; }
.staff-top > div small { color: #59d3ef !important; font-size: 10px !important; font-weight: 850 !important; }
.staff-top > div b { color: #fff !important; font-size: 18px !important; }
.light-theme .staff-top > div b { color: #071a2b !important; }
.staff-live { color: #cde2eb !important; border-color: #356177 !important; background: #0a1d2d !important; font-size: 11px !important; }
.light-theme .staff-live { color: #1c4b60 !important; background: #eef7f7 !important; border-color: #9fc9ca !important; }
.staff-content { padding: 28px !important; max-width: 1680px; margin-inline: auto; }
.staff-heading > div > span { color: #48ccea !important; font-size: 11px !important; font-weight: 850 !important; letter-spacing: .1em !important; }
.staff-heading h1 { color: #fff !important; font-size: clamp(28px, 3vw, 40px) !important; }
.staff-heading p { color: #b5cdd9 !important; font-size: 14px !important; }
.light-theme .staff-heading h1 { color: #071a2b !important; }
.light-theme .staff-heading p { color: #355a70 !important; }
.staff-kpis { gap: 12px !important; }
.staff-kpis article, .staff-card, .staff-form, .client-identity-card, .client-detail-card, .client-portfolio-card, .detail-tabs {
  border: 1px solid #254a60 !important;
  border-radius: 15px !important;
  background: #0b2235 !important;
  box-shadow: none !important;
}
.light-theme :is(.staff-kpis article, .staff-card, .staff-form, .client-identity-card, .client-detail-card, .client-portfolio-card, .detail-tabs) { background: #fff !important; border-color: #c5d8e3 !important; box-shadow: var(--vm-shadow-soft) !important; }
.staff-kpis small { color: #9ebccc !important; font-size: 11px !important; font-weight: 720 !important; }
.staff-kpis b { color: #fff !important; font-size: clamp(22px, 2.2vw, 30px) !important; }
.staff-kpis span { color: #abc4d1 !important; font-size: 11px !important; }
.light-theme .staff-kpis small, .light-theme .staff-kpis span { color: #365a70 !important; }
.light-theme .staff-kpis b { color: #071a2b !important; }
.staff-card header small, .staff-form header small { color: #55d1ed !important; font-size: 10px !important; font-weight: 850 !important; }
.staff-card header h2, .staff-form h2, .staff-form h3 { color: #fff !important; font-size: 19px !important; }
.light-theme :is(.staff-card header h2, .staff-form h2, .staff-form h3) { color: #071a2b !important; }
.staff-card header a { color: #69daf3 !important; font-size: 12px !important; font-weight: 750 !important; }
.light-theme .staff-card header a { color: #076f9d !important; }
.staff-table-head { color: #90afc0 !important; background: #081b2a !important; font-size: 10px !important; font-weight: 820 !important; }
.light-theme .staff-table-head { color: #395e73 !important; background: #edf3f7 !important; }
.staff-row { border-color: #23465b !important; color: #dcebf2 !important; font-size: 12px !important; }
.light-theme .staff-row { border-color: #d5e1e8 !important; color: #122f43 !important; }
.staff-row b, .client-main b { color: #fff !important; font-size: 13px !important; }
.staff-row small, .client-main small { color: #9ebac9 !important; font-size: 11px !important; }
.light-theme :is(.staff-row b, .client-main b) { color: #071a2b !important; }
.light-theme :is(.staff-row small, .client-main small) { color: #3b6176 !important; }
.staff-form label, .profile-grid label { color: #dbeaf2 !important; font-size: 12px !important; font-weight: 700 !important; }
.light-theme :is(.staff-form label, .profile-grid label) { color: #173b52 !important; }
body[data-staff-role] :is(input,select,textarea) { color: #fff !important; background: #061725 !important; border: 1px solid #31576e !important; font-size: 13px !important; }
.light-theme body[data-staff-role] :is(input,select,textarea) { color: #071a2b !important; background: #fff !important; border-color: #9eb9c8 !important; }
body[data-staff-role] button.primary, body[data-staff-role] a.primary { min-height: 42px !important; color: #fff !important; background: linear-gradient(135deg, #087dcc, #20aacb) !important; border: 0 !important; border-radius: 9px !important; font-size: 12px !important; font-weight: 780 !important; }
body[data-staff-role] button.ghost, body[data-staff-role] a.ghost { min-height: 38px !important; color: #d9edf5 !important; background: #0a2639 !important; border: 1px solid #356079 !important; border-radius: 8px !important; font-size: 12px !important; }
.light-theme body[data-staff-role] :is(button.ghost,a.ghost) { color: #123c54 !important; background: #f3f8fa !important; border-color: #9fbdcd !important; }
.status { font-size: 10px !important; font-weight: 800 !important; opacity: 1 !important; }

/* -------------------------------------------------------------------------- */
/* WebTrader                                                                   */
/* -------------------------------------------------------------------------- */

body:has(.terminal-shell) { color: #eaf4fa !important; background: #04111f !important; }
.light-theme body:has(.terminal-shell) { color: #071a2b !important; background: #e9f0f4 !important; }
.terminal-shell { background: #061522 !important; }
.light-theme .terminal-shell { background: #eaf1f5 !important; }
.terminal-topbar { min-height: 68px !important; border-bottom: 1px solid #21455b !important; background: #061724 !important; }
.light-theme .terminal-topbar { background: #fff !important; border-color: #c6d9e4 !important; }
.terminal-brand b { color: #fff !important; font-size: 15px !important; }
.terminal-brand small { color: #63d8f3 !important; font-size: 9px !important; font-weight: 850 !important; }
.light-theme .terminal-brand b { color: #071a2b !important; }
.top-metrics article { min-width: 112px !important; border-left-color: #24485e !important; }
.top-metrics small { color: #98b6c6 !important; font-size: 9px !important; font-weight: 800 !important; }
.top-metrics b { color: #f2f9fd !important; font-size: 13px !important; }
.light-theme .top-metrics small { color: #3d6277 !important; }
.light-theme .top-metrics b { color: #071a2b !important; }
.utility-button, .deposit-button, .round-button { min-height: 38px !important; font-size: 12px !important; font-weight: 740 !important; }
.utility-button, .round-button { color: #dceef5 !important; border-color: #31586f !important; background: #0a2133 !important; }
.light-theme :is(.utility-button,.round-button) { color: #123b53 !important; border-color: #a4c0d0 !important; background: #fff !important; }
.deposit-button { color: #fff !important; background: #0a84c7 !important; }
.live-status { color: #c8dce6 !important; font-size: 10px !important; }
.light-theme .live-status { color: #294f65 !important; }
.terminal-grid { gap: 1px !important; background: #1f4358 !important; }
.market-sidebar, .trade-workspace, .account-sidebar { background: #071a29 !important; }
.light-theme :is(.market-sidebar,.trade-workspace,.account-sidebar) { background: #f6f9fb !important; }
.aside-title b, .account-heading b { color: #eef8fc !important; font-size: 12px !important; }
.aside-title span, .account-heading small { color: #96b6c7 !important; font-size: 10px !important; }
.light-theme :is(.aside-title b,.account-heading b) { color: #071a2b !important; }
.light-theme :is(.aside-title span,.account-heading small) { color: #3c6176 !important; }
.market-search { min-height: 42px !important; border-color: #2e556c !important; background: #061523 !important; }
.market-search input { min-height: 38px !important; color: #fff !important; background: transparent !important; font-size: 12px !important; }
.light-theme .market-search { border-color: #aac4d2 !important; background: #fff !important; }
.light-theme .market-search input { color: #071a2b !important; }
.market-tabs { gap: 5px !important; }
.market-tabs button { min-height: 35px !important; color: #aac3d1 !important; background: #0a2032 !important; border: 1px solid #284b61 !important; font-size: 10px !important; font-weight: 760 !important; }
.market-tabs button.active { color: #fff !important; background: #0a7fb9 !important; border-color: #2093c3 !important; }
.light-theme .market-tabs button { color: #244b62 !important; background: #fff !important; border-color: #b2cbd7 !important; }
.light-theme .market-tabs button.active { color: #fff !important; }
.market-row { min-height: 59px !important; color: #e6f2f7 !important; border-color: #1e4054 !important; background: transparent !important; }
.market-row:hover, .market-row.selected { background: #0b2b42 !important; }
.market-row.selected { box-shadow: inset 3px 0 #2cb9df !important; }
.market-row b { color: #f1f9fc !important; font-size: 12px !important; }
.market-row small { color: #9ab7c7 !important; font-size: 10px !important; }
.light-theme .market-row { color: #102e42 !important; border-color: #d5e2e9 !important; }
.light-theme .market-row:hover, .light-theme .market-row.selected { background: #e9f5fa !important; }
.light-theme .market-row b { color: #071a2b !important; }
.light-theme .market-row small { color: #3c6075 !important; }
.asset-logo {
  position: relative !important;
  isolation: isolate;
  overflow: hidden !important;
  color: #f5fbff !important;
  border: 1px solid color-mix(in srgb, var(--asset-color, #2da9d1) 72%, white) !important;
  border-radius: 12px !important;
  background: color-mix(in srgb, var(--asset-color, #0d6387) 42%, #071827) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.14), 0 6px 16px rgba(0,10,18,.18) !important;
}
.asset-logo img {
  position: absolute;
  inset: 4px;
  z-index: 2;
  width: calc(100% - 8px) !important;
  height: calc(100% - 8px) !important;
  object-fit: contain;
  border-radius: 8px;
  background: #fff;
}
.asset-logo .asset-fallback,
.asset-logo .asset-monogram {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  color: #fff !important;
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -.02em;
}
.asset-logo.large :is(.asset-fallback,.asset-monogram) { font-size: 13px; }
.asset-logo.icon-brand { background: #fff !important; border-color: color-mix(in srgb, var(--asset-color, #5793b8) 55%, #bed3df) !important; }
.asset-logo.icon-crypto { background: #f8fbfd !important; border-color: color-mix(in srgb, var(--asset-color, #d9891c) 62%, #dce9ef) !important; }
.asset-logo.icon-flags { padding: 0 !important; background: #0a2134 !important; }
.currency-pair {
  position: relative;
  width: 31px;
  height: 27px;
  display: block;
}
.currency-pair i {
  position: absolute;
  width: 21px;
  height: 21px;
  display: grid;
  place-items: center;
  border: 2px solid #0a2134;
  border-radius: 50%;
  color: #fff;
  background: var(--currency-a, #1689e8);
  font: 850 7px/1 var(--vm-font);
  font-style: normal;
  box-shadow: 0 3px 8px rgba(0,0,0,.18);
}
.currency-pair i:first-child { left: 0; top: 0; }
.currency-pair i:last-child { right: 0; bottom: 0; background: var(--currency-b, #14a57f); }
.currency-pair .currency-EUR { background: #2369d8; }
.currency-pair .currency-USD { background: #177c5b; }
.currency-pair .currency-GBP { background: #8b4cc7; }
.currency-pair .currency-JPY { background: #3f7fe0; }
.currency-pair .currency-CHF { background: #276fdc; }
.currency-pair .currency-AUD { background: #2671b8; }
.currency-pair .currency-CAD { background: #377ade; }
.currency-pair .currency-NZD { background: #26735b; }
.currency-pair .currency-MXN { background: #13866b; }
.asset-market-glyph { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.asset-logo.icon-flag { background: linear-gradient(145deg, color-mix(in srgb, var(--asset-color) 65%, #10263a), #081a2a) !important; }
.asset-logo.icon-commodity .asset-monogram { color: #fff7e7 !important; font-size: 11px; }
.asset-logo.icon-commodity { background: linear-gradient(145deg, color-mix(in srgb, var(--asset-color) 68%, #17202a), #0a1824) !important; }
.light-theme .asset-logo { border-color: color-mix(in srgb, var(--asset-color, #1689e8) 62%, #7fa8bd) !important; }
.light-theme .asset-logo.icon-flags { background: #e8f2f7 !important; }
.light-theme .currency-pair i { border-color: #e8f2f7; }
.market-row.selected .asset-logo { transform: scale(1.04); }
.instrument-bar { min-height: 74px !important; border-bottom: 1px solid #21445a !important; background: #091e2f !important; }
.light-theme .instrument-bar { background: #fff !important; border-color: #cadce5 !important; }
.instrument-main h1 { color: #fff !important; font-size: 18px !important; }
.instrument-main small, .elite-instrument-stats small, .instrument-quote small { color: #98b5c5 !important; font-size: 9px !important; }
.elite-instrument-stats b, .instrument-quote b { color: #eff8fc !important; font-size: 12px !important; }
.instrument-quote > b { font-size: 20px !important; }
.light-theme .instrument-main h1, .light-theme :is(.elite-instrument-stats b,.instrument-quote b) { color: #071a2b !important; }
.light-theme :is(.instrument-main small,.elite-instrument-stats small,.instrument-quote small) { color: #3b6075 !important; }
.terminal-chart, .positions-panel { border-color: #22495e !important; background: #061623 !important; }
.light-theme :is(.terminal-chart,.positions-panel) { border-color: #c4d8e2 !important; background: #fff !important; }
.chart-toolbar { min-height: 58px !important; border-bottom-color: #21465b !important; background: #081b2a !important; }
.light-theme .chart-toolbar { background: #f7fafc !important; border-color: #cedde5 !important; }
.chart-tool, .chart-action { min-height: 39px !important; color: #cee2eb !important; border-color: #2b5168 !important; background: #0a2133 !important; font-size: 11px !important; }
.chart-tool small, .chart-action small { color: #8dabbc !important; font-size: 8px !important; }
.chart-tool b { color: #edf7fb !important; font-size: 10px !important; }
.chart-tool.active { border-color: #1f9eca !important; background: #0b3550 !important; }
.light-theme :is(.chart-tool,.chart-action) { color: #183e55 !important; border-color: #aac4d2 !important; background: #fff !important; }
.light-theme .chart-tool small, .light-theme .chart-action small { color: #45687c !important; }
.light-theme .chart-tool b { color: #071a2b !important; }
.toolbar-menu, .account-popover, .order-ticket { color: #eaf5fa !important; border: 1px solid #315b73 !important; background: #0a2134 !important; box-shadow: 0 24px 60px rgba(0,0,0,.40) !important; }
.light-theme :is(.toolbar-menu,.account-popover,.order-ticket) { color: #071a2b !important; border-color: #afc8d5 !important; background: #fff !important; }
.toolbar-menu b, .account-popover b, .order-ticket h2, .order-ticket b { color: #f4fbff !important; }
.toolbar-menu small, .account-popover small, .order-ticket p, .order-ticket small, .order-ticket label { color: #adc6d3 !important; font-size: max(10px, .625rem) !important; }
.light-theme :is(.toolbar-menu b,.account-popover b,.order-ticket h2,.order-ticket b) { color: #071a2b !important; }
.light-theme :is(.toolbar-menu small,.account-popover small,.order-ticket p,.order-ticket small,.order-ticket label) { color: #365b71 !important; }
.quote-button, .submit-order { min-height: 48px !important; font-size: 13px !important; font-weight: 820 !important; }
.quote-button.sell { color: #fff !important; background: #236ad4 !important; }
.quote-button.buy, .submit-order { color: #fff !important; background: #078ab9 !important; }
.positions-head button { color: #abc4d2 !important; font-size: 10px !important; font-weight: 760 !important; }
.positions-head button.active { color: #fff !important; }
.light-theme .positions-head button { color: #3d6277 !important; }
.light-theme .positions-head button.active { color: #076f9e !important; }
.account-nav a { min-height: 43px !important; color: #c6dbe5 !important; font-size: 12px !important; }
.account-nav a:hover { color: #fff !important; background: #0a2a40 !important; }
.light-theme .account-nav a { color: #244b62 !important; }
.light-theme .account-nav a:hover { color: #071a2b !important; background: #eaf4f8 !important; }
.profile-card b { color: #fff !important; font-size: 12px !important; }
.profile-card small { color: #9cb9c8 !important; font-size: 10px !important; }
.light-theme .profile-card b { color: #071a2b !important; }
.light-theme .profile-card small { color: #3b6075 !important; }
.positive { color: #33d6a0 !important; }
.negative { color: #78aeff !important; }

/* Responsive rules */
@media (max-width: 1180px) {
  .hero-section { grid-template-columns: minmax(0, 1fr) minmax(420px, .9fr) !important; }
  .hero-campaign, .hero-campaign img { min-height: 500px; }
  .landing-nav nav { display: none !important; }
  .top-metrics article:nth-child(3) { display: none !important; }
}

@media (max-width: 900px) {
  .landing-nav { min-height: 68px !important; padding: 10px 16px !important; }
  .landing-actions .theme-switch-label, .nav-login { display: none !important; }
  .landing-actions .nav-primary { padding-inline: 13px !important; font-size: 12px !important; }
  .hero-section { grid-template-columns: 1fr !important; min-height: auto !important; padding-top: 54px !important; }
  .hero-copy { max-width: none !important; }
  .hero-copy h1 { font-size: clamp(43px, 11vw, 68px) !important; }
  .hero-campaign, .hero-campaign img { min-height: 470px; }
  .landing-footer { grid-template-columns: 1fr !important; }
  .login-layout { grid-template-columns: 1fr !important; }
  .login-brand-panel { display: none !important; }
  .login-form-panel { min-height: 100vh !important; padding: 22px !important; }
  .login-card { margin: auto; }
  .public-header nav { display: none !important; }
  .public-menu-button { display: inline-grid !important; }
  .staff-content, .portal-content { padding: 20px !important; }
}

@media (max-width: 720px) {
  body { font-size: 14px; }
  .landing-nav .aureo-brand small { display: none !important; }
  .elite-market-tape {
    width: calc(100% - 20px) !important;
    min-height: 46px !important;
    margin: 9px auto 0 !important;
    padding: 0 13px !important;
    display: flex !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none;
    scroll-snap-type: x proximity;
  }
  .elite-market-tape::-webkit-scrollbar { display: none; }
  .elite-market-tape > span { display: none !important; }
  .elite-market-tape > div { min-width: max-content !important; flex: 0 0 max-content !important; gap: 24px !important; animation: none !important; transform: none !important; }
  .elite-market-tape b { scroll-snap-align: start; }
  .hero-section { padding: 44px 17px 54px !important; gap: 34px !important; }
  .hero-copy h1 { font-size: clamp(39px, 12vw, 54px) !important; }
  .hero-copy > p { font-size: 16px !important; margin-block: 22px !important; }
  .hero-actions { display: grid !important; grid-template-columns: 1fr; }
  .hero-actions a { width: 100%; }
  .hero-trust { grid-template-columns: 1fr !important; }
  .hero-trust span { padding: 12px 0 !important; border-bottom: 1px solid rgba(133,185,210,.18); }
  .hero-campaign, .hero-campaign img { min-height: 390px; }
  .hero-campaign { border-radius: 20px; }
  .campaign-card { left: 14px; right: 14px; bottom: 14px; padding: 16px; }
  .campaign-card b { font-size: 16px !important; }
  .market-strip { overflow-x: auto; }
  .market-strip > div { min-width: max-content; gap: 22px !important; }
  .features-section, .elite-product-section, .access-section, .discipline-section, .crm-section { padding: 64px 17px !important; }
  .feature-grid { grid-template-columns: 1fr !important; }
  .feature-grid article { min-height: auto !important; }
  .landing-footer { padding: 38px 17px !important; }
  .role-access-top { grid-template-columns: 1fr !important; }
  .login-form-panel { padding: 14px !important; }
  .login-card { padding: 22px 18px !important; border-radius: 17px !important; }
  .login-card h2 { font-size: 30px !important; }
  .public-page, .registration-layout, .support-page-layout { padding-inline: 14px !important; }
  .public-hero { padding: 38px 20px !important; border-radius: 18px !important; }
  .public-hero h1 { font-size: 40px !important; }
  .footer-directory { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .public-footer { padding-inline: 18px !important; }
  .portal-content, .staff-content { padding: 15px !important; }
  .portal-mobile-sections { min-height: 56px !important; overflow-x: auto !important; gap: 5px !important; padding: 7px 12px !important; }
  .portal-mobile-sections a { min-width: max-content; min-height: 40px !important; color: #c3d9e4 !important; background: #0a2235 !important; border: 1px solid #2b5269 !important; border-radius: 9px !important; }
  .light-theme .portal-mobile-sections a { color: #183e55 !important; background: #fff !important; border-color: #afc7d3 !important; }
  .portal-mobile-sections a.active { color: #fff !important; background: #087db7 !important; border-color: #159bd0 !important; }
  .staff-heading { align-items: flex-start !important; }
  .staff-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .staff-card, .staff-form { overflow: hidden; }
  .staff-table { overflow-x: auto !important; }
  .staff-table-head, .staff-row { min-width: 760px; }
  .top-metrics { display: none !important; }
  .terminal-topbar { padding-inline: 10px !important; }
  .terminal-brand span:last-child small { display: none !important; }
  .top-controls .utility-button, .top-controls .live-status, .top-controls .deposit-button { display: none !important; }
  .instrument-bar { padding-inline: 10px !important; }
  .elite-instrument-stats { display: none !important; }
  .chart-toolbar { overflow-x: auto !important; }
  .chart-toolbar > * { flex: 0 0 auto; }
}

@media (max-width: 420px) {
  .landing-nav .aureo-symbol { width: 36px !important; height: 36px !important; }
  .landing-nav .aureo-brand b { font-size: 14px !important; }
  .landing-actions .nav-primary { min-height: 38px !important; }
  .hero-copy h1 { font-size: 39px !important; }
  .hero-campaign, .hero-campaign img { min-height: 330px; }
  .campaign-card small { display: none; }
  .footer-directory { grid-template-columns: 1fr !important; }
  .staff-kpis { grid-template-columns: 1fr !important; }
  .staff-content, .portal-content { padding: 12px !important; }
  .staff-top, .portal-top { padding-inline: 12px !important; }
}

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

/* Readability floor: legacy layers used 6–10 px labels. No meaningful text may
   drop below 11 px, including generated landing content and dense dashboards. */
body small,
.site-notice :is(b, span, a),
.lp-riskbar :is(b, span, a),
.lp-proof :is(b, small),
.lp-section-head > div > span,
.lp-home-account > div > span,
.lp-home-insight > div > span,
.lp-home-payments > header > span,
.lp-home-standards > header > span,
.lp-home-support > div > span,
.lp-footer-directory b,
.lp-footer-payments :is(b, span),
.lp-footer-risk > b,
.portal-side-bottom .webtrader-link :is(small, b, em),
.portal-body .summary-cards :is(small, span),
.portal-body .welcome-row > div > span,
.portal-body .terminal-cta :is(b, small),
.portal-body .portal-footer :is(b, span),
body[data-staff-role] .staff-brand small,
body[data-staff-role] .staff-profile small,
body[data-staff-role] .staff-top small,
body[data-staff-role] .staff-kpis small,
body[data-staff-role] .staff-card header small,
body[data-staff-role] .staff-row small,
.terminal-shell :is(.terminal-brand small, .top-metrics small, .market-row small, .chart-tool small, .chart-action small) {
  font-size: 11px !important;
  line-height: 1.35 !important;
  opacity: 1 !important;
}

.portal-body :is(.summary-cards article, .overview-card, .quick-card, .welcome-row),
body[data-staff-role] :is(.staff-kpis article, .staff-card, .staff-heading) {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
}

.staff-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }

@media (max-width: 1050px) {
  .staff-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

@media (max-width: 520px) {
  .staff-kpis { grid-template-columns: 1fr !important; }
}

html body small:not(#vm-font-floor) { font-size: 11px !important; line-height: 1.4 !important; opacity: 1 !important; }

.portal-user > span,
.terminal-shell :is(.top-metrics span.positive, .elite-command-trigger span, .elite-command-trigger kbd, .live-status b, .top-avatar, .aside-title span, .market-tabs button, .aside-foot b, .instrument-quote > span, .chart-tool > em, .chart-loading, .live-price-tag, .table-tabs span, .terminal-empty, .positions-head .round-button.small) {
  font-size: 11px !important;
  line-height: 1.35 !important;
  opacity: 1 !important;
}

html.light-theme body.landing-v2 .final-cta :is(span, h2, p) { color: #f4fbff !important; }
html.light-theme body.landing-v2 .final-cta p { color: #bad1dd !important; }
html.light-theme body.landing-v2 .hero-copy h1 { font-size: clamp(48px, 5.2vw, 80px) !important; overflow-wrap: anywhere; }
html.light-theme body.landing-v2 .final-cta :is(span, h2, p):not(#vm-readability-floor) { color: #f4fbff !important; opacity: 1 !important; }
html.light-theme body.landing-v2 .final-cta p:not(#vm-readability-floor) { color: #bad1dd !important; }
html.light-theme body.landing-v2 .campaign-card :is(span, b, small):not(#vm-readability-floor) { color: #f4fbff !important; opacity: 1 !important; }
html.light-theme body.landing-v2 .campaign-card span:not(#vm-readability-floor) { color: #65d9f4 !important; }
html.light-theme body.landing-v2 .lp-footer :is(p, small, a, span):not(#vm-readability-floor) { color: #bcd3df !important; opacity: 1 !important; }
html.light-theme body.landing-v2 .lp-footer :is(b, strong):not(#vm-readability-floor) { color: #f4fbff !important; opacity: 1 !important; }

/* Local preparation access: readable, explicit and never styled as faint help text. */
.local-access-card {
  margin-top: 18px;
  padding: 13px;
  border: 1px solid #2f617b;
  border-radius: 12px;
  color: #eaf7fd;
  background: #071d2d;
}
.local-access-card summary { cursor: pointer; color: #8ee8ff; font-size: 12px; font-weight: 800; }
.local-access-card > div { display: grid; gap: 8px; margin-top: 12px; }
.local-access-card span { display: grid; grid-template-columns: 92px 1fr auto; align-items: center; gap: 8px; }
.local-access-card b { color: #fff !important; font-size: 11px !important; }
.local-access-card code { color: #d8edf7; font: 700 11px/1.35 "IBM Plex Mono","Cascadia Code",monospace; overflow-wrap: anywhere; }
.local-access-card small { display: block; margin-top: 10px; color: #b8d1dd !important; font-size: 11px !important; }
.light-theme .local-access-card { border-color: #8eb7cc; color: #0b2a3d; background: #eef8fc; }
.light-theme .local-access-card summary { color: #075f88; }
.light-theme .local-access-card b { color: #071c2b !important; }
.light-theme .local-access-card code { color: #123e56; }
.light-theme .local-access-card small { color: #315d73 !important; }
@media (max-width: 520px) {
  .local-access-card span { grid-template-columns: 1fr; gap: 2px; padding: 8px 0; border-bottom: 1px solid rgba(130,190,218,.22); }
}

html.light-theme body.portal-body .portal-side-bottom .webtrader-link,
html.light-theme body.portal-body .terminal-cta {
  color: #fff !important;
  border-color: #2498c4 !important;
  background: linear-gradient(145deg, #0b5f8c, #087ba7) !important;
}
html.light-theme body.portal-body :is(.portal-side-bottom .webtrader-link, .terminal-cta) :is(b, small, em, strong):not(#vm-readability-floor) { color: #fff !important; opacity: 1 !important; }
html.light-theme body.portal-body .portal-top-logout button { color: #fff !important; background: #0a2940 !important; border-color: #234f69 !important; }

.chart-tool > span {
  width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}
.chart-tool > span small {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

@media (min-width: 761px) {
  .chart-toolbar .tool-picker { width: 118px !important; min-width: 118px !important; flex: 0 0 118px !important; }
  .chart-toolbar .chart-tool.primary {
    width: 118px !important;
    grid-template-columns: 16px minmax(0, 1fr) 8px !important;
    gap: 4px !important;
    padding-inline: 4px !important;
  }
  .elite-instrument-stats span { min-width: 82px !important; }
  .elite-instrument-stats small { white-space: normal !important; }
}

@media (max-width: 760px) {
  .chart-toolbar .tool-picker { overflow: hidden !important; }
  .chart-toolbar .chart-tool.primary { min-width: 0 !important; padding-inline: 4px !important; gap: 3px !important; }
  .chart-toolbar .chart-tool.primary > i { display: none !important; }
  .chart-toolbar .chart-tool.primary { grid-template-columns: minmax(0, 1fr) 8px !important; }
  .instrument-main small, .instrument-quote small { white-space: normal !important; overflow-wrap: anywhere; }
}

/* v32 · single graphite/red product system, cinematic homepage and complete
   removal of the previous marine-blue interface chrome. */
:root {
  --vm-v32-bg: #17191e;
  --vm-v32-surface: #24272d;
  --vm-v32-surface-raised: #2d3137;
  --vm-v32-line: #484e56;
  --vm-v32-text: #f7f8f9;
  --vm-v32-muted: #b9bec5;
  --vm-v32-signal: #005fed;
  --vm-v32-signal-soft: #3183ff;
}

/* Public navigation: restrained graphite and flat, readable menus. */
body.landing-v2 .landing-nav,
html.light-theme body.landing-v2 .landing-nav {
  color: #fff !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 0 !important;
  background: rgba(62,68,75,.97) !important;
  box-shadow: 0 12px 28px rgba(11,13,16,.18) !important;
  backdrop-filter: blur(18px) saturate(120%) !important;
}
body.landing-v2 .landing-nav .lp-nav-group > button { color: #f4f5f6 !important; }
body.landing-v2 .landing-nav .lp-nav-group > button:hover,
body.landing-v2 .landing-nav .lp-nav-group.open > button { color: #fff !important; box-shadow: inset 0 -2px var(--vm-v32-signal) !important; }
body.landing-v2 .lp-mega-menu,
html.light-theme body.landing-v2 .lp-mega-menu {
  padding: 18px !important;
  color: var(--vm-v32-text) !important;
  border: 1px solid #555b63 !important;
  border-radius: 4px !important;
  background: #2a2e34 !important;
  box-shadow: 0 28px 70px rgba(8,10,13,.38) !important;
}
body.landing-v2 .lp-mega-menu section + section { border-color: #484e56 !important; }
body.landing-v2 .lp-mega-menu section > small { color: var(--vm-v32-signal-soft) !important; }
body.landing-v2 .landing-nav nav .lp-mega-menu a {
  min-height: 52px !important;
  padding: 9px 12px !important;
  color: #fff !important;
  border: 0 !important;
  border-left: 3px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
}
body.landing-v2 .landing-nav nav .lp-mega-menu a:hover,
body.landing-v2 .landing-nav nav .lp-mega-menu a:focus-visible {
  border-left-color: var(--vm-v32-signal) !important;
  background: #353a41 !important;
}
body.landing-v2 .lp-mega-menu a b { color: #fff !important; }
body.landing-v2 .lp-mega-menu a em { color: #c1c6cc !important; }

/* Three original, full-bleed campaigns replace the split hero that clipped the
   photography. The motion is CSS-driven and pauses for reduced-motion users. */
body.landing-v2 .lp-cinematic-hero,
html.light-theme body.landing-v2 .lp-cinematic-hero {
  position: relative !important;
  isolation: isolate !important;
  min-height: clamp(680px,calc(100svh - 116px),860px) !important;
  display: block !important;
  overflow: hidden !important;
  color: #fff !important;
  background: #24272d !important;
}
body.landing-v2 .lp-cinematic-hero::before {
  content: "" !important;
  position: absolute !important;
  z-index: 2 !important;
  inset: 0 !important;
  display: block !important;
  background: linear-gradient(90deg,rgba(24,27,32,.98) 0%,rgba(27,30,35,.91) 33%,rgba(27,30,35,.46) 58%,rgba(19,21,25,.08) 100%) !important;
  pointer-events: none !important;
}
body.landing-v2 .lp-hero-reel { position: absolute !important; z-index: 1 !important; inset: 0 !important; overflow: hidden !important; }
body.landing-v2 .lp-hero-reel > figure { position: absolute !important; inset: 0 !important; margin: 0 !important; opacity: 0 !important; visibility: hidden !important; transition: opacity .9s ease,visibility .9s !important; }
body.landing-v2 .lp-hero-reel > figure.active { opacity: 1 !important; visibility: visible !important; }
body.landing-v2 .lp-hero-reel img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: var(--hero-focus,center) !important;
  transform: scale(1.025) translate3d(0,0,0) !important;
  filter: saturate(.82) contrast(1.04) !important;
}
body.landing-v2 .lp-hero-reel > figure.active img { animation: vm-v32-hero-drift 7.2s linear both !important; }
@keyframes vm-v32-hero-drift { from { transform: scale(1.025) translate3d(0,0,0); } to { transform: scale(1.085) translate3d(-1.2%,0,0); } }
body.landing-v2 .lp-hero-data { position: absolute !important; inset: 0 !important; overflow: hidden !important; opacity: .42 !important; }
body.landing-v2 .lp-hero-data::before { content:"" !important; position:absolute !important; inset:0 !important; background:linear-gradient(110deg,transparent 35%,rgba(0,95,237,.13) 35.2%,transparent 35.5%) !important; animation:vm-v32-scan 5.5s ease-in-out infinite !important; }
body.landing-v2 .lp-hero-data svg { position:absolute !important; right:-4% !important; bottom:4% !important; width:66% !important; height:34% !important; overflow:visible !important; }
body.landing-v2 .lp-hero-data path { fill:none !important; stroke:rgba(0,95,237,.74) !important; stroke-width:2 !important; stroke-dasharray:9 12 !important; animation:vm-v32-flow 7s linear infinite !important; }
body.landing-v2 .lp-hero-data > i { position:absolute !important; width:5px !important; height:5px !important; border-radius:50% !important; background:#fff !important; box-shadow:0 0 0 5px rgba(0,95,237,.22),0 0 25px rgba(0,95,237,.55) !important; }
body.landing-v2 .lp-hero-data > i:nth-child(1){right:45%;bottom:23%} body.landing-v2 .lp-hero-data > i:nth-child(2){right:31%;bottom:29%} body.landing-v2 .lp-hero-data > i:nth-child(3){right:18%;bottom:37%} body.landing-v2 .lp-hero-data > i:nth-child(4){right:7%;bottom:44%}
@keyframes vm-v32-flow { to { stroke-dashoffset:-84; } }
@keyframes vm-v32-scan { 0%,25% { transform:translateX(-45%); opacity:0; } 45%,70% { opacity:1; } 100% { transform:translateX(70%); opacity:0; } }
body.landing-v2 .lp-cinematic-hero .hero-copy {
  position: relative !important;
  z-index: 5 !important;
  width: min(58%,780px) !important;
  max-width: 780px !important;
  min-height: clamp(680px,calc(100svh - 116px),860px) !important;
  margin: 0 !important;
  padding: clamp(92px,11vh,138px) 42px 72px clamp(32px,5.4vw,88px) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  transform: none !important;
}
body.landing-v2 .lp-cinematic-hero .eyebrow { color:#fff !important; letter-spacing:.12em !important; }
body.landing-v2 .lp-cinematic-hero .eyebrow i { background:var(--vm-v32-signal) !important; box-shadow:0 0 0 5px rgba(0,95,237,.16) !important; }
body.landing-v2 .lp-cinematic-hero .hero-copy h1 {
  max-width: 760px !important;
  margin: 24px 0 20px !important;
  color: #fff !important;
  font-size: clamp(64px,6.4vw,104px) !important;
  font-weight: 760 !important;
  line-height: .9 !important;
  letter-spacing: -.065em !important;
  text-wrap: balance !important;
}
body.landing-v2 .lp-cinematic-hero .hero-copy h1 em { color:#fff !important; font-style:normal !important; }
body.landing-v2 .lp-cinematic-hero .hero-copy > p { max-width:650px !important; margin:0 !important; color:#d6d9dd !important; font-size:clamp(16px,1.35vw,21px) !important; line-height:1.55 !important; }
body.landing-v2 .lp-cinematic-hero .hero-actions { margin-top:32px !important; }
body.landing-v2 .lp-cinematic-hero :is(.hero-primary,.hero-secondary) { min-height:52px !important; border-radius:3px !important; }
body.landing-v2 .lp-cinematic-hero .hero-primary { background:var(--vm-v32-signal) !important; border-color:var(--vm-v32-signal) !important; }
body.landing-v2 .lp-cinematic-hero .hero-secondary { background:rgba(47,51,57,.82) !important; border-color:rgba(255,255,255,.32) !important; backdrop-filter:blur(12px) !important; }
body.landing-v2 .lp-cinematic-hero .hero-trust { width:min(690px,100%) !important; margin-top:clamp(38px,6vh,66px) !important; }
body.landing-v2 .lp-hero-status { position:absolute !important; z-index:6 !important; top:28px !important; right:32px !important; display:flex !important; gap:22px !important; color:#f0f1f3 !important; font-size:10px !important; font-weight:850 !important; letter-spacing:.09em !important; }
body.landing-v2 .lp-hero-status span { display:flex !important; align-items:center !important; gap:8px !important; }
body.landing-v2 .lp-hero-status i { width:6px !important; height:6px !important; border-radius:50% !important; background:var(--vm-v32-signal) !important; box-shadow:0 0 0 5px rgba(0,95,237,.16) !important; }
body.landing-v2 .lp-hero-controls { position:absolute !important; z-index:7 !important; right:34px !important; bottom:30px !important; display:flex !important; align-items:center !important; gap:9px !important; }
body.landing-v2 .lp-hero-controls button { width:58px !important; height:36px !important; padding:0 !important; display:grid !important; grid-template-columns:auto 1fr !important; gap:8px !important; align-items:center !important; color:#d6d9dd !important; border:0 !important; border-radius:0 !important; background:transparent !important; cursor:pointer !important; }
body.landing-v2 .lp-hero-controls button span { font-size:12px !important; font-weight:850 !important; }
body.landing-v2 .lp-hero-controls button > i { height:2px !important; overflow:hidden !important; background:rgba(255,255,255,.32) !important; }
body.landing-v2 .lp-hero-controls button > i::after { content:"" !important; display:block !important; width:0 !important; height:100% !important; background:var(--vm-v32-signal) !important; }
body.landing-v2 .lp-hero-controls button.active { color:#fff !important; }
body.landing-v2 .lp-hero-controls button.active > i::after { animation:vm-v32-progress 7.2s linear both !important; }
body.landing-v2 .lp-hero-controls .lp-hero-pause { width:38px !important; display:grid !important; place-items:center !important; border:1px solid rgba(255,255,255,.35) !important; border-radius:3px !important; background:rgba(31,34,39,.72) !important; }
@keyframes vm-v32-progress { to { width:100%; } }

/* Portal: no duplicated logout, readable payment instructions and explicit
   administrative leverage controls. */
body.portal-body .portal-top { grid-template-columns:minmax(170px,1fr) auto minmax(170px,1fr) !important; }
body.portal-body .portal-top-logout { display:none !important; }
body.portal-body :is(.method-instructions,.card-secure-note) { color:var(--vm-v32-text) !important; border:1px solid #454b53 !important; border-radius:3px !important; background:#2b2f35 !important; }
body.portal-body .method-instructions b { color:#fff !important; font-size:12px !important; }
body.portal-body .method-instructions span { color:#d0d4d9 !important; font-size:11px !important; line-height:1.5 !important; }
body.portal-body .method-instructions em { color:#aeb4bc !important; }
body.portal-body .portal-sidebar nav a { border:1px solid transparent !important; border-radius:3px !important; }
body.portal-body .portal-sidebar nav a:hover { color:#fff !important; border-color:#484e56 !important; background:#2c3036 !important; }
body.portal-body .portal-sidebar nav a.active { color:#fff !important; border-color:#555b63 !important; background:#30343a !important; box-shadow:inset 3px 0 var(--vm-v32-signal) !important; }
body.portal-body .portal-sidebar nav .nav-icon { color:#fff !important; border:1px solid #50565e !important; background:#383d44 !important; }
body.portal-body .portal-sidebar nav a.active .nav-icon { color:#fff !important; border-color:var(--vm-v32-signal) !important; background:var(--vm-v32-signal) !important; }

body[data-staff-role] .admin-leverage-control { margin:18px 0 !important; padding:18px !important; border:1px solid #484e56 !important; border-left:3px solid var(--vm-v32-signal) !important; border-radius:3px !important; background:#2b2f35 !important; }
body[data-staff-role] .admin-leverage-intro { margin-bottom:14px !important; display:flex !important; align-items:flex-end !important; justify-content:space-between !important; gap:16px !important; }
body[data-staff-role] .admin-leverage-intro span { display:grid !important; gap:3px !important; }
body[data-staff-role] .admin-leverage-intro small { color:var(--vm-v32-signal-soft) !important; font-size:10px !important; font-weight:850 !important; letter-spacing:.11em !important; }
body[data-staff-role] .admin-leverage-intro b { color:#fff !important; font-size:17px !important; }
body[data-staff-role] .admin-leverage-intro em { color:#c4c9d0 !important; font-size:11px !important; font-style:normal !important; }
body[data-staff-role] .admin-leverage-grid { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px !important; }
body[data-staff-role] .admin-leverage-item { min-width:0 !important; margin:0 !important; padding:12px !important; display:flex !important; align-items:center !important; justify-content:space-between !important; gap:12px !important; border:1px solid #4b5159 !important; border-radius:3px !important; background:#25292f !important; }
body[data-staff-role] .admin-leverage-item:last-child { grid-column:1/-1 !important; }
body[data-staff-role] .admin-leverage-item > span:first-child { min-width:0 !important; display:grid !important; gap:2px !important; }
body[data-staff-role] .admin-leverage-item > span:first-child b { color:#f6f7f8 !important; font-size:13px !important; }
body[data-staff-role] .admin-leverage-item > span:first-child small { color:#aeb4bc !important; font-size:10px !important; line-height:1.3 !important; }
body[data-staff-role] .leverage-field { margin:0 !important; display:flex !important; align-items:center !important; gap:5px !important; flex:0 0 auto !important; }
body[data-staff-role] .leverage-field b { color:var(--vm-v32-signal-soft) !important; font-size:16px !important; }
body[data-staff-role] .leverage-field input { width:74px !important; min-height:40px !important; padding:8px !important; text-align:center !important; }
body[data-staff-role] .admin-leverage-control > p { margin:14px 0 0 !important; color:#b9bec5 !important; font-size:11px !important; line-height:1.55 !important; }
body[data-staff-role] .admin-leverage-control > p b { color:#e8eaed !important; }
body[data-staff-role] .admin-costs-control { margin:18px 0 !important; padding:18px !important; border:1px solid #484e56 !important; border-left:3px solid #36a4ff !important; border-radius:3px !important; background:#25292f !important; }
body[data-staff-role] .admin-costs-intro { display:flex !important; align-items:flex-end !important; justify-content:space-between !important; gap:16px !important; }
body[data-staff-role] .admin-costs-intro > span { display:grid !important; gap:3px !important; }
body[data-staff-role] .admin-costs-intro small { color:#72beff !important; font-size:10px !important; font-weight:850 !important; letter-spacing:.11em !important; }
body[data-staff-role] .admin-costs-intro b { color:#fff !important; font-size:17px !important; }
body[data-staff-role] .admin-costs-intro em { color:#c4c9d0 !important; font-size:11px !important; font-style:normal !important; }
body[data-staff-role] .admin-costs-guide { margin:14px 0 10px !important; display:grid !important; grid-template-columns:1fr 1fr !important; gap:8px !important; }
body[data-staff-role] .admin-costs-guide > span { min-width:0 !important; padding:10px 12px !important; display:grid !important; gap:2px !important; border:1px solid #48515b !important; border-radius:3px !important; background:#20242a !important; }
body[data-staff-role] .admin-costs-guide b { color:#e9f5ff !important; font-size:11px !important; }
body[data-staff-role] .admin-costs-guide small { color:#abb4bd !important; font-size:10px !important; line-height:1.4 !important; }
body[data-staff-role] .admin-costs-grid { display:grid !important; gap:8px !important; }
body[data-staff-role] .admin-costs-row { min-width:0 !important; padding:12px !important; display:grid !important; grid-template-columns:minmax(130px,1.2fr) repeat(4,minmax(92px,1fr)) !important; gap:10px !important; align-items:end !important; border:1px solid #4b5159 !important; border-radius:3px !important; background:#2b2f35 !important; }
body[data-staff-role] .admin-costs-market { min-width:0 !important; display:grid !important; align-self:center !important; gap:3px !important; }
body[data-staff-role] .admin-costs-market b { color:#f6f7f8 !important; font-size:12px !important; }
body[data-staff-role] .admin-costs-market small { color:#aeb4bc !important; font-size:9px !important; line-height:1.3 !important; }
body[data-staff-role] .admin-costs-row label { min-width:0 !important; margin:0 !important; color:#b9c1ca !important; font-size:9px !important; }
body[data-staff-role] .admin-costs-row label > small { min-height:24px !important; display:flex !important; align-items:flex-end !important; line-height:1.2 !important; }
body[data-staff-role] .admin-costs-row label > span { margin-top:5px !important; display:flex !important; align-items:center !important; gap:5px !important; }
body[data-staff-role] .admin-costs-row input { width:100% !important; min-width:0 !important; min-height:38px !important; padding:7px 8px !important; text-align:right !important; }
body[data-staff-role] .admin-costs-row label b { flex:0 0 auto !important; color:#72beff !important; font-size:9px !important; }
body[data-staff-role] .admin-costs-control > p { margin:14px 0 0 !important; color:#b9bec5 !important; font-size:11px !important; line-height:1.55 !important; }
body[data-staff-role] .admin-costs-control > p b { color:#e8eaed !important; }

/* WebTrader: every interactive control is visibly a button, and every menu is
   a neutral graphite surface with a red state indicator. */
.terminal-shell .utility-button,
.terminal-shell .elite-command-trigger,
.terminal-shell .round-button,
.terminal-shell .chart-tool,
.terminal-shell .chart-action {
  color:#f5f6f7 !important;
  border:1px solid #50565e !important;
  border-radius:3px !important;
  background:#30343a !important;
  background-image:none !important;
  box-shadow:0 1px 0 rgba(255,255,255,.04),0 5px 12px rgba(0,0,0,.12) !important;
}
.terminal-shell :is(.utility-button,.elite-command-trigger,.round-button,.chart-tool,.chart-action):hover,
.terminal-shell :is(.utility-button,.elite-command-trigger,.round-button,.chart-tool,.chart-action):focus-visible {
  color:#fff !important;
  border-color:#676e77 !important;
  background:#3b4047 !important;
}
.terminal-shell .elite-command-trigger kbd { color:#fff !important; border-color:#575d65 !important; border-radius:2px !important; background:#202329 !important; }
.terminal-shell .chart-tool.primary { min-height:44px !important; background:#2d3137 !important; }
.terminal-shell .chart-tool.primary > i { color:#fff !important; border:1px solid #555b63 !important; border-radius:2px !important; background:#3a3f46 !important; }
.terminal-shell .chart-tool.primary.active { border-color:#5f656e !important; background:#363a41 !important; box-shadow:inset 0 -3px var(--vm-v32-signal) !important; }
.terminal-shell .chart-tool.primary.active > i { border-color:var(--vm-v32-signal) !important; background:var(--vm-v32-signal) !important; }
.terminal-shell .chart-tool.primary small { color:#b9bec5 !important; }
.terminal-shell .chart-tool.primary b { color:#fff !important; }
.terminal-shell .toolbar-divider { background:#4a5058 !important; }
.terminal-shell .toolbar-actions { gap:6px !important; }
.terminal-shell .chart-action { width:42px !important; min-width:42px !important; height:40px !important; min-height:40px !important; padding:0 !important; }
.terminal-shell .chart-action > i { color:#fff !important; }
.terminal-shell .chart-action .ui-icon { width:19px !important; height:19px !important; stroke-width:2.05 !important; }
.terminal-shell .chart-action.active { border-color:var(--vm-v32-signal) !important; background:#443037 !important; box-shadow:inset 0 -2px var(--vm-v32-signal) !important; }
.terminal-shell :is(.toolbar-menu,.account-popover) {
  color:var(--vm-v32-text) !important;
  border:1px solid #565c65 !important;
  border-radius:4px !important;
  background:#292d33 !important;
  background-image:none !important;
  box-shadow:0 24px 60px rgba(0,0,0,.45) !important;
}
.terminal-shell :is(.toolbar-menu,.account-popover) header { border-color:#454a52 !important; background:#25282e !important; }
.terminal-shell :is(.toolbar-menu,.account-popover) :is(b,strong) { color:#fff !important; }
.terminal-shell :is(.toolbar-menu,.account-popover) small { color:#b8bdc4 !important; }
.terminal-shell .option-menu > button,
.terminal-shell .account-popover > a,
.terminal-shell .account-popover > form > button {
  min-height:54px !important;
  color:#eef0f2 !important;
  border:0 !important;
  border-bottom:1px solid #3e434a !important;
  border-left:3px solid transparent !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.terminal-shell .option-menu > button:last-child,
.terminal-shell .account-popover > :last-child { border-bottom-color:transparent !important; }
.terminal-shell .option-menu > button:hover,
.terminal-shell .option-menu > button.active,
.terminal-shell .account-popover > a:hover,
.terminal-shell .account-popover > a.active,
.terminal-shell .account-popover > form > button:hover {
  color:#fff !important;
  border-left-color:var(--vm-v32-signal) !important;
  background:#363a41 !important;
  box-shadow:none !important;
}
.terminal-shell .option-menu > button > i,
.terminal-shell .account-popover .nav-icon {
  color:#fff !important;
  border:1px solid #50565e !important;
  border-radius:2px !important;
  background:#3a3f46 !important;
}
.terminal-shell .option-menu > button.active > i,
.terminal-shell .account-popover > a.active .nav-icon { color:#fff !important; border-color:var(--vm-v32-signal) !important; background:var(--vm-v32-signal) !important; }
.terminal-shell .timeframe-grid button { color:#e8eaed !important; border:1px solid #484e56 !important; border-radius:2px !important; background:#30343a !important; }
.terminal-shell .timeframe-grid button:hover { border-color:#656b74 !important; background:#3a3f46 !important; }
.terminal-shell .timeframe-grid button.active { color:#fff !important; border-color:var(--vm-v32-signal) !important; background:#423038 !important; box-shadow:inset 0 -2px var(--vm-v32-signal) !important; }
.terminal-shell .tool-use-guide { color:#d9dcdf !important; border-color:#484e56 !important; border-radius:2px !important; background:#30343a !important; }
.terminal-shell .tool-use-guide i { color:#fff !important; border:0 !important; border-radius:2px !important; background:var(--vm-v32-signal) !important; }
.terminal-shell .account-popover > form > button { color:#6da7ff !important; }

.terminal-shell .positions-head { min-height:48px !important; border-bottom:1px solid #3e434a !important; }
.terminal-shell .table-tabs { align-self:stretch !important; gap:2px !important; }
.terminal-shell .table-tabs button {
  min-height:47px !important;
  padding:0 14px !important;
  color:#bfc4ca !important;
  border:0 !important;
  border-bottom:3px solid transparent !important;
  border-radius:0 !important;
  background:transparent !important;
}
.terminal-shell .table-tabs button:hover { color:#fff !important; background:#292d33 !important; }
.terminal-shell .table-tabs button.active { color:#fff !important; border-bottom-color:var(--vm-v32-signal) !important; background:#30343a !important; box-shadow:none !important; }
.terminal-shell .table-tabs button span { min-width:20px !important; height:20px !important; display:inline-grid !important; place-items:center !important; color:#fff !important; border-radius:2px !important; background:#4a5058 !important; }
.terminal-shell .table-tabs button.active span { background:var(--vm-v32-signal) !important; }

/* Public information, login and staff pages inherit the same neutral controls. */
body.public-info-body :is(.public-header,.public-topic-card,.public-detail,.public-knowledge article,.public-bottom-cta,.support-form-card,.registration-panel),
body.login-body :is(.login-card,.local-access-card),
body[data-staff-role] :is(.staff-card,.staff-form,.staff-kpis article,.provider-card,.access-matrix) {
  border-color:#454b53 !important;
  border-radius:4px !important;
  background-image:none !important;
}
body.public-info-body :is(.public-primary,.public-open),
body.login-body .login-submit,
body[data-staff-role] :is(button.primary,.primary) { color:#fff !important; border-radius:3px !important; background:var(--vm-v32-signal) !important; background-image:none !important; }

@media (max-width: 1080px) {
  body.landing-v2 .lp-cinematic-hero .hero-copy { width:68% !important; }
  body.landing-v2 .lp-cinematic-hero .hero-copy h1 { font-size:clamp(58px,8vw,86px) !important; }
}
@media (max-width: 760px) {
  body[data-staff-role] .admin-leverage-intro { align-items:flex-start !important; flex-direction:column !important; gap:5px !important; }
  body[data-staff-role] .admin-leverage-grid { grid-template-columns:1fr !important; }
  body[data-staff-role] .admin-leverage-item:last-child { grid-column:auto !important; }
  body[data-staff-role] .admin-costs-intro { align-items:flex-start !important; flex-direction:column !important; gap:5px !important; }
  body[data-staff-role] .admin-costs-guide { grid-template-columns:1fr !important; }
  body[data-staff-role] .admin-costs-row { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  body[data-staff-role] .admin-costs-market { grid-column:1/-1 !important; padding-bottom:3px !important; }
  body.landing-v2 .lp-cinematic-hero { min-height:790px !important; display:block !important; background:#24272d !important; }
  body.landing-v2 .lp-cinematic-hero::before { background:linear-gradient(180deg,rgba(24,27,32,.98) 0%,rgba(24,27,32,.90) 54%,rgba(24,27,32,.34) 78%,rgba(24,27,32,.18) 100%) !important; }
  body.landing-v2 .lp-hero-reel img { object-position:72% center !important; }
  body.landing-v2 .lp-cinematic-hero .hero-copy { width:100% !important; min-height:790px !important; padding:68px 20px 150px !important; justify-content:flex-start !important; }
  body.landing-v2 .lp-cinematic-hero .hero-copy h1 { margin-top:20px !important; font-size:clamp(48px,14.5vw,70px) !important; line-height:.94 !important; }
  body.landing-v2 .lp-cinematic-hero .hero-copy > p { font-size:15px !important; }
  body.landing-v2 .lp-cinematic-hero .hero-trust { grid-template-columns:1fr !important; margin-top:30px !important; }
  body.landing-v2 .lp-cinematic-hero .hero-trust > span { min-height:auto !important; padding:10px 0 !important; border:0 !important; border-top:1px solid rgba(255,255,255,.18) !important; }
  body.landing-v2 .lp-hero-status { top:auto !important; right:20px !important; bottom:78px !important; }
  body.landing-v2 .lp-hero-status > b { display:none !important; }
  body.landing-v2 .lp-hero-controls { left:20px !important; right:20px !important; bottom:24px !important; justify-content:flex-end !important; }
  body.landing-v2 .lp-hero-controls button { width:48px !important; }
  body.landing-v2 .lp-hero-data { display:none !important; }
  body.portal-body .portal-top { grid-template-columns:auto 1fr auto !important; }
  .terminal-shell .toolbar-actions { gap:4px !important; }
  .terminal-shell .chart-action { width:40px !important; min-width:40px !important; }
}
@media (prefers-reduced-motion: reduce) {
  body.landing-v2 .lp-hero-reel > figure.active img,
  body.landing-v2 .lp-hero-data::before,
  body.landing-v2 .lp-hero-data path,
  body.landing-v2 .lp-hero-controls button.active > i::after { animation:none !important; }
}

/* v26 · premium product composition and restrained motion. */
.landing-v2 .hero-section {
  isolation: isolate;
  width: min(1440px, calc(100% - 32px));
  margin: 16px auto 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(104, 194, 231, .2);
  border-radius: 30px;
  box-shadow: 0 36px 90px rgba(0, 8, 18, .38);
}
.landing-v2 .hero-section::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 620px;
  height: 620px;
  right: -140px;
  top: -230px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(32, 169, 224, .27), rgba(45, 91, 193, .08) 44%, transparent 70%);
  filter: blur(4px);
  pointer-events: none;
  animation: vmAmbientGlow 9s ease-in-out infinite alternate;
}
.landing-v2 .hero-copy h1 { max-width: 820px; text-wrap: balance; }
.landing-v2 .lp-hero-photo { transform: perspective(1300px) rotateY(-2deg) rotateX(.6deg); transform-origin: center; box-shadow: 0 38px 90px rgba(0,0,0,.42); transition: transform .55s cubic-bezier(.2,.8,.2,1), box-shadow .55s ease; }
.landing-v2 .lp-hero-photo:hover { transform: perspective(1300px) rotateY(0) rotateX(0) translateY(-5px); box-shadow: 0 46px 105px rgba(0,0,0,.5); }
.landing-v2 :is(.lp-home-paths>div>a,.lp-home-payments>div>a,.lp-home-standards article,.feature-grid article),
:is(.portal-body,.staff-body) :is(.summary-cards article,.staff-kpis article,.staff-card) {
  transition: transform .25s cubic-bezier(.2,.8,.2,1), border-color .25s ease, box-shadow .25s ease, background-color .25s ease;
}
.landing-v2 :is(.lp-home-paths>div>a,.lp-home-payments>div>a,.lp-home-standards article):hover,
:is(.portal-body,.staff-body) :is(.summary-cards article,.staff-kpis article,.staff-card):hover {
  transform: translateY(-4px);
  border-color: rgba(72, 196, 235, .46) !important;
  box-shadow: 0 20px 46px rgba(0, 12, 25, .2);
}
:is(button,a).nav-primary,:is(button,a).hero-primary,.primary-action,.login-submit {
  position: relative;
  overflow: hidden;
  transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
}
:is(button,a).nav-primary:hover,:is(button,a).hero-primary:hover,.primary-action:hover,.login-submit:hover { transform: translateY(-2px); filter: brightness(1.08); }
:is(button,a).nav-primary:active,:is(button,a).hero-primary:active,.primary-action:active,.login-submit:active { transform: translateY(0) scale(.985); }
.market-row:hover .asset-logo img { transform: scale(1.08); }
.asset-logo img { transition: transform .22s ease; }
.vm-motion-ready .vm-reveal { opacity: 0; transform: translateY(24px); transition: opacity .7s ease var(--vm-reveal-delay,0ms), transform .7s cubic-bezier(.2,.8,.2,1) var(--vm-reveal-delay,0ms); }
.vm-motion-ready .vm-reveal.is-visible { opacity: 1; transform: translateY(0); }
@keyframes vmAmbientGlow { from { transform: translate3d(-18px,-6px,0) scale(.96); opacity:.68; } to { transform: translate3d(18px,16px,0) scale(1.08); opacity:1; } }
@media (max-width: 720px) {
  .landing-v2 .hero-section { width: calc(100% - 20px); margin-top: 10px !important; border-radius: 22px; }
  .landing-v2 .lp-hero-photo,.landing-v2 .lp-hero-photo:hover { transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .vm-reveal { opacity: 1 !important; transform: none !important; }
}

/* -------------------------------------------------------------------------- */
/* v27 · cinematic public experience, denser trading activity and mobile polish */
/* -------------------------------------------------------------------------- */

body.landing-v2 { background: #020913 !important; }
.light-theme body.landing-v2 { background: #edf4f8 !important; }

.landing-v2 .landing-nav {
  width: min(1440px, calc(100% - 32px)) !important;
  min-height: 70px !important;
  border-radius: 18px !important;
  background: color-mix(in srgb, #06121f 82%, transparent) !important;
  box-shadow: 0 18px 55px rgba(0, 7, 18, .32), inset 0 1px rgba(255,255,255,.04) !important;
}
.light-theme .landing-v2 .landing-nav { background: rgba(255,255,255,.92) !important; }
.landing-v2 .lp-nav-group > button { min-height: 48px !important; border-radius: 12px 12px 0 0 !important; font-size: 13px !important; }

.landing-v2 .lp-cinematic-hero {
  min-height: min(790px, calc(100vh - 116px)) !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-content: center !important;
  padding: clamp(72px, 8vw, 126px) clamp(34px, 7vw, 108px) !important;
  border-color: rgba(119, 204, 240, .24) !important;
  background: #020b16 !important;
  box-shadow: 0 45px 110px rgba(0, 4, 13, .56) !important;
}
.landing-v2 .lp-cinematic-hero::before {
  z-index: 1 !important;
  inset: 0 !important;
  width: auto !important;
  height: auto !important;
  border-radius: inherit !important;
  background:
    linear-gradient(90deg, rgba(2, 10, 21, .98) 0%, rgba(2, 10, 21, .93) 34%, rgba(2, 10, 21, .44) 59%, rgba(2, 10, 21, .08) 100%),
    linear-gradient(0deg, rgba(2, 8, 16, .68), transparent 45%) !important;
  filter: none !important;
  animation: none !important;
}
.landing-v2 .lp-cinematic-hero .hero-copy { z-index: 3 !important; width: min(650px, 53%); max-width: none !important; }
.landing-v2 .lp-cinematic-hero .eyebrow {
  min-height: 36px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(107, 219, 249, .34) !important;
  border-radius: 999px !important;
  background: rgba(9, 45, 68, .62) !important;
  color: #b9effd !important;
  backdrop-filter: blur(12px);
  font-size: 11px !important;
}
.landing-v2 .lp-cinematic-hero .eyebrow i { width: 7px; height: 7px; border-radius: 50%; background: #31d8ad; box-shadow: 0 0 0 6px rgba(49,216,173,.11), 0 0 22px rgba(49,216,173,.58); }
.landing-v2 .lp-cinematic-hero h1 {
  max-width: 800px !important;
  margin: 27px 0 24px !important;
  color: #fff !important;
  font-size: clamp(60px, 6.2vw, 94px) !important;
  line-height: .92 !important;
  letter-spacing: -.07em !important;
}
.landing-v2 .lp-cinematic-hero h1 em { color: #61d9ff !important; background: none !important; -webkit-text-fill-color: initial !important; }
.landing-v2 .lp-cinematic-hero .hero-copy > p { max-width: 580px !important; color: #d1e3ec !important; font-size: clamp(17px, 1.45vw, 20px) !important; line-height: 1.6 !important; }
.landing-v2 .lp-cinematic-hero .hero-actions { gap: 12px !important; }
.landing-v2 .lp-cinematic-hero :is(.hero-primary,.hero-secondary) {
  min-height: 56px !important;
  padding-inline: 22px !important;
  border-radius: 15px !important;
  font-size: 14px !important;
  box-shadow: inset 0 1px rgba(255,255,255,.12), 0 14px 35px rgba(0,7,17,.24) !important;
}
.landing-v2 .lp-cinematic-hero .hero-primary { background: linear-gradient(135deg, #0878e8 0%, #10b9db 100%) !important; border-color: rgba(97,217,255,.58) !important; }
.landing-v2 .lp-cinematic-hero .hero-secondary { background: rgba(5, 24, 39, .72) !important; border-color: rgba(186, 229, 246, .32) !important; color: #fff !important; backdrop-filter: blur(14px); }
.landing-v2 .lp-cinematic-hero .hero-trust { max-width: 650px; margin-top: 44px !important; border-color: rgba(191,225,239,.22) !important; }
.landing-v2 .lp-cinematic-hero .hero-trust span { min-width: 0 !important; padding: 18px 20px 0 !important; border-left: 1px solid rgba(191,225,239,.18) !important; }
.landing-v2 .lp-cinematic-hero .hero-trust span:first-child { padding-left: 0 !important; border-left: 0 !important; }
.landing-v2 .lp-cinematic-hero .hero-trust b { color: #fff !important; font-size: 13px !important; }
.landing-v2 .lp-cinematic-hero .hero-trust small { color: #adc5d1 !important; font-size: 11px !important; }
.landing-v2 .lp-cinematic-hero .lp-hero-photo {
  position: absolute !important;
  z-index: 0 !important;
  inset: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: inherit !important;
  transform: none !important;
  box-shadow: none !important;
}
.landing-v2 .lp-cinematic-hero .lp-hero-photo::after { display: none !important; }
.landing-v2 .lp-cinematic-hero .lp-hero-photo img { width: 100% !important; height: 100% !important; min-height: 0 !important; object-fit: cover !important; object-position: center !important; animation: vmHeroFilm 16s cubic-bezier(.45,0,.35,1) infinite alternate; transform-origin: 72% 48%; }
.landing-v2 .lp-hero-motion { position: absolute; z-index: 1; inset: 0; overflow: hidden; pointer-events: none; }
.landing-v2 .lp-hero-motion::before { content: ""; position: absolute; inset: 0; background: linear-gradient(105deg,transparent 55%,rgba(78,198,244,.08) 67%,transparent 80%); transform: translateX(-46%); animation: vmHeroSweep 8s ease-in-out infinite; }
.landing-v2 .lp-hero-motion svg { position: absolute; left: 0; right: 0; bottom: 11%; width: 100%; height: 34%; overflow: visible; }
.landing-v2 .lp-hero-motion path { fill: none; stroke: rgba(100,220,255,.48); stroke-width: 2; stroke-linecap: round; stroke-dasharray: 12 10; animation: vmHeroDash 14s linear infinite; filter: drop-shadow(0 0 9px rgba(61,197,244,.48)); }
.landing-v2 .lp-hero-motion circle { fill: #79e6ff; stroke: rgba(6,25,39,.78); stroke-width: 7; animation: vmHeroPoint 2.6s ease-in-out infinite alternate; }
.landing-v2 .lp-hero-motion > i { position: absolute; width: 8px; height: 8px; border: 1px solid rgba(134,226,250,.78); border-radius: 50%; box-shadow: 0 0 0 7px rgba(80,204,241,.07); animation: vmHeroFloat 5s ease-in-out infinite alternate; }
.landing-v2 .lp-hero-motion > i:nth-of-type(1) { left: 58%; top: 25%; }
.landing-v2 .lp-hero-motion > i:nth-of-type(2) { left: 67%; top: 63%; animation-delay: -1.3s; }
.landing-v2 .lp-hero-motion > i:nth-of-type(3) { left: 79%; top: 18%; animation-delay: -2.1s; }
.landing-v2 .lp-hero-motion > i:nth-of-type(4) { left: 89%; top: 47%; animation-delay: -3.2s; }
.landing-v2 .lp-hero-motion > i:nth-of-type(5) { left: 51%; top: 73%; animation-delay: -4.1s; }
.landing-v2 .lp-hero-motion > b { position: absolute; right: 28px; top: 25px; padding: 8px 11px; border: 1px solid rgba(125,217,245,.24); border-radius: 999px; color: rgba(214,245,253,.8); background: rgba(3,18,31,.45); backdrop-filter: blur(10px); font-size: 9px; letter-spacing: .13em; }
@keyframes vmHeroFilm { from { transform: scale(1.015) translate3d(0,0,0); filter: saturate(.98) contrast(1.02); } to { transform: scale(1.075) translate3d(-1.6%,.8%,0); filter: saturate(1.08) contrast(1.06); } }
@keyframes vmHeroSweep { 0%,18% { transform: translateX(-48%); opacity: 0; } 44% { opacity: 1; } 72%,100% { transform: translateX(48%); opacity: 0; } }
@keyframes vmHeroDash { to { stroke-dashoffset: -220; } }
@keyframes vmHeroPoint { to { opacity: .46; transform: scale(.72); } }
@keyframes vmHeroFloat { to { transform: translateY(-13px) scale(1.2); opacity: .48; } }
.landing-v2 .lp-cinematic-hero .lp-hero-photo figcaption {
  left: auto !important;
  right: 26px !important;
  bottom: 24px !important;
  width: min(340px, 34vw);
  min-height: 74px;
  grid-template-columns: 12px minmax(0,1fr) auto;
  align-items: center;
  gap: 13px !important;
  padding: 14px 16px !important;
  border: 1px solid rgba(168, 227, 247, .24) !important;
  border-radius: 17px !important;
  background: rgba(3, 18, 31, .74) !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.26);
  backdrop-filter: blur(18px) saturate(145%);
}
.landing-v2 .lp-cinematic-hero .lp-hero-photo figcaption > i { width: 9px; height: 9px; border-radius: 50%; background: #35ddb1; box-shadow: 0 0 0 6px rgba(53,221,177,.1); }
.landing-v2 .lp-cinematic-hero .lp-hero-photo figcaption span { display: grid; gap: 4px; }
.landing-v2 .lp-cinematic-hero .lp-hero-photo figcaption small { color: #71dfff !important; font-size: 9px !important; font-weight: 850; letter-spacing: .12em; }
.landing-v2 .lp-cinematic-hero .lp-hero-photo figcaption b { color: #f7fbfd !important; font-size: 14px !important; }
.landing-v2 .lp-cinematic-hero .lp-hero-photo figcaption strong { color: #a9c1cc; font-size: 12px; }

.landing-v2 :is(.lp-proof,.market-strip,.lp-product-story,.lp-home-account,.lp-home-insight,.lp-home-payments,.lp-home-standards,.lp-home-support) { width: min(1380px, calc(100% - 40px)) !important; }
.landing-v2 .lp-proof { margin-top: 26px !important; padding: 14px !important; border: 1px solid var(--lp-line) !important; border-radius: 20px; background: rgba(8, 27, 41, .72); }
.light-theme .landing-v2 .lp-proof { background: #fff; box-shadow: 0 14px 38px rgba(22,74,98,.07); }

.landing-v2 .lp-product-story { padding-top: 118px !important; }
.landing-v2 .lp-product-story .lp-section-head > div { max-width: 790px; }
.landing-v2 .lp-product-story .lp-section-head h2 { font-size: clamp(44px, 5.2vw, 76px) !important; letter-spacing: -.06em !important; }
.landing-v2 .lp-product-grid {
  margin-top: 48px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.42fr) minmax(340px, .72fr) !important;
  grid-template-rows: repeat(2, minmax(250px, 1fr));
  gap: 16px !important;
}
.landing-v2 .lp-product-grid > a {
  position: relative;
  min-height: 0 !important;
  padding: 30px !important;
  overflow: hidden;
  border: 1px solid rgba(115, 201, 238, .19) !important;
  border-radius: 28px !important;
  background: linear-gradient(150deg, #0a2437, #04121f) !important;
  box-shadow: 0 25px 70px rgba(0,7,16,.22);
  color: #f7fbfd !important;
  text-decoration: none;
}
.landing-v2 .lp-product-grid > a:hover { transform: translateY(-5px); border-color: rgba(84,205,246,.52) !important; box-shadow: 0 32px 80px rgba(0,11,25,.34); }
.landing-v2 .lp-product-main { grid-row: 1 / span 2; min-height: 620px !important; }
.landing-v2 .lp-product-copy { position: relative; z-index: 3; max-width: 520px; margin: 0 !important; display: grid !important; gap: 12px !important; }
.landing-v2 .lp-product-copy small,.landing-v2 .lp-product-mini small { color: #63ddfb !important; font-size: 10px !important; font-weight: 900; letter-spacing: .14em; }
.landing-v2 .lp-product-copy > b { color: #fff !important; font-size: clamp(30px, 3.4vw, 48px) !important; line-height: 1.04 !important; letter-spacing: -.05em; }
.landing-v2 .lp-product-copy em { max-width: 470px; color: #b6cbd7 !important; font-size: 14px !important; line-height: 1.6 !important; }
.landing-v2 .lp-product-copy strong,.landing-v2 .lp-product-mini strong { margin-top: 4px !important; display: inline-flex; align-items: center; gap: 8px; color: #7de4ff !important; font-size: 13px !important; }
.landing-v2 .lp-product-copy svg { width: 16px; }
.landing-v2 .lp-terminal-preview { position: absolute; left: 30px; right: -32px; bottom: -28px; height: 360px; overflow: hidden; border: 1px solid rgba(142,215,244,.26); border-radius: 24px 0 0 0; background: #030a12; box-shadow: 0 30px 80px rgba(0,0,0,.55); transform: perspective(1000px) rotateX(2deg) rotateY(-2deg); }
.landing-v2 .lp-terminal-top { height: 44px; padding: 0 16px; display: flex; align-items: center; gap: 7px; border-bottom: 1px solid rgba(127,196,226,.15); background: #071827; }
.landing-v2 .lp-terminal-top u { width: 8px; height: 8px; border-radius: 50%; background: #24465c; }
.landing-v2 .lp-terminal-top u:first-child { background: #20c99a; }
.landing-v2 .lp-terminal-top b { margin-left: 9px; color: #c9dce6; font-size: 10px; text-decoration: none; }
.landing-v2 .lp-terminal-body { height: calc(100% - 44px); display: grid; grid-template-columns: 68px minmax(0,1fr) 150px; }
.landing-v2 .lp-terminal-rail { padding: 18px 14px; display: grid; align-content: start; gap: 15px; border-right: 1px solid rgba(127,196,226,.12); background: #06131f; }
.landing-v2 .lp-terminal-rail b { width: 37px; height: 37px; border-radius: 11px; background: #0d2c41; }
.landing-v2 .lp-terminal-rail b:first-child { background: linear-gradient(135deg,#0b73d1,#23b8d6); }
.landing-v2 .lp-terminal-chart { position: relative; padding: 32px 24px; background-image: linear-gradient(rgba(86,139,169,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(86,139,169,.08) 1px,transparent 1px); background-size: 100% 54px,74px 100%; }
.landing-v2 .lp-terminal-chart small { position: absolute; left: 24px; top: 20px; width: 90px; height: 12px; border-radius: 4px; background: #16384d; }
.landing-v2 .lp-terminal-chart svg { position: absolute; inset: 70px 20px 30px; width: calc(100% - 40px); height: calc(100% - 100px); }
.landing-v2 .lp-terminal-side { padding: 18px 14px; display: grid; align-content: start; gap: 13px; border-left: 1px solid rgba(127,196,226,.12); background: #06131f; }
.landing-v2 .lp-terminal-side b { height: 49px; border: 1px solid rgba(127,196,226,.13); border-radius: 11px; background: #0a2031; }
.landing-v2 .lp-product-mini { display: grid !important; grid-template-columns: 50px minmax(0,1fr); grid-template-rows: auto 1fr; gap: 18px !important; }
.landing-v2 .lp-product-mini > i { width: 50px !important; height: 50px !important; border-radius: 15px !important; background: rgba(32,173,226,.13) !important; color: #6edfff !important; }
.landing-v2 .lp-product-mini > span { margin: 0 !important; display: grid !important; align-content: start; gap: 8px !important; }
.landing-v2 .lp-product-mini span > b { color: #fff !important; font-size: 22px !important; line-height: 1.13 !important; }
.landing-v2 .lp-product-mini span > em { color: #adc2cd !important; font-size: 13px !important; line-height: 1.5 !important; }
.landing-v2 .lp-product-mini > u,.landing-v2 .lp-product-mini > ol { grid-column: 1 / -1; align-self: end; margin: 10px 0 0; padding: 0; text-decoration: none; }
.landing-v2 .lp-product-markets > u { display: grid; grid-template-columns: repeat(5,1fr); gap: 7px; }
.landing-v2 .lp-product-markets > u b { min-height: 42px; display: grid; place-items: center; border: 1px solid rgba(108,203,239,.18); border-radius: 11px; background: #0b2a3d; color: #91e7fb; font-size: 10px; }
.landing-v2 .lp-product-learn { background: radial-gradient(circle at 100% 100%, rgba(36,203,162,.17), transparent 19rem), linear-gradient(150deg,#0a2437,#04121f) !important; }
.landing-v2 .lp-product-learn > ol { display: grid; gap: 6px; list-style: none; }
.landing-v2 .lp-product-learn li { min-height: 35px; padding: 0 11px; display: flex; align-items: center; gap: 11px; border: 1px solid rgba(118,204,233,.14); border-radius: 10px; background: rgba(8,30,43,.7); }
.landing-v2 .lp-product-learn li b { color: #54dbb6; font-size: 9px; }
.landing-v2 .lp-product-learn li span { color: #c9dbe3; font-size: 11px; }
.light-theme .landing-v2 .lp-product-grid > a { background: linear-gradient(150deg,#0d2b40,#061725) !important; }

.landing-v2 .lp-trust-ribbon {
  width: min(1380px,calc(100% - 40px));
  margin: 104px auto 0;
  padding: 25px 0;
  border-top: 1px solid var(--lp-line);
  border-bottom: 1px solid var(--lp-line);
}
.landing-v2 .lp-trust-ribbon > header { margin-bottom: 18px; display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.landing-v2 .lp-trust-ribbon > header span { color: #72ddf8; font-size: 10px; font-weight: 900; letter-spacing: .14em; }
.landing-v2 .lp-trust-ribbon > header small { color: #8ca8b7; font-size: 11px; }
.landing-v2 .lp-trust-ribbon > div { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.landing-v2 .lp-trust-ribbon a { min-height: 84px; padding: 14px 16px; display: flex; align-items: center; gap: 13px; border: 1px solid rgba(116,200,234,.15); border-radius: 16px; background: rgba(8,29,44,.64); color: inherit; text-decoration: none; transition: transform .2s ease,border-color .2s ease,background .2s ease; }
.landing-v2 .lp-trust-ribbon a:hover { transform: translateY(-3px); border-color: rgba(84,205,246,.43); background: #0a2a3f; }
.landing-v2 .lp-trust-ribbon a > i { width: 42px; height: 42px; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid rgba(103,219,247,.23); border-radius: 13px; background: #0b334a; color: #70dff9; font-style: normal; }
.landing-v2 .lp-trust-ribbon a > span { display: grid; gap: 4px; }
.landing-v2 .lp-trust-ribbon b { color: #f4fbff; font-size: 14px; }
.landing-v2 .lp-trust-ribbon a small { color: #91adbb; font-size: 11px; }
.light-theme .landing-v2 .lp-trust-ribbon a { background: #fff; border-color: #c9dbe5; box-shadow: 0 10px 30px rgba(23,72,97,.06); }
.light-theme .landing-v2 .lp-trust-ribbon b { color: #071a2b; }
.light-theme .landing-v2 .lp-trust-ribbon a small { color: #365a70; }

/* Buttons feel like product controls instead of unstyled HTML elements. */
:is(.nav-primary,.hero-primary,.public-primary,.terminal-cta,.lp-home-account>a,.lp-home-support>a,.final-cta>a,.login-submit) {
  position: relative;
  isolation: isolate;
  border-radius: 14px !important;
  box-shadow: inset 0 1px rgba(255,255,255,.2), 0 12px 30px rgba(3,101,158,.22) !important;
}
:is(.nav-primary,.hero-primary,.public-primary,.terminal-cta,.lp-home-account>a,.lp-home-support>a,.final-cta>a,.login-submit)::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(105deg, transparent 20%, rgba(255,255,255,.16) 48%, transparent 72%);
  transform: translateX(-125%);
  transition: transform .5s cubic-bezier(.2,.8,.2,1);
}
:is(.nav-primary,.hero-primary,.public-primary,.terminal-cta,.lp-home-account>a,.lp-home-support>a,.final-cta>a,.login-submit):hover::after { transform: translateX(125%); }

/* Support uses the same visual language and never touches the viewport edges. */
.support-page-layout { gap: clamp(24px,4vw,64px) !important; padding-block: clamp(36px,6vw,84px) !important; }
.support-page-layout > aside { padding: clamp(28px,4vw,52px) !important; overflow: hidden; background: radial-gradient(circle at 0 0,rgba(31,168,218,.16),transparent 23rem),#092034 !important; box-shadow: 0 28px 75px rgba(0,6,13,.22) !important; }
.support-page-layout > aside > a { width: max-content; margin-bottom: 50px !important; padding: 8px 11px; border: 1px solid #2a5268; border-radius: 999px; color: #d9edf5 !important; background: rgba(5,22,34,.44); }
.support-page-layout > aside h2 { max-width: 680px; font-size: clamp(42px,5vw,66px) !important; line-height: .98 !important; text-wrap: balance; }
.support-page-layout > aside > p { max-width: 700px; color: #c3d7e2 !important; font-size: 15px !important; }
.support-page-layout > aside > div { gap: 10px !important; }
.support-page-layout > aside article { min-height: 82px; padding: 14px !important; grid-template-columns: 38px 1fr; align-items: center; gap: 11px !important; background: rgba(5,25,39,.7) !important; }
.support-page-layout > aside article > i { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; color: #70ddfa; background: #0c354d; }
.support-page-layout > aside article > i svg { width: 18px; height: 18px; }
.support-page-layout > aside article > span { display: grid; gap: 4px; }
.support-page-layout > aside article b { color: #fff !important; font-size: 13px !important; }
.support-page-layout > aside article small { color: #acc7d4 !important; font-size: 11px !important; }
.light-theme .support-page-layout > aside { background: radial-gradient(circle at 0 0,rgba(31,168,218,.11),transparent 23rem),#fff !important; }
.light-theme .support-page-layout > aside > a { color: #0b3b55 !important; background: #edf7fb; border-color: #a9c7d6; }
.light-theme .support-page-layout > aside > p { color: #294e64 !important; }
.light-theme .support-page-layout > aside article { background: #f1f7fa !important; }
.light-theme .support-page-layout > aside article b { color: #071a2b !important; }
.light-theme .support-page-layout > aside article small { color: #365a70 !important; }

/* Desktop activity panel: more rows on screen without sacrificing legibility. */
@media (min-width: 761px) {
  .terminal-shell .trade-workspace { grid-template-rows: 72px minmax(290px,1fr) 236px !important; }
  .terminal-shell .positions-head { height: 44px !important; min-height: 44px !important; padding: 0 12px !important; }
  .terminal-shell .table-view,.terminal-shell .table-view.active { height: 190px !important; min-height: 0 !important; max-height: 190px !important; padding: 0 10px 8px !important; overflow: auto !important; }
  .terminal-shell :is(.position-head,.order-history-head,.closed-trade-head) { min-height: 25px !important; height: 25px !important; position: sticky; top: 0; z-index: 3; background: inherit; font-size: 9px !important; }
  .terminal-shell :is(.position-row,.order-history-row,.closed-trade-row) { min-height: 38px !important; padding-block: 3px !important; font-size: 10px !important; }
  .terminal-shell :is(.position-row,.order-history-row,.closed-trade-row) small { font-size: 8px !important; }
  .terminal-shell .position-status > div { display: flex; gap: 4px; }
  .terminal-shell :is(.position-risk,.position-close) { min-height: 27px !important; height: 27px !important; padding: 0 8px !important; border-radius: 8px !important; font-size: 8px !important; }
}

@media (max-width: 900px) {
  .landing-v2 .lp-cinematic-hero { min-height: 760px !important; padding: 72px 48px !important; }
  .landing-v2 .lp-cinematic-hero .hero-copy { width: min(610px, 76%); }
  .landing-v2 .lp-cinematic-hero::before { background: linear-gradient(90deg,rgba(2,10,21,.98),rgba(2,10,21,.8) 58%,rgba(2,10,21,.16)),linear-gradient(0deg,rgba(2,8,16,.7),transparent 45%) !important; }
  .landing-v2 .lp-product-grid { grid-template-columns: 1fr !important; grid-template-rows: auto !important; }
  .landing-v2 .lp-product-main { grid-row: auto; min-height: 590px !important; }
  .landing-v2 .lp-trust-ribbon > div { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 720px) {
  .landing-v2 .lp-cinematic-hero {
    min-height: 0 !important;
    padding: 44px 22px 18px !important;
    display: grid !important;
    gap: 30px !important;
  }
  .landing-v2 .lp-cinematic-hero::before { background: linear-gradient(180deg,rgba(2,10,21,.98),rgba(2,10,21,.92) 48%,rgba(2,10,21,.2) 78%,rgba(2,10,21,.7)) !important; }
  .landing-v2 .lp-cinematic-hero .hero-copy { width: 100%; }
  .landing-v2 .lp-cinematic-hero h1 { font-size: clamp(44px,14vw,64px) !important; line-height: .94 !important; }
  .landing-v2 .lp-cinematic-hero .hero-copy > p { font-size: 16px !important; }
  .landing-v2 .lp-cinematic-hero .hero-trust { grid-template-columns: repeat(3,minmax(150px,1fr)) !important; gap: 8px !important; overflow-x: auto; padding: 10px 0 3px; border-top: 0 !important; scrollbar-width: none; scroll-snap-type: x proximity; }
  .landing-v2 .lp-cinematic-hero .hero-trust::-webkit-scrollbar { display: none; }
  .landing-v2 .lp-cinematic-hero .hero-trust span { min-height: 72px !important; padding: 11px 12px !important; border: 1px solid rgba(191,225,239,.15) !important; border-radius: 13px; background: rgba(5,25,40,.64); scroll-snap-align: start; }
  .landing-v2 .lp-cinematic-hero .lp-hero-photo { position: relative !important; z-index: 2 !important; height: 330px !important; grid-row: 2; }
  .landing-v2 .lp-cinematic-hero .lp-hero-photo img { object-position: 72% center !important; }
  .landing-v2 .lp-cinematic-hero .lp-hero-photo figcaption { left: 12px !important; right: 12px !important; bottom: 12px !important; width: auto; }
  .landing-v2 .lp-proof { grid-template-columns: 1fr !important; }
  .landing-v2 .lp-proof article,.landing-v2 .lp-proof article:nth-child(-n+2) { min-height: 66px !important; border-top: 1px solid var(--lp-line) !important; }
  .landing-v2 .lp-proof article:first-child { border-top: 0 !important; }
  .landing-v2 .lp-product-story { padding-top: 78px !important; }
  .landing-v2 .lp-product-story .lp-section-head h2 { font-size: 44px !important; }
  .landing-v2 .lp-product-grid > a { padding: 22px !important; border-radius: 21px !important; }
  .landing-v2 .lp-product-main { min-height: 560px !important; }
  .landing-v2 .lp-terminal-preview { left: 22px; right: -40px; height: 300px; }
  .landing-v2 .lp-terminal-body { grid-template-columns: 46px minmax(0,1fr); }
  .landing-v2 .lp-terminal-side { display: none; }
  .landing-v2 .lp-product-mini { grid-template-columns: 44px minmax(0,1fr); }
  .landing-v2 .lp-product-mini > i { width: 44px !important; height: 44px !important; }
  .landing-v2 .lp-trust-ribbon { width: calc(100% - 28px); margin-top: 72px; }
  .landing-v2 .lp-trust-ribbon > header { align-items: flex-start; flex-direction: column; gap: 5px; }
  .landing-v2 .lp-trust-ribbon > div { grid-template-columns: 1fr; }
  .support-page-layout { width: calc(100% - 24px) !important; padding: 24px 0 58px !important; gap: 18px !important; }
  .support-page-layout > aside { padding: 26px 20px !important; border-radius: 22px !important; }
  .support-page-layout > aside > a { margin-bottom: 30px !important; }
  .support-page-layout > aside h2 { font-size: clamp(36px,11vw,48px) !important; line-height: 1 !important; }
  .support-page-layout > aside > div { grid-template-columns: 1fr 1fr !important; }
  .support-page-layout > aside article { min-height: 76px; grid-template-columns: 34px 1fr; padding: 11px !important; }
  .support-page-layout > aside article > i { width: 34px; height: 34px; }
  .support-page-layout > aside article small { font-size: 10px !important; }
}

@media (max-width: 390px) {
  .landing-v2 .lp-cinematic-hero { padding-inline: 17px !important; }
  .landing-v2 .lp-cinematic-hero h1 { font-size: 42px !important; }
  .landing-v2 .lp-cinematic-hero .lp-hero-photo { height: 290px !important; }
  .landing-v2 .lp-cinematic-hero .lp-hero-photo figcaption strong { display: none; }
  .support-page-layout > aside { padding: 23px 17px !important; }
  .support-page-layout > aside > div { grid-template-columns: 1fr !important; }
}

/* Mobile behaves as an app surface, not a compressed desktop canvas. */
@media (max-width: 760px) {
  html,body { max-width: 100%; overflow-x: clip; }
  body:is(.portal-body,.terminal-body,.public-info-body) { min-height: 100dvh; }
  .terminal-shell { min-height: 100dvh !important; padding: 6px 6px calc(82px + env(safe-area-inset-bottom)) !important; gap: 7px !important; }
  .terminal-topbar { top: 6px !important; z-index: 90 !important; min-height: 60px !important; border-radius: 17px !important; background: rgba(4,17,28,.92) !important; backdrop-filter: blur(20px) saturate(145%); }
  .light-theme .terminal-topbar { background: rgba(255,255,255,.94) !important; }
  .terminal-grid,.trade-workspace { min-height: 0 !important; }
  .trade-workspace,.terminal-shell.positions-collapsed .trade-workspace { grid-template-rows: auto minmax(340px,calc(100dvh - 215px)) 224px !important; }
  .terminal-chart { border-radius: 17px !important; }
  .chart-toolbar { min-height: 52px !important; border-radius: 16px 16px 0 0; }
  .mobile-app-nav,.portal-mobile-nav {
    left: 10px !important;
    right: 10px !important;
    bottom: max(9px,env(safe-area-inset-bottom)) !important;
    min-height: 66px !important;
    padding: 6px !important;
    border: 1px solid rgba(127,203,234,.23) !important;
    border-radius: 19px !important;
    background: rgba(4,18,30,.9) !important;
    box-shadow: 0 22px 60px rgba(0,4,12,.55),inset 0 1px rgba(255,255,255,.06) !important;
    backdrop-filter: blur(24px) saturate(155%);
  }
  .light-theme :is(.mobile-app-nav,.portal-mobile-nav) { background: rgba(255,255,255,.94) !important; border-color: #b8d0dc !important; }
  .mobile-app-nav button,.portal-mobile-nav a { min-height: 52px !important; border-radius: 14px !important; }
  .mobile-app-nav button.active,.portal-mobile-nav a.active { color: #fff !important; background: linear-gradient(145deg,#0876d5,#1ba9c8) !important; box-shadow: inset 0 1px rgba(255,255,255,.18),0 7px 20px rgba(8,118,194,.25); }
  .mobile-app-nav button.active :is(i,span),.portal-mobile-nav a.active :is(i,span) { color: #fff !important; }
  .portal-main { padding-bottom: calc(88px + env(safe-area-inset-bottom)) !important; }
  .portal-content { padding: 14px !important; }
  .portal-content :is(.summary-cards,.summary-grid,.payment-layout,.account-grid) { gap: 11px !important; }
  .portal-content article,.account-section { border-radius: 17px !important; }
  .public-header { top: 8px !important; width: calc(100% - 20px) !important; min-height: 64px !important; margin-top: 8px !important; padding: 8px 10px !important; border-radius: 17px !important; }
  .public-header .public-primary { min-height: 42px !important; padding-inline: 13px !important; }
  .support-form-card,.support-success,.registration-panel { border-radius: 22px !important; }
  .support-page-form :is(input,select,textarea),.registration-form :is(input,select,textarea) { min-height: 50px !important; font-size: 16px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .lp-hero-photo img,.lp-hero-motion * { animation: none !important; }
}

/* v27.1 · editorial surfaces: fewer capsules, stronger hierarchy. */
.landing-v2 .lp-cinematic-hero { border-radius: 20px !important; }
.landing-v2 .lp-cinematic-hero .eyebrow {
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  backdrop-filter: none;
  letter-spacing: .12em;
}
.landing-v2 .lp-cinematic-hero :is(.hero-primary,.hero-secondary),
:is(.nav-primary,.hero-primary,.public-primary,.terminal-cta,.lp-home-account>a,.lp-home-support>a,.final-cta>a,.login-submit) { border-radius: 10px !important; }
.landing-v2 .lp-proof {
  padding-inline: 0 !important;
  border-inline: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.landing-v2 .market-strip { border-radius: 14px !important; }
.landing-v2 .lp-cat { border-radius: 12px !important; }
.landing-v2 .lp-product-story .lp-section-head > a {
  min-height: auto !important;
  padding: 0 0 5px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(99,211,244,.4) !important;
  border-radius: 0 !important;
}
.landing-v2 .lp-product-grid > a { border-radius: 18px !important; }
.landing-v2 .lp-product-mini > i { border-radius: 11px !important; }
.landing-v2 .lp-product-markets > u b,.landing-v2 .lp-product-learn li { border-radius: 7px !important; }
.landing-v2 :is(.lp-home-account,.lp-home-payments,.lp-home-support) { border-radius: 18px !important; }
.landing-v2 .lp-home-payments a,.landing-v2 .lp-home-standards article { border-radius: 12px !important; }
.landing-v2 .lp-home-account li { border: 0 !important; border-radius: 0 !important; background: transparent !important; padding: 4px 14px 4px 0 !important; }
.landing-v2 .lp-home-account li + li { padding-left: 14px !important; border-left: 1px solid var(--lp-line) !important; }
.landing-v2 .lp-trust-ribbon a {
  padding-inline: 18px;
  border: 0 !important;
  border-left: 1px solid var(--lp-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.landing-v2 .lp-trust-ribbon a:first-child { border-left: 0 !important; }
.landing-v2 .lp-trust-ribbon a:hover { background: rgba(42,166,210,.06) !important; }
.landing-v2 .lp-trust-ribbon a > i { border-radius: 9px; }

:is(.public-hero,.registration-panel,.support-form-card,.registration-layout>aside,.support-page-layout>aside) { border-radius: 18px !important; }
.public-topic-grid article,.public-knowledge article,.public-detail,.legal-section { border-radius: 14px !important; }
.support-page-layout > aside > a { border: 0 !important; border-bottom: 1px solid #3b6a80 !important; border-radius: 0 !important; background: transparent !important; padding: 4px 0 !important; }
.support-page-layout > aside article { border-radius: 10px !important; }

:is(.portal-body,.staff-body) :is(.summary-cards article,.staff-kpis article,.staff-card,.account-section,.overview-card,.quick-card) { border-radius: 14px !important; }

@media (max-width: 720px) {
  .landing-v2 .lp-cinematic-hero { border-radius: 14px !important; }
  .landing-v2 .lp-product-grid > a { border-radius: 14px !important; }
  .landing-v2 .lp-proof article { border-radius: 0 !important; }
  .landing-v2 .lp-trust-ribbon a { min-height: 72px; border-left: 0 !important; border-top: 1px solid var(--lp-line) !important; padding-inline: 4px; }
  .landing-v2 .lp-trust-ribbon a:first-child { border-top: 0 !important; }
  .landing-v2 .lp-home-account li + li { padding-left: 0 !important; border-left: 0 !important; }
  .support-page-layout > aside { border-radius: 15px !important; }
}

/* v28 · Axi-inspired typography, border-light surfaces and pro chart tools. */
.aside-foot[hidden], .aside-foot { display: none !important; }

/* The graph never receives a blocking overlay. Loading is a quiet activity dot. */
.chart-loading {
  left: auto !important;
  right: 14px !important;
  top: 14px !important;
  width: 9px !important;
  height: 9px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #27c6ed !important;
  box-shadow: 0 0 0 5px rgba(39,198,237,.12) !important;
  transform: scale(.72) !important;
  transition: opacity .16s ease, transform .16s ease !important;
}
.chart-loading.show { opacity: 1 !important; transform: scale(1) !important; animation: vmChartPulse 1s ease-in-out infinite alternate; }
@keyframes vmChartPulse { to { box-shadow: 0 0 0 8px rgba(39,198,237,.03); opacity: .62; } }

.terminal-shell .chart-toolbar {
  min-height: 58px !important;
  height: 58px !important;
  padding: 7px 10px !important;
  gap: 4px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(105,167,197,.16) !important;
  background: #071a29 !important;
}
.terminal-shell .chart-toolbar .tool-picker { width: auto !important; min-width: 0 !important; flex: 0 0 auto !important; overflow: visible !important; }
.terminal-shell .chart-tool.primary {
  width: 132px !important;
  min-height: 44px !important;
  padding: 4px 8px !important;
  grid-template-columns: 30px minmax(0,1fr) 8px !important;
  gap: 7px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  box-shadow: none !important;
}
.terminal-shell .chart-tool.primary:hover,
.terminal-shell .chart-tool.primary.active { background: rgba(32,171,218,.10) !important; }
.terminal-shell .chart-tool.primary > i {
  width: 30px !important;
  height: 30px !important;
  display: grid !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 7px !important;
  color: #6eddf6 !important;
  background: #0d3046 !important;
}
.terminal-shell .chart-tool.primary > i .ui-icon { width: 17px !important; height: 17px !important; stroke-width: 1.9 !important; }
.terminal-shell .chart-tool.primary > span { gap: 3px !important; }
.terminal-shell .chart-tool.primary small { color: #7fa4b8 !important; font-size: 8px !important; font-weight: 650 !important; letter-spacing: .02em !important; text-transform: none !important; }
.terminal-shell .chart-tool.primary b { color: #f1f8fb !important; font-size: 11px !important; font-weight: 720 !important; }
.terminal-shell .chart-tool.primary > em { color: #6e94a7 !important; }
.terminal-shell .toolbar-divider { height: 28px !important; margin-inline: 5px !important; background: rgba(120,177,202,.18) !important; }
.terminal-shell .toolbar-actions { gap: 2px !important; }
.terminal-shell .chart-action {
  width: 39px !important;
  min-width: 39px !important;
  height: 39px !important;
  min-height: 39px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  color: #a9c4d2 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.terminal-shell .chart-action:hover,.terminal-shell .chart-action.active { color: #fff !important; background: #0d3046 !important; }
.terminal-shell .chart-action > i { display: grid; place-items: center; }
.terminal-shell .chart-action .ui-icon { width: 17px !important; height: 17px !important; stroke-width: 1.9 !important; }
.terminal-shell .chart-action small { display: none !important; }
.light-theme .terminal-shell .chart-toolbar { background: #f6fafc !important; border-bottom-color: #d5e2e8 !important; }
.light-theme .terminal-shell .chart-tool.primary > i { color: #096f9d !important; background: #e4f2f7 !important; }
.light-theme .terminal-shell .chart-tool.primary small { color: #476b7e !important; }
.light-theme .terminal-shell .chart-tool.primary b { color: #071a2b !important; }
.light-theme .terminal-shell .chart-tool.primary:hover,.light-theme .terminal-shell .chart-tool.primary.active { background: #eaf5f8 !important; }
.light-theme .terminal-shell .chart-action { color: #315b70 !important; background: transparent !important; }
.light-theme .terminal-shell .chart-action:hover,.light-theme .terminal-shell .chart-action.active { color: #075d84 !important; background: #e6f2f7 !important; }

/* Premium surfaces use spacing and depth, not an outline around everything. */
.landing-v2 :is(.hero-section,.lp-product-grid>a,.lp-home-account,.lp-home-insight,.lp-home-payments,.lp-home-standards,.lp-home-support),
:is(.portal-body,.staff-body) :is(.summary-cards article,.staff-kpis article,.staff-card,.account-section,.overview-card,.quick-card) {
  border-color: transparent !important;
}
.landing-v2 .hero-section { box-shadow: 0 34px 86px rgba(0,8,18,.34) !important; }
.landing-v2 .lp-product-grid>a { box-shadow: 0 22px 58px rgba(0,7,16,.20) !important; }
.landing-v2 .lp-product-grid>a:hover { box-shadow: 0 30px 72px rgba(0,9,20,.30) !important; }
.landing-v2 .lp-support-fab { border: 0 !important; border-radius: 12px !important; }

@media (max-width: 760px) {
  .terminal-shell .chart-toolbar { min-height: 58px !important; height: 58px !important; padding-inline: 6px !important; overflow-x: auto !important; overflow-y: visible !important; }
  .terminal-shell .chart-toolbar .tool-picker { width: 116px !important; min-width: 116px !important; flex: 0 0 116px !important; overflow: visible !important; }
  .terminal-shell .chart-tool.primary { width: 116px !important; grid-template-columns: 27px minmax(0,1fr) 7px !important; padding-inline: 5px !important; gap: 5px !important; }
  .terminal-shell .chart-tool.primary > i { width: 27px !important; height: 27px !important; display: grid !important; }
  .terminal-shell .chart-tool.primary b { font-size: 10px !important; }
  .terminal-shell .chart-tool.primary small { font-size: 7px !important; }
  .landing-v2 .lp-support-fab { right: 14px !important; bottom: 14px !important; width: 48px !important; min-height: 48px !important; padding: 0 !important; justify-content: center; box-shadow: 0 13px 32px rgba(0,12,23,.34) !important; }
  .landing-v2 .lp-support-fab > span { width: 48px !important; height: 48px !important; border-radius: 12px !important; background: transparent !important; }
}

/* v29 · Vision T Markets graphite system: mineral neutrals, white and signal red. */
:root { --vm-signal: #005fed; --vm-signal-deep: #004bbc; --vm-graphite: #1b1e24; --vm-steel: #7f8992; }
[data-theme-toggle],#themeToggle { display: none !important; }

/* Public site: full-bleed advertising with no black gutters and very few capsules. */
html { background: #22262c !important; }
body.landing-v2 {
  width: 100% !important;
  max-width: none !important;
  overflow-x: clip !important;
  color: #f8f8f9 !important;
  background:
    radial-gradient(circle at 84% 10%, rgba(0,95,237,.14), transparent 28rem),
    linear-gradient(180deg,#5f6972 0 780px,#22262c 780px 100%) !important;
}
.light-theme body.landing-v2 { color: #111318 !important; background: linear-gradient(180deg,#aeb7be 0 780px,#f1f2f3 780px 100%) !important; }
.landing-v2 main { width: 100% !important; max-width: none !important; overflow: clip !important; }
.landing-v2 .landing-nav {
  top: 0 !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 72px !important;
  margin: 0 !important;
  padding-inline: clamp(22px,4.5vw,72px) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 0 !important;
  background: rgba(63,70,77,.92) !important;
  box-shadow: none !important;
}
.light-theme .landing-v2 .landing-nav { background: rgba(247,247,248,.94) !important; border-bottom-color: #c7c9cd !important; }
.landing-v2 .landing-nav .aureo-brand small,
.landing-v2 .lp-nav-group > button span,
.landing-v2 .lp-section-head > div > span,
.landing-v2 .lp-product-copy small,
.landing-v2 .lp-product-mini small,
.landing-v2 .lp-home-insight > div > span,
.landing-v2 .lp-home-payments header > span,
.landing-v2 .lp-home-standards header > span,
.landing-v2 .lp-home-support > div > span { color: #3183ff !important; }
.landing-v2 :is(.nav-primary,.hero-primary,.lp-home-account>a,.lp-home-support>a,.final-cta>a) {
  color: #fff !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: var(--vm-signal) !important;
  box-shadow: none !important;
}
.landing-v2 :is(.nav-primary,.hero-primary,.lp-home-account>a,.lp-home-support>a,.final-cta>a):hover { background: var(--vm-signal-deep) !important; transform: translateY(-1px); }
.landing-v2 :is(.nav-secondary,.hero-secondary,.theme-switch) { border-radius: 4px !important; }

.landing-v2 .elite-market-tape,
.landing-v2 .market-strip {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 0 !important;
  background: #4b535b !important;
  box-shadow: none !important;
}
.light-theme .landing-v2 :is(.elite-market-tape,.market-strip) { background: #d8dadd !important; border-bottom-color: #b9bdc1 !important; }
.landing-v2 .elite-market-tape > span { border-radius: 0 !important; }

.landing-v2 .lp-cinematic-hero,
.landing-v2 .hero-section {
  width: 100% !important;
  max-width: none !important;
  min-height: min(760px,calc(100vh - 72px)) !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #6f7a83 !important;
  box-shadow: none !important;
}
.landing-v2 .lp-cinematic-hero::before {
  background:
    linear-gradient(90deg,rgba(45,50,56,.97) 0%,rgba(56,62,68,.84) 43%,rgba(75,82,88,.22) 73%,rgba(75,82,88,.1) 100%),
    linear-gradient(0deg,rgba(39,43,48,.44),transparent 48%) !important;
}
.landing-v2 .lp-cinematic-hero .lp-hero-photo { inset: 0 0 0 44% !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
.landing-v2 .lp-cinematic-hero .lp-hero-photo img { filter: grayscale(1) contrast(1.04) brightness(.92) !important; }
.landing-v2 .lp-hero-motion path { stroke: rgba(255,255,255,.44) !important; filter: none !important; }
.landing-v2 .lp-hero-motion circle { fill: var(--vm-signal) !important; stroke: #444a50 !important; }
.landing-v2 .lp-hero-motion > i { border-color: rgba(255,255,255,.7) !important; box-shadow: 0 0 0 7px rgba(255,255,255,.05) !important; }
.landing-v2 .lp-cinematic-hero .eyebrow { color: #fff !important; }
.landing-v2 .lp-cinematic-hero .eyebrow i { background: var(--vm-signal) !important; box-shadow: 0 0 0 6px rgba(0,95,237,.13) !important; }
.landing-v2 .lp-cinematic-hero h1 em { color: #fff !important; }

/* Large, honest proof advertisements: flat planes, not bubbles. */
.landing-v2 .lp-proof.lp-proof-ads {
  width: min(1380px,calc(100% - 48px)) !important;
  margin: 54px auto 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 0 !important;
  border: 0 !important;
  background: #272b32 !important;
}
.landing-v2 .lp-proof-ads article {
  min-height: 300px !important;
  padding: 34px 32px 30px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  border: 0 !important;
  border-left: 1px solid #454a52 !important;
  border-radius: 0 !important;
  background: transparent !important;
}
.landing-v2 .lp-proof-ads article:first-child { border-left: 0 !important; }
.landing-v2 .lp-proof-ads article > i { width: 30px !important; height: 30px !important; color: #aab0b8 !important; background: transparent !important; }
.landing-v2 .lp-proof-ads article > small { margin-top: 18px; color: #3183ff !important; font-size: 10px !important; font-weight: 800; letter-spacing: .13em; }
.landing-v2 .lp-proof-ads h3 { max-width: 330px; margin: 14px 0 auto; color: #fff; font-size: clamp(24px,2.1vw,34px); line-height: 1.12; }
.landing-v2 .lp-proof-ads p { max-width: 330px; margin: 30px 0 0; color: #b8bdc5; font-size: 14px; line-height: 1.55; }
.light-theme .landing-v2 .lp-proof.lp-proof-ads { background: #fff !important; }
.light-theme .landing-v2 .lp-proof-ads article { border-left-color: #d4d6d9 !important; }
.light-theme .landing-v2 .lp-proof-ads h3 { color: #111318; }
.light-theme .landing-v2 .lp-proof-ads p { color: #565c65; }

/* Product advertising: a real desktop workspace with a mobile app layered over it. */
.landing-v2 .lp-product-story { width: min(1380px,calc(100% - 48px)) !important; }
.landing-v2 .lp-product-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; grid-template-rows: auto auto !important; }
.landing-v2 .lp-product-grid > a { border: 0 !important; border-radius: 5px !important; background: #272b32 !important; box-shadow: none !important; }
.landing-v2 .lp-product-main {
  grid-column: 1 / -1 !important;
  grid-row: auto !important;
  min-height: 780px !important;
  padding: 54px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 82% 72%,rgba(0,95,237,.13),transparent 25rem),
    linear-gradient(145deg,#353a42,#1e2127) !important;
}
.landing-v2 .lp-product-copy { max-width: 620px !important; }
.landing-v2 .lp-product-copy > b { font-size: clamp(40px,4.6vw,68px) !important; }
.landing-v2 .lp-product-copy strong,.landing-v2 .lp-product-mini strong { color: #3183ff !important; }
.landing-v2 .lp-terminal-preview {
  left: 48px !important;
  right: 34px !important;
  bottom: 22px !important;
  height: 430px !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}
.landing-v2 .lp-device-stage { position: relative; width: 100%; height: 100%; }
.landing-v2 .lp-desktop-device {
  position: absolute;
  left: 0;
  right: 150px;
  bottom: 0;
  height: 355px;
  overflow: hidden;
  border: 1px solid #555b64;
  border-radius: 7px;
  background: #111318;
  box-shadow: 0 28px 70px rgba(0,0,0,.42);
}
.landing-v2 .lp-terminal-top {
  height: 46px !important;
  padding: 0 16px !important;
  display: grid !important;
  grid-template-columns: 25px auto 1fr auto !important;
  align-items: center !important;
  gap: 10px !important;
  border-bottom: 1px solid #30343b !important;
  background: #1a1d22 !important;
}
.landing-v2 .lp-terminal-brandmark { width: 25px; height: 25px; background: url('/static/app-icon.svg?v=73') center/contain no-repeat; }
.landing-v2 .lp-terminal-top > span { display: grid; }
.landing-v2 .lp-terminal-top > span b { color: #fff; font-size: 10px; }
.landing-v2 .lp-terminal-top > span small { color: #8f959e; font-size: 7px !important; letter-spacing: .1em; }
.landing-v2 .lp-terminal-top nav { justify-self: center; display: flex; gap: 24px; }
.landing-v2 .lp-terminal-top nav b { color: #aeb3bb; font-size: 9px; font-weight: 650; }
.landing-v2 .lp-terminal-top > em { color: #3183ff; font-size: 8px; font-style: normal; font-weight: 800; letter-spacing: .08em; }
.landing-v2 .lp-terminal-body { height: calc(100% - 46px) !important; display: grid !important; grid-template-columns: 142px minmax(0,1fr) 155px !important; }
.landing-v2 .lp-terminal-watch { padding: 15px 10px; display: grid; align-content: start; gap: 6px; border-right: 1px solid #2c3036; background: #17191e; }
.landing-v2 .lp-terminal-watch > small { padding: 0 7px 7px; color: #7f858e; font-size: 8px !important; letter-spacing: .1em; }
.landing-v2 .lp-terminal-watch > span { min-height: 48px; padding: 7px; display: grid; grid-template-columns: 28px 1fr; align-items: center; column-gap: 7px; border-left: 2px solid transparent; }
.landing-v2 .lp-terminal-watch > span.active { border-left-color: var(--vm-signal); background: #23262c; }
.landing-v2 .lp-terminal-watch i { grid-row: 1/3; width: 26px; height: 26px; display: grid; place-items: center; border-radius: 3px; color: #fff; background: #343941; font-size: 8px; font-style: normal; }
.landing-v2 .lp-terminal-watch b { color: #f5f5f6; font-size: 9px; }
.landing-v2 .lp-terminal-watch em { color: #9ba1aa; font-size: 8px; font-style: normal; }
.landing-v2 .lp-terminal-chart { position: relative; padding: 0 !important; background: #111318 !important; }
.landing-v2 .lp-terminal-chart > header { height: 52px; padding: 0 16px; display: flex; align-items: center; justify-content: space-between; }
.landing-v2 .lp-terminal-chart > header span { display: grid; gap: 3px; }
.landing-v2 .lp-terminal-chart > header b,.landing-v2 .lp-terminal-chart > header strong { color: #fff; font-size: 11px; }
.landing-v2 .lp-terminal-chart > header small { position: static !important; width: auto !important; height: auto !important; color: #8f959e; background: transparent !important; font-size: 8px !important; }
.landing-v2 .lp-terminal-chart > header strong em { margin-left: 5px; color: #2ac98c; font-size: 8px; font-style: normal; }
.landing-v2 .lp-terminal-chart > svg { position: absolute !important; inset: 52px 12px 35px !important; width: calc(100% - 24px) !important; height: calc(100% - 87px) !important; }
.landing-v2 .lp-terminal-chart .grid { fill: none; stroke: #282c32; stroke-width: 1; }
.landing-v2 .lp-terminal-chart .candles { fill: #f3f4f5; stroke: #f3f4f5; stroke-width: 2; }
.landing-v2 .lp-terminal-chart .candles .down { fill: var(--vm-signal); stroke: var(--vm-signal); }
.landing-v2 .lp-terminal-chart .average { fill: none; stroke: #9fa5ad; stroke-width: 2; }
.landing-v2 .lp-terminal-chart > footer { position: absolute; left: 12px; bottom: 8px; display: flex; gap: 15px; color: #777e87; font-size: 8px; }
.landing-v2 .lp-terminal-chart > footer strong { color: #fff; }
.landing-v2 .lp-terminal-ticket { padding: 18px 13px; display: grid; align-content: start; gap: 13px; border-left: 1px solid #2c3036; background: #17191e; }
.landing-v2 .lp-terminal-ticket > small { color: #8f959e; font-size: 8px !important; letter-spacing: .1em; }
.landing-v2 .lp-terminal-ticket > b { color: #fff; font-size: 13px; }
.landing-v2 .lp-terminal-ticket label,.landing-v2 .lp-terminal-ticket strong { display: grid; gap: 5px; color: #8d939c; font-size: 8px; }
.landing-v2 .lp-terminal-ticket label span { padding: 8px; color: #fff; background: #24272d; }
.landing-v2 .lp-terminal-ticket strong em { color: #fff; font-style: normal; }
.landing-v2 .lp-terminal-ticket > u { min-height: 34px; display: grid; place-items: center; border-radius: 3px; color: #fff; text-decoration: none; font-size: 9px; font-weight: 800; }
.landing-v2 .lp-terminal-ticket > .sell { background: #444a52; }
.landing-v2 .lp-terminal-ticket > .buy { background: var(--vm-signal); }
.landing-v2 .lp-phone-device {
  position: absolute;
  z-index: 5;
  right: 10px;
  bottom: -12px;
  width: 230px;
  height: 418px;
  padding: 13px 16px 10px;
  overflow: hidden;
  border: 5px solid #0b0c0f;
  border-radius: 34px;
  color: #fff;
  background: #16181d;
  box-shadow: 0 30px 70px rgba(0,0,0,.6);
}
.landing-v2 .lp-phone-device > header { display: flex; justify-content: space-between; color: #d3d5d9; font-size: 7px; }
.landing-v2 .lp-phone-brand { margin: 15px 0 22px; display: flex; align-items: center; gap: 7px; }
.landing-v2 .lp-phone-brand .lp-terminal-brandmark { width: 21px; height: 21px; }
.landing-v2 .lp-phone-brand b { font-size: 10px; }
.landing-v2 .lp-phone-brand em { margin-left: auto; color: #3183ff; font-size: 7px; font-style: normal; font-weight: 800; }
.landing-v2 .lp-phone-device > small { color: #8d939c; font-size: 7px !important; letter-spacing: .1em; }
.landing-v2 .lp-phone-device h3 { margin: 3px 0 0; color: #fff; font-size: 25px; }
.landing-v2 .phone-profit { color: #2ac98c; font-size: 9px; }
.landing-v2 .lp-phone-stats { margin-top: 15px; display: grid; grid-template-columns: 1fr 1fr; border-block: 1px solid #33373e; }
.landing-v2 .lp-phone-stats span { padding: 10px 3px; display: grid; gap: 4px; }
.landing-v2 .lp-phone-stats span + span { border-left: 1px solid #33373e; padding-left: 10px; }
.landing-v2 .lp-phone-stats small { color: #898f98; font-size: 7px !important; }
.landing-v2 .lp-phone-stats b { font-size: 8px; }
.landing-v2 .lp-phone-mini-chart { margin-top: 15px; }
.landing-v2 .lp-phone-mini-chart > span { display: flex; justify-content: space-between; color: #9ba1a9; font-size: 8px; }
.landing-v2 .lp-phone-mini-chart > span b { color: #fff; }
.landing-v2 .lp-phone-mini-chart svg { width: 100%; height: 72px; }
.landing-v2 .lp-phone-mini-chart path { fill: none; stroke: var(--vm-signal); stroke-width: 3; }
.landing-v2 .lp-phone-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.landing-v2 .lp-phone-actions b { min-height: 30px; display: grid; place-items: center; border-radius: 3px; background: #454a51; font-size: 8px; }
.landing-v2 .lp-phone-actions b:last-child { background: var(--vm-signal); }
.landing-v2 .lp-phone-device > footer { position: absolute; inset: auto 10px 7px; padding-top: 8px; display: flex; justify-content: space-around; border-top: 1px solid #33373e; color: #7d838c; font-size: 7px; }
.landing-v2 .lp-phone-device > footer strong { color: #fff; }

/* Minimal radii and neutral surfaces across advertising. */
.landing-v2 :is(.lp-product-mini,.lp-home-account,.lp-home-insight,.lp-home-payments,.lp-home-standards,.lp-home-support,.lp-trust-ribbon) { border-radius: 5px !important; }
.landing-v2 :is(.lp-product-markets>u b,.lp-product-learn li,.lp-home-payments a,.lp-home-standards article,.lp-trust-ribbon a) { border-radius: 2px !important; }
.landing-v2 :is(.lp-product-mini>i,.lp-trust-ribbon a>i) { border-radius: 3px !important; color: #3183ff !important; background: #343840 !important; }

/* Portal, staff and WebTrader inherit the same graphite/red brand language. */
body:is(.portal-body,.staff-body),body:has(.terminal-shell) { background: #17191e !important; }
:is(.portal-sidebar,.staff-sidebar,.terminal-topbar,.market-sidebar,.account-sidebar,.instrument-bar,.panel-dark) { background: #202329 !important; border-color: #363a42 !important; }
:is(.portal-sidebar,.staff-sidebar) { border-radius: 0 !important; }
:is(.portal-sidebar,.staff-sidebar) nav a { border-radius: 3px !important; }
:is(.portal-sidebar,.staff-sidebar) nav a:hover { background: #2c3037 !important; }
:is(.portal-sidebar,.staff-sidebar) nav a.active { color: #fff !important; background: #30343b !important; box-shadow: inset 3px 0 var(--vm-signal); }
:is(.portal-sidebar,.staff-sidebar) nav a.active .nav-icon { color: #3183ff !important; }
:is(.primary-action,.cash-submit,.save-settings,.deposit-button,.submit-order,.staff-body button.primary,.staff-body a.primary) { color: #fff !important; border: 0 !important; border-radius: 3px !important; background: var(--vm-signal) !important; box-shadow: none !important; }
:is(.portal-body,.staff-body) :is(.summary-cards article,.staff-kpis article,.staff-card,.account-section,.overview-card,.quick-card) { border-radius: 4px !important; background: #24272d !important; border-color: #383c44 !important; box-shadow: none !important; }
:is(.portal-body,.staff-body) :is(.content-heading>span,.staff-heading>span,.staff-card header>small,.summary-cards article>small) { color: #3183ff !important; }

.terminal-shell { background: #17191e !important; }
.terminal-shell .chart-toolbar { background: #202329 !important; border-bottom-color: #363a42 !important; }
.terminal-shell .chart-tool.primary > i { color: #fff !important; background: #353941 !important; }
.terminal-shell .chart-tool.primary:hover,.terminal-shell .chart-tool.primary.active { background: #2c3037 !important; box-shadow: inset 0 -2px var(--vm-signal) !important; }
.terminal-shell .chart-action:hover,.terminal-shell .chart-action.active { color: #fff !important; background: #353941 !important; }
.terminal-shell .quote-button.buy { background: var(--vm-signal) !important; border-color: var(--vm-signal) !important; }
.terminal-shell .quote-button.sell { background: #4a4f57 !important; border-color: #555b64 !important; }
.terminal-shell .market-row.selected { background: #30343b !important; box-shadow: inset 3px 0 var(--vm-signal); }
.terminal-shell .market-tabs button { border-radius: 3px !important; }
.terminal-shell .market-tabs button.active { color: #fff !important; border-color: var(--vm-signal) !important; background: var(--vm-signal) !important; }
.terminal-shell .position-head,.terminal-shell .position-row {
  min-width: 980px !important;
  grid-template-columns: 1.2fr .62fr .72fr .88fr .78fr .88fr .62fr 1fr !important;
}
.terminal-shell .position-status { display: block !important; }
.terminal-shell .position-status > small { display: inline-flex; align-items: center; gap: 5px; color: #eef0f2 !important; }
.terminal-shell .position-status > small i { width: 6px; height: 6px; border-radius: 50%; background: #2ac98c; }
.terminal-shell .position-actions { display: flex !important; align-items: center; justify-content: flex-end; gap: 6px; }
.terminal-shell .position-actions button { min-height: 28px; padding: 0 10px; border-radius: 3px; font-size: 9px; font-weight: 800; }
.terminal-shell .position-risk { color: #fff !important; border: 1px solid #626872 !important; background: #343840 !important; }
.terminal-shell .position-close { order: 2; color: #fff !important; border: 1px solid var(--vm-signal) !important; background: var(--vm-signal) !important; }

/* Light mode remains high-contrast and removes pale-on-pale text. */
.light-theme body:is(.portal-body,.staff-body),.light-theme body:has(.terminal-shell) { color: #111318 !important; background: #eceeef !important; }
.light-theme :is(.portal-sidebar,.staff-sidebar,.terminal-topbar,.market-sidebar,.account-sidebar,.instrument-bar,.panel-dark) { color: #111318 !important; background: #fff !important; border-color: #cfd2d6 !important; }
.light-theme :is(.portal-body,.staff-body) :is(.summary-cards article,.staff-kpis article,.staff-card,.account-section,.overview-card,.quick-card) { color: #111318 !important; background: #fff !important; border-color: #d3d5d9 !important; }
.light-theme .terminal-shell { background: #eceeef !important; }
.light-theme .terminal-shell .chart-toolbar { background: #f6f6f7 !important; border-bottom-color: #d4d6da !important; }
.light-theme .terminal-shell .chart-tool.primary > i { color: #202329 !important; background: #e2e3e6 !important; }
.light-theme .terminal-shell .chart-tool.primary small { color: #5b616a !important; }
.light-theme .terminal-shell .chart-tool.primary b { color: #111318 !important; }
.light-theme .terminal-shell .chart-tool.primary:hover,.light-theme .terminal-shell .chart-tool.primary.active { background: #e8e9eb !important; }

@media (max-width: 980px) {
  .landing-v2 .lp-product-main { min-height: 720px !important; padding: 36px !important; }
  .landing-v2 .lp-terminal-preview { left: 28px !important; right: 20px !important; }
  .landing-v2 .lp-desktop-device { right: 90px; }
  .landing-v2 .lp-terminal-body { grid-template-columns: 105px minmax(0,1fr) 125px !important; }
  .landing-v2 .lp-terminal-top nav { display: none; }
}

@media (max-width: 720px) {
  body.landing-v2,.light-theme body.landing-v2 { background: #f0f1f2 !important; }
  .landing-v2 .landing-nav { min-height: 64px !important; padding-inline: 14px !important; border-radius: 0 !important; }
  .landing-v2 .lp-cinematic-hero,.landing-v2 .hero-section { width: 100% !important; padding-inline: 20px !important; border-radius: 0 !important; }
  .landing-v2 .lp-cinematic-hero .lp-hero-photo { inset: auto 0 0 !important; }
  .landing-v2 .lp-proof.lp-proof-ads { width: calc(100% - 28px) !important; grid-template-columns: 1fr !important; }
  .landing-v2 .lp-proof-ads article { min-height: 230px !important; padding: 27px 22px !important; border-left: 0 !important; border-top: 1px solid #454a52 !important; }
  .landing-v2 .lp-proof-ads article:first-child { border-top: 0 !important; }
  .landing-v2 .lp-product-story { width: calc(100% - 28px) !important; }
  .landing-v2 .lp-product-grid { grid-template-columns: 1fr !important; }
  .landing-v2 .lp-product-main { grid-column: auto !important; min-height: 760px !important; padding: 26px 20px !important; }
  .landing-v2 .lp-product-copy > b { font-size: 38px !important; }
  .landing-v2 .lp-terminal-preview { left: 16px !important; right: 16px !important; bottom: 18px !important; height: 420px !important; }
  .landing-v2 .lp-desktop-device { left: -190px; right: 54px; height: 318px; opacity: .72; }
  .landing-v2 .lp-terminal-body { grid-template-columns: 110px minmax(330px,1fr) !important; }
  .landing-v2 .lp-terminal-ticket { display: none; }
  .landing-v2 .lp-phone-device { right: 0; width: 218px; height: 408px; }
  .terminal-shell .position-head,.terminal-shell .position-row { min-width: 900px !important; grid-template-columns: 1.2fr .62fr .72fr .88fr .78fr .88fr .62fr 1fr !important; }
}

/* v30 · final single-theme lock and spacing pass. There is no alternate theme. */
html,
html.light-theme {
  color-scheme: dark !important;
  background: #23272d !important;
}
html.light-theme body { color: inherit !important; }
body.landing-body.landing-v2,
html.light-theme body.landing-body.landing-v2 {
  color: #17191e !important;
  background: #eceeef !important;
}

/* Public navigation and hero use one graphite / mineral / signal-red system. */
body.landing-v2 .landing-nav,
html.light-theme body.landing-v2 .landing-nav {
  color: #fff !important;
  background: rgba(59,65,72,.96) !important;
  border-bottom-color: rgba(255,255,255,.16) !important;
}
body.landing-v2 .landing-nav :is(.lp-nav-group>button,.aureo-brand b),
html.light-theme body.landing-v2 .landing-nav :is(.lp-nav-group>button,.aureo-brand b) { color: #fff !important; }
body.landing-v2 :is(.nav-login,.hero-secondary),
html.light-theme body.landing-v2 :is(.nav-login,.hero-secondary) {
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  border-radius: 3px !important;
  background: #353a41 !important;
  box-shadow: none !important;
}
body.landing-v2 :is(.nav-primary,.hero-primary,.lp-home-account>a,.lp-home-support>a,.final-cta>a),
html.light-theme body.landing-v2 :is(.nav-primary,.hero-primary,.lp-home-account>a,.lp-home-support>a,.final-cta>a) {
  color: #fff !important;
  border: 0 !important;
  border-radius: 3px !important;
  background: #005fed !important;
  background-image: none !important;
  box-shadow: none !important;
}
body.landing-v2 .lp-menu-toggle,
html.light-theme body.landing-v2 .lp-menu-toggle {
  color: #fff !important;
  border-color: rgba(255,255,255,.2) !important;
  background: #454b52 !important;
}
body.landing-v2 :is(.elite-market-tape,.market-strip),
html.light-theme body.landing-v2 :is(.elite-market-tape,.market-strip) {
  color: #fff !important;
  background: #4b535b !important;
  border-color: rgba(255,255,255,.13) !important;
}
body.landing-v2 :is(.elite-market-tape,.market-strip) :is(span,b,small,a) { color: inherit !important; }
body.landing-v2 .lp-cinematic-hero,
body.landing-v2 .hero-section,
html.light-theme body.landing-v2 :is(.lp-cinematic-hero,.hero-section) {
  color: #fff !important;
  background: #737d85 !important;
}
body.landing-v2 .lp-cinematic-hero :is(h1,h1 em,.hero-copy>p,.hero-trust b,.hero-trust small),
html.light-theme body.landing-v2 .lp-cinematic-hero :is(h1,h1 em,.hero-copy>p,.hero-trust b,.hero-trust small) { color: #fff !important; }
body.landing-v2 .lp-cinematic-hero .hero-trust {
  gap: 0 !important;
  border-top: 1px solid rgba(255,255,255,.24) !important;
}
body.landing-v2 .lp-cinematic-hero .hero-trust > span {
  min-width: 0 !important;
  padding: 18px clamp(12px,2vw,28px) 0 !important;
  border: 0 !important;
  border-left: 1px solid rgba(255,255,255,.24) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.landing-v2 .lp-cinematic-hero .hero-trust > span:first-child { padding-left: 0 !important; border-left: 0 !important; }

/* Advertising planes keep proportion and whitespace at every breakpoint. */
body.landing-v2 .lp-proof.lp-proof-ads,
html.light-theme body.landing-v2 .lp-proof.lp-proof-ads {
  color: #fff !important;
  background: #282c32 !important;
}
body.landing-v2 .lp-proof-ads article { background: transparent !important; }
body.landing-v2 .lp-product-story {
  margin-top: 0 !important;
  padding: clamp(72px,8vw,118px) 0 !important;
  color: #17191e !important;
  background: transparent !important;
}
body.landing-v2 .lp-section-head { margin-bottom: clamp(34px,5vw,62px) !important; }
body.landing-v2 .lp-section-head :is(h2,p) { color: #17191e !important; }
body.landing-v2 .lp-section-head > a {
  color: #17191e !important;
  border-bottom-color: #005fed !important;
}
body.landing-v2 .lp-product-grid > a,
html.light-theme body.landing-v2 .lp-product-grid > a {
  color: #fff !important;
  background: #282c32 !important;
}
body.landing-v2 .lp-product-main {
  position: relative !important;
  isolation: isolate;
}
body.landing-v2 .lp-product-copy {
  position: relative !important;
  z-index: 10 !important;
  display: grid !important;
  align-content: start !important;
  gap: 16px !important;
}
body.landing-v2 .lp-product-copy :is(b,em) { color: #fff !important; }
body.landing-v2 .lp-product-copy em { color: #c7cbd0 !important; }
body.landing-v2 :is(.lp-product-copy strong,.lp-product-mini strong,.lp-product-copy small,.lp-product-mini small) { color: #3183ff !important; }
body.landing-v2 .lp-terminal-preview { z-index: 2 !important; }
body.landing-v2 .lp-product-mini > i,
body.landing-v2 .lp-trust-ribbon a > i { color: #3183ff !important; background: #363b42 !important; }
body.landing-v2 :is(.lp-product-markets>u b,.lp-product-learn li) {
  color: #e7e9eb !important;
  border-color: #474c54 !important;
  background: #32363d !important;
}
body.landing-v2 :is(.lp-home-account,.lp-home-insight,.lp-home-payments,.lp-home-standards,.lp-home-support,.lp-trust-ribbon,.final-cta) {
  border-color: transparent !important;
  box-shadow: none !important;
}

/* WebTrader and portals: remove remaining cyan interface chrome. Market movement
   keeps semantic green/red, while controls stay neutral or signal red. */
body:has(.terminal-shell) :is(.terminal-topbar,.market-sidebar,.account-sidebar,.instrument-bar,.chart-toolbar,.orders-panel),
body.portal-body :is(.portal-sidebar,.portal-main,.portal-topbar),
body.staff-body :is(.staff-sidebar,.staff-main,.staff-topbar) {
  border-color: #383d45 !important;
  background-color: #202329 !important;
}
.terminal-shell :is(.section-kicker,.eyebrow,.chart-tool.primary>i,.account-kicker),
body.portal-body :is(.section-kicker,.eyebrow,.nav-icon),
body.staff-body :is(.section-kicker,.eyebrow,.nav-icon) { color: #3183ff !important; }
.terminal-shell :is(.chart-tool.primary,.chart-action,.market-tabs button,.position-actions button),
body.portal-body :is(button,a,input,select,textarea),
body.staff-body :is(button,a,input,select,textarea) { border-radius: 3px !important; }
.chart-loading {
  overflow: hidden !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-indent: -9999px !important;
  background: #005fed !important;
  box-shadow: 0 0 0 5px rgba(0,95,237,.12) !important;
}
@keyframes vmChartPulse { to { box-shadow: 0 0 0 8px rgba(0,95,237,.035); opacity: .62; } }
.terminal-shell .live-price-tag {
  color: #fff !important;
  border-color: #005fed !important;
  border-radius: 2px !important;
  background: #005fed !important;
  box-shadow: none !important;
}
.terminal-shell :is(.top-avatar,.profile-trigger,.account-trigger),
body.portal-body :is(.top-avatar,.profile-trigger,.account-trigger,.user-avatar),
body.staff-body :is(.top-avatar,.profile-trigger,.account-trigger,.user-avatar) {
  color: #fff !important;
  border-color: #656b74 !important;
  background: #383d44 !important;
  background-image: none !important;
  box-shadow: inset 0 -2px #005fed !important;
}
.terminal-shell .mobile-app-nav,
body.portal-body .portal-mobile-nav {
  border-color: #3c4148 !important;
  background: rgba(31,34,40,.97) !important;
  box-shadow: none !important;
}
.terminal-shell .mobile-app-nav button,
body.portal-body .portal-mobile-nav a {
  color: #aeb4bc !important;
  border-radius: 3px !important;
  background: transparent !important;
  background-image: none !important;
}
.terminal-shell .mobile-app-nav button.active,
body.portal-body .portal-mobile-nav a.active {
  color: #fff !important;
  background: #353a41 !important;
  background-image: none !important;
  box-shadow: inset 0 3px #005fed !important;
}
.terminal-shell .mobile-app-nav button.active :is(i,span),
body.portal-body .portal-mobile-nav a.active :is(i,span) { color: inherit !important; }

body.portal-body .portal-sidebar nav a.active,
body.staff-body .staff-sidebar nav a.active {
  color: #fff !important;
  background: #30343b !important;
  background-image: none !important;
  box-shadow: inset 3px 0 #005fed !important;
}
body.portal-body .terminal-cta,
body.portal-body .trade-link {
  color: #fff !important;
  border-color: #474c54 !important;
  border-radius: 3px !important;
  background: #2d3137 !important;
  background-image: none !important;
  box-shadow: inset 3px 0 #005fed !important;
}
body.portal-body .terminal-cta :is(i,strong,b),
body.portal-body .trade-link :is(i,strong,b) { color: #3183ff !important; }
body.portal-body .portal-top,
html.light-theme body.portal-body .portal-top {
  color: #fff !important;
  border-color: #3b4048 !important;
  background: #202329 !important;
}
body.portal-body .portal-top > div:first-child small { color: #3183ff !important; }
body.portal-body .portal-user > span {
  color: #fff !important;
  border: 1px solid #656b74 !important;
  background: #383d44 !important;
  box-shadow: inset 0 -2px #005fed !important;
}
body.portal-body .portal-top-logout button {
  color: #fff !important;
  border-color: #555b64 !important;
  border-radius: 3px !important;
  background: #30343a !important;
}
body.portal-body .portal-mobile-sections {
  border-color: #383d45 !important;
  background: #17191e !important;
}
body.portal-body .portal-mobile-sections a {
  color: #aeb4bc !important;
  border-color: #3e434b !important;
  border-radius: 3px !important;
  background: #202329 !important;
  background-image: none !important;
}
body.portal-body .portal-mobile-sections a.active {
  color: #fff !important;
  border-color: #555b64 !important;
  background: #30343a !important;
  background-image: none !important;
  box-shadow: inset 0 -2px #005fed !important;
}
body.portal-body .portal-mobile-sections a.active :is(i,span) { color: inherit !important; }
body.portal-body :is(.content-heading>span,.welcome-row>div>span) { color: #3183ff !important; }

/* Unified sign-in experience for client, agent and administrator. */
body.login-body,
html.light-theme body.login-body {
  color: #17191e !important;
  background: #eceeef !important;
}
body.login-body .login-layout { background: transparent !important; }
body.login-body .login-brand-panel {
  color: #fff !important;
  border-color: #515760 !important;
  background:
    radial-gradient(circle at 12% 18%,rgba(0,95,237,.14),transparent 24rem),
    linear-gradient(145deg,#3c4249,#25292f) !important;
}
body.login-body .login-message :is(h1,h1 em,p) { color: #fff !important; }
body.login-body .login-message > span { color: #3183ff !important; }
body.login-body .login-form-panel { background: #eceeef !important; }
body.login-body .login-card,
html.light-theme body.login-body .login-card {
  color: #fff !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: #282c32 !important;
  box-shadow: 0 24px 58px rgba(32,35,41,.18) !important;
}
body.login-body .login-card :is(h1,h2,label,b,strong,summary) { color: #fff !important; }
body.login-body .login-card :is(p,small,.legal-copy) { color: #aeb4bc !important; }
body.login-body .login-card header small,
body.login-body .login-card > span { color: #3183ff !important; }
body.login-body .login-card :is(input,select) {
  color: #fff !important;
  border-color: #50565e !important;
  border-radius: 3px !important;
  background: #202329 !important;
}
body.login-body .login-submit {
  color: #fff !important;
  border: 0 !important;
  border-radius: 3px !important;
  background: #005fed !important;
  background-image: none !important;
  box-shadow: none !important;
}
body.login-body :is(.login-options a,.login-options button,.login-card>a) { color: #3183ff !important; }
body.login-body :is(.demo-credentials,.local-access-card,.role-switch) {
  border-color: #4a5058 !important;
  border-radius: 3px !important;
  background: #24272d !important;
}
body.login-body .role-switch a {
  color: #c5c9ce !important;
  border-color: #4a5058 !important;
  border-radius: 3px !important;
  background: #30343a !important;
}
body.login-body .role-switch a.active {
  color: #fff !important;
  border-color: #005fed !important;
  background: #005fed !important;
}
body.login-body .role-access-links,
html.light-theme body.login-body .role-access-links {
  border-color: #4a5058 !important;
  border-radius: 3px !important;
  background: #24272d !important;
}
body.login-body .role-access-links a {
  color: #c5c9ce !important;
  border-color: #4a5058 !important;
  border-radius: 3px !important;
  background: #30343a !important;
}
body.login-body .role-access-links a.active {
  color: #fff !important;
  border-color: #005fed !important;
  background: #005fed !important;
}

@media (max-width: 720px) {
  body.login-body .login-form-panel { padding: 14px !important; }
  body.login-body .login-card { padding: 28px 20px !important; }
}

/* Administration and agent workspaces use the same neutral control language. */
body.staff-body,
html.light-theme body.staff-body {
  color: #f7f7f8 !important;
  background: #17191e !important;
}
body.staff-body :is(.staff-sidebar,.staff-top),
html.light-theme body.staff-body :is(.staff-sidebar,.staff-top) {
  color: #fff !important;
  border-color: #3b4048 !important;
  background: #202329 !important;
}
body.staff-body .staff-main,
html.light-theme body.staff-body .staff-main { background: #17191e !important; }
body.staff-body .staff-top > div > small,
body.staff-body .staff-heading > div > span,
body.staff-body .staff-card header small { color: #3183ff !important; }
body.staff-body .staff-top > button {
  color: #fff !important;
  border-color: #4c525a !important;
  border-radius: 3px !important;
  background: #30343a !important;
}
body.staff-body :is(a.primary,button.primary,.staff-heading>a.primary),
html.light-theme body.staff-body :is(a.primary,button.primary,.staff-heading>a.primary) {
  color: #fff !important;
  border-color: #005fed !important;
  border-radius: 3px !important;
  background: #005fed !important;
  background-image: none !important;
  box-shadow: none !important;
}
body.staff-body .staff-kpis article,
html.light-theme body.staff-body .staff-kpis article {
  color: #fff !important;
  border-color: #3b4048 !important;
  border-radius: 4px !important;
  background: #24272d !important;
  background-image: none !important;
  box-shadow: none !important;
}
body.staff-body .staff-kpis article :is(small,span) { color: #aeb4bc !important; }
body.staff-body .staff-kpis article > small { color: #3183ff !important; }
body.staff-body :is(.staff-card,.staff-form,.client-detail-card,.client-identity-card,.note-card),
html.light-theme body.staff-body :is(.staff-card,.staff-form,.client-detail-card,.client-identity-card,.note-card) {
  color: #fff !important;
  border-color: #3b4048 !important;
  border-radius: 4px !important;
  background: #24272d !important;
  background-image: none !important;
  box-shadow: none !important;
}
body.staff-body :is(.staff-card,.staff-form,.client-detail-card,.client-identity-card,.note-card) :is(input,select,textarea) {
  color: #fff !important;
  border-color: #4c525a !important;
  border-radius: 3px !important;
  background: #1b1e23 !important;
}
body.staff-body .staff-sidebar nav a {
  color: #b7bcc3 !important;
  border-radius: 3px !important;
  background: transparent !important;
}
body.staff-body .staff-sidebar nav a.active {
  color: #fff !important;
  background: #30343a !important;
  box-shadow: inset 3px 0 #005fed !important;
}
body.staff-body :is(.staff-table-head,.client-table-head,.fund-row,.audit-row,.managed-position-head,.kyc-review-head) { border-color: #3b4048 !important; }

@media (max-width: 720px) {
  body.staff-body .staff-content { padding: 24px 14px 70px !important; }
  body.staff-body .staff-heading { gap: 22px !important; }
  body.staff-body .staff-heading h1 { font-size: clamp(34px,10vw,46px) !important; line-height: 1 !important; }
  body.staff-body .staff-kpis { gap: 10px !important; }
  body.staff-body .staff-kpis article { min-height: 118px !important; padding: 18px !important; }
}

/* Staff templates identify the role with data-staff-role. */
body[data-staff-role],
html.light-theme body[data-staff-role] {
  color: #f7f7f8 !important;
  background: #17191e !important;
}
body[data-staff-role] :is(.staff-sidebar,.staff-top),
html.light-theme body[data-staff-role] :is(.staff-sidebar,.staff-top) {
  color: #fff !important;
  border-color: #3b4048 !important;
  background: #202329 !important;
}
body[data-staff-role] .staff-main { background: #17191e !important; }
body[data-staff-role] .staff-top > div > small,
body[data-staff-role] .staff-heading > div > span,
body[data-staff-role] .staff-card header small { color: #3183ff !important; }
body[data-staff-role] .staff-top > button {
  color: #fff !important;
  border-color: #4c525a !important;
  border-radius: 3px !important;
  background: #30343a !important;
}
body[data-staff-role] :is(a.primary,button.primary,.staff-heading>a.primary) {
  color: #fff !important;
  border-color: #005fed !important;
  border-radius: 3px !important;
  background: #005fed !important;
  background-image: none !important;
  box-shadow: none !important;
}
body[data-staff-role] .staff-kpis article,
html.light-theme body[data-staff-role] .staff-kpis article {
  color: #fff !important;
  border-color: #3b4048 !important;
  border-radius: 4px !important;
  background: #24272d !important;
  background-image: none !important;
  box-shadow: none !important;
}
body[data-staff-role] .staff-kpis article :is(small,span) { color: #aeb4bc !important; }
body[data-staff-role] .staff-kpis article > small { color: #3183ff !important; }
body[data-staff-role] :is(.staff-card,.staff-form,.client-detail-card,.client-identity-card,.note-card) {
  color: #fff !important;
  border-color: #3b4048 !important;
  border-radius: 4px !important;
  background: #24272d !important;
  background-image: none !important;
  box-shadow: none !important;
}
body[data-staff-role] :is(.staff-card,.staff-form,.client-detail-card,.client-identity-card,.note-card) :is(input,select,textarea) {
  color: #fff !important;
  border-color: #4c525a !important;
  border-radius: 3px !important;
  background: #1b1e23 !important;
}
body[data-staff-role] .staff-sidebar nav a {
  color: #b7bcc3 !important;
  border-radius: 3px !important;
  background: transparent !important;
}
body[data-staff-role] .staff-sidebar nav a.active {
  color: #fff !important;
  background: #30343a !important;
  box-shadow: inset 3px 0 #005fed !important;
}

@media (max-width: 720px) {
  body[data-staff-role] .staff-content { padding: 24px 14px 70px !important; }
  body[data-staff-role] .staff-heading { gap: 22px !important; }
  body[data-staff-role] .staff-heading h1 { font-size: clamp(34px,10vw,46px) !important; line-height: 1 !important; }
  body[data-staff-role] .staff-kpis { gap: 10px !important; }
  body[data-staff-role] .staff-kpis article { min-height: 118px !important; padding: 18px !important; }
}

@media (max-width: 720px) {
  body.landing-body.landing-v2,
  html.light-theme body.landing-body.landing-v2 { background: #eceeef !important; }
  body.landing-v2 .lp-riskbar { padding-inline: 12px !important; }
  body.landing-v2 .landing-nav { padding: 10px 14px !important; }
  body.landing-v2 .landing-actions { gap: 8px !important; }
  body.landing-v2 :is(.nav-login,.nav-primary) { min-height: 44px !important; }
  body.landing-v2 .lp-cinematic-hero {
    min-height: 690px !important;
    padding-top: 48px !important;
    padding-bottom: 38px !important;
  }
  body.landing-v2 .lp-cinematic-hero .hero-copy { width: 100% !important; }
  body.landing-v2 .lp-cinematic-hero h1 { font-size: clamp(43px,13vw,60px) !important; line-height: .98 !important; }
  body.landing-v2 .lp-cinematic-hero .hero-actions { display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important; }
  body.landing-v2 .lp-cinematic-hero :is(.hero-primary,.hero-secondary) { width: 100% !important; min-height: 54px !important; }
  body.landing-v2 .lp-cinematic-hero .hero-trust { grid-template-columns: repeat(3,minmax(0,1fr)) !important; overflow: hidden !important; }
  body.landing-v2 .lp-cinematic-hero .hero-trust > span { padding: 14px 9px 0 !important; }
  body.landing-v2 .lp-cinematic-hero .hero-trust > span:first-child { padding-left: 0 !important; }
  body.landing-v2 .lp-proof.lp-proof-ads { width: 100% !important; margin-top: 0 !important; }
  body.landing-v2 .lp-proof-ads article { min-height: 220px !important; }
  body.landing-v2 .lp-product-story { width: 100% !important; padding: 70px 14px !important; }
  body.landing-v2 .lp-section-head { padding-inline: 5px !important; }
  body.landing-v2 .lp-product-main {
    min-height: 850px !important;
    padding: 34px 24px !important;
  }
  body.landing-v2 .lp-product-copy { max-width: 100% !important; gap: 13px !important; }
  body.landing-v2 .lp-product-copy > b { font-size: clamp(35px,10.4vw,44px) !important; line-height: 1.02 !important; }
  body.landing-v2 .lp-product-copy > em { max-width: 31ch !important; font-size: 14px !important; line-height: 1.55 !important; }
  body.landing-v2 .lp-terminal-preview {
    left: 18px !important;
    right: 18px !important;
    bottom: 24px !important;
    height: 420px !important;
  }
  body.landing-v2 .lp-desktop-device { left: -220px !important; right: 48px !important; height: 300px !important; opacity: .58 !important; }
  body.landing-v2 .lp-phone-device { right: 0 !important; width: 214px !important; height: 408px !important; }
  body.landing-v2 .lp-product-mini { min-height: 330px !important; padding: 28px 24px !important; }
}

@media (min-width: 721px) and (max-width: 1080px) {
  body.landing-v2 .lp-product-main { min-height: 800px !important; }
  body.landing-v2 .lp-product-copy { max-width: 70% !important; }
}

/* The generated mark is displayed without a surrounding tile. */
.aureo-brand .aureo-symbol {
  width: 38px !important;
  min-width: 38px !important;
  height: 38px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: url('/static/app-icon.svg?v=73') center/contain no-repeat !important;
  box-shadow: none !important;
}
.aureo-brand .aureo-symbol > i { display: none !important; }
.candle-mark {
  width: 36px !important;
  min-width: 36px !important;
  height: 36px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: url('/static/app-icon.svg?v=73') center/contain no-repeat !important;
  box-shadow: none !important;
}
.candle-mark > i { display: none !important; }
@media (max-width: 720px) {
  .aureo-brand .aureo-symbol { width: 34px !important; min-width: 34px !important; height: 34px !important; }
  .candle-mark { width: 34px !important; min-width: 34px !important; height: 34px !important; }
}

/* Specificity guard for the legacy landing layer still used by an already-open
   local instance. These are intentional hard locks, not a second color mode. */
body.landing-v2.landing-v2 .lp-riskbar,
html.light-theme body.landing-v2.landing-v2 .lp-riskbar {
  color: #f6f7f8 !important;
  border-color: #565c64 !important;
  background: #30343a !important;
}
body.landing-v2.landing-v2 .lp-riskbar b { color: #3183ff !important; }
body.landing-v2.landing-v2 .market-strip .lp-cat,
html.light-theme body.landing-v2.landing-v2 .market-strip .lp-cat {
  color: #fff !important;
  border-color: #686e76 !important;
  background: #555c64 !important;
  background-image: none !important;
  box-shadow: none !important;
}
body.landing-v2.landing-v2 .market-strip .lp-cat :is(i,b,small,svg) { color: inherit !important; stroke: currentColor !important; }
body.landing-v2.landing-v2 .market-strip .lp-cat > i { color: #3183ff !important; background: #3e434a !important; }
body.landing-v2.landing-v2 .landing-nav :is(.nav-primary),
body.landing-v2.landing-v2 .lp-cinematic-hero :is(.hero-primary),
html.light-theme body.landing-v2.landing-v2 .landing-nav :is(.nav-primary),
html.light-theme body.landing-v2.landing-v2 .lp-cinematic-hero :is(.hero-primary) {
  color: #fff !important;
  border-color: #005fed !important;
  background: #005fed !important;
  background-color: #005fed !important;
  background-image: none !important;
  box-shadow: none !important;
}
body.landing-v2.landing-v2 .landing-nav :is(.nav-login),
body.landing-v2.landing-v2 .lp-cinematic-hero :is(.hero-secondary),
html.light-theme body.landing-v2.landing-v2 .landing-nav :is(.nav-login),
html.light-theme body.landing-v2.landing-v2 .lp-cinematic-hero :is(.hero-secondary) {
  color: #fff !important;
  border-color: #686e76 !important;
  background: #3a3f46 !important;
  background-color: #3a3f46 !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Public information, support and registration pages share the same brand —
   they are not a blue sub-product. */
body.public-info-body,
html.light-theme body.public-info-body {
  color: #17191e !important;
  background: #eceeef !important;
}
body.public-info-body .public-header,
html.light-theme body.public-info-body .public-header {
  color: #fff !important;
  border: 0 !important;
  border-bottom: 1px solid #555b63 !important;
  border-radius: 0 !important;
  background: rgba(58,64,71,.97) !important;
  box-shadow: none !important;
}
body.public-info-body .public-brand :is(b,small),
html.light-theme body.public-info-body .public-brand :is(b,small) { color: #fff !important; }
body.public-info-body .public-header nav a { color: #e7e9eb !important; }
body.public-info-body :is(.public-primary,.public-bottom-cta>a,.support-widget form>button),
html.light-theme body.public-info-body :is(.public-primary,.public-bottom-cta>a,.support-widget form>button) {
  color: #fff !important;
  border: 0 !important;
  border-radius: 3px !important;
  background: #005fed !important;
  background-image: none !important;
  box-shadow: none !important;
}
body.public-info-body :is(.public-secondary,.public-menu-button,.public-support-link),
html.light-theme body.public-info-body :is(.public-secondary,.public-menu-button,.public-support-link) {
  color: #fff !important;
  border-color: #686e76 !important;
  border-radius: 3px !important;
  background: #3b4047 !important;
  background-image: none !important;
  box-shadow: none !important;
}
body.public-info-body .public-page { color: #17191e !important; }
body.public-info-body .public-hero,
html.light-theme body.public-info-body .public-hero {
  color: #fff !important;
  border: 0 !important;
  border-radius: 4px !important;
  background:
    radial-gradient(circle at 88% 12%,rgba(0,95,237,.14),transparent 22rem),
    linear-gradient(145deg,#333840,#24272d) !important;
  box-shadow: none !important;
}
body.public-info-body .public-hero :is(h1,p,a) { color: #fff !important; }
body.public-info-body .public-hero > span,
body.public-info-body :is(.public-detail,.public-rich-section,.support-form-card,.registration-panel)>header>span,
body.public-info-body :is(.support-page-layout,.registration-layout)>aside>span { color: #3183ff !important; }
body.public-info-body .public-topic-grid article,
body.public-info-body :is(.public-detail,.public-rich-section,.public-knowledge article),
html.light-theme body.public-info-body .public-topic-grid article,
html.light-theme body.public-info-body :is(.public-detail,.public-rich-section,.public-knowledge article) {
  color: #17191e !important;
  border-color: #d2d5d8 !important;
  border-radius: 3px !important;
  background: #fff !important;
  box-shadow: none !important;
}
body.public-info-body .public-topic-grid article :is(h2,h3,b,strong) { color: #17191e !important; }
body.public-info-body .public-topic-grid article :is(p,small) { color: #596069 !important; }
body.public-info-body .public-topic-grid article > i { color: #005fed !important; background: #eceeef !important; }
body.public-info-body .public-bottom-cta,
html.light-theme body.public-info-body .public-bottom-cta {
  color: #fff !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: #2b2f35 !important;
  box-shadow: none !important;
}
body.public-info-body .public-bottom-cta :is(h2,p,span) { color: #fff !important; }
body.public-info-body :is(.support-page-layout,.registration-layout)>aside,
body.public-info-body :is(.support-form-card,.support-success,.registration-panel,.registration-success),
html.light-theme body.public-info-body :is(.support-page-layout,.registration-layout)>aside,
html.light-theme body.public-info-body :is(.support-form-card,.support-success,.registration-panel,.registration-success) {
  border-color: #d2d5d8 !important;
  border-radius: 4px !important;
  background: #fff !important;
  box-shadow: none !important;
}
body.public-info-body :is(.support-page-layout,.registration-layout)>aside :is(h2,b,strong),
body.public-info-body :is(.support-form-card,.support-success,.registration-panel,.registration-success) :is(h1,h2,b,strong) { color: #17191e !important; }
body.public-info-body :is(.support-page-layout,.registration-layout)>aside :is(p,small),
body.public-info-body :is(.support-form-card,.support-success,.registration-panel,.registration-success) :is(p,small) { color: #596069 !important; }
body.public-info-body :is(input,select,textarea) {
  color: #17191e !important;
  border-color: #c9cdd1 !important;
  border-radius: 3px !important;
  background: #f7f7f8 !important;
}
body.public-info-body .public-footer,
html.light-theme body.public-info-body .public-footer {
  color: #d9dce0 !important;
  border-color: #3c4148 !important;
  background: #202329 !important;
}
body.public-info-body .public-footer :is(b,strong,a) { color: #f7f7f8 !important; }
body.public-info-body .public-footer :is(p,small,span) { color: #aeb4bc !important; }
body.public-info-body .support-widget>button {
  color: #fff !important;
  border: 0 !important;
  border-radius: 3px !important;
  background: #005fed !important;
  box-shadow: none !important;
}
body.public-info-body .site-notice,
html.light-theme body.public-info-body .site-notice {
  color: #f4f5f6 !important;
  border-color: #50565e !important;
  background: #30343a !important;
}
body.public-info-body .site-notice :is(b,span,a) { color: inherit !important; }
body.public-info-body .public-header .public-open,
html.light-theme body.public-info-body .public-header .public-open {
  color: #fff !important;
  border: 0 !important;
  border-radius: 3px !important;
  background: #005fed !important;
  background-image: none !important;
  box-shadow: none !important;
}
body.public-info-body .public-header .public-login,
html.light-theme body.public-info-body .public-header .public-login {
  color: #fff !important;
  border-color: #686e76 !important;
  border-radius: 3px !important;
  background: #3b4047 !important;
}
body.public-info-body.public-info-body .public-topic-grid article,
html.light-theme body.public-info-body.public-info-body .public-topic-grid article {
  color: #17191e !important;
  border-color: #d2d5d8 !important;
  background: #fff !important;
  background-image: none !important;
}

/* Homepage follow-through: every section stays in the same neutral family. */
body.landing-v2.landing-v2 .lp-section-head p { color: #555c64 !important; opacity: 1 !important; }
body.landing-v2.landing-v2 .lp-home-account,
html.light-theme body.landing-v2.landing-v2 .lp-home-account {
  color: #fff !important;
  border: 0 !important;
  background:
    radial-gradient(circle at 92% 12%,rgba(0,95,237,.13),transparent 20rem),
    linear-gradient(145deg,#363b42,#262a30) !important;
}
body.landing-v2.landing-v2 .lp-home-account :is(h2,p,li) { color: #fff !important; }
body.landing-v2.landing-v2 .lp-home-account p { color: #c7cbd0 !important; }
body.landing-v2.landing-v2 .lp-home-account > div > span { color: #3183ff !important; }
body.landing-v2.landing-v2 .lp-home-insight,
html.light-theme body.landing-v2.landing-v2 .lp-home-insight {
  color: #17191e !important;
  background: #fff !important;
}
body.landing-v2.landing-v2 .lp-home-insight img { filter: grayscale(1) contrast(1.03) !important; }
body.landing-v2.landing-v2 .lp-home-insight :is(h2,p,li) { color: #17191e !important; }
body.landing-v2.landing-v2 .lp-home-insight li::before { color: #005fed !important; }
body.landing-v2.landing-v2 .lp-home-insight > div > span,
body.landing-v2.landing-v2 .lp-home-insight a { color: #005fed !important; }
body.landing-v2.landing-v2 :is(.lp-home-payments,.lp-home-standards),
html.light-theme body.landing-v2.landing-v2 :is(.lp-home-payments,.lp-home-standards) {
  color: #17191e !important;
  background: #fff !important;
}
body.landing-v2.landing-v2 :is(.lp-home-payments,.lp-home-standards) :is(h2,h3,b,p,small) { color: #17191e !important; }
body.landing-v2.landing-v2 :is(.lp-home-payments,.lp-home-standards) header > span { color: #005fed !important; }
body.landing-v2.landing-v2 .lp-home-payments a,
body.landing-v2.landing-v2 .lp-home-standards article {
  border-color: #d7dadd !important;
  background: #f4f5f6 !important;
}
body.landing-v2.landing-v2 .lp-home-payments img { filter: grayscale(1) contrast(1.2) brightness(.58) !important; }
body.landing-v2.landing-v2 .lp-home-support,
html.light-theme body.landing-v2.landing-v2 .lp-home-support {
  color: #fff !important;
  background: #2c3036 !important;
}
body.landing-v2.landing-v2 .lp-home-support :is(h2,p) { color: #fff !important; }
body.landing-v2.landing-v2 .lp-home-support > div > span { color: #3183ff !important; }
body.landing-v2.landing-v2 :is(.lp-support-fab),
html.light-theme body.landing-v2.landing-v2 :is(.lp-support-fab) {
  color: #fff !important;
  border: 0 !important;
  border-radius: 3px !important;
  background: #005fed !important;
  box-shadow: 0 10px 24px rgba(32,35,41,.24) !important;
}
body.landing-v2.landing-v2 .lp-support-fab > span { color: #fff !important; border-radius: 0 !important; background: transparent !important; }

@media (max-width: 720px) {
  body.landing-v2.landing-v2 :is(.lp-home-account,.lp-home-insight,.lp-home-payments,.lp-home-standards,.lp-home-support) {
    width: calc(100% - 28px) !important;
    margin-block: 56px !important;
    padding: 34px 22px !important;
  }
  body.landing-v2.landing-v2 :is(.lp-home-account,.lp-home-insight,.lp-home-payments,.lp-home-standards,.lp-home-support) h2 {
    font-size: clamp(31px,9vw,40px) !important;
    line-height: 1.05 !important;
  }
  body.landing-v2.landing-v2 .lp-product-story { padding-bottom: 24px !important; }
  body.landing-v2.landing-v2 .lp-home-account { margin-top: 30px !important; }
}

body.landing-v2.landing-v2 .lp-trust-ribbon,
html.light-theme body.landing-v2.landing-v2 .lp-trust-ribbon {
  color: #17191e !important;
  border-color: #d4d7da !important;
  background: #fff !important;
}
body.landing-v2.landing-v2 .lp-trust-ribbon header span { color: #005fed !important; }
body.landing-v2.landing-v2 .lp-trust-ribbon :is(b,small) { color: #17191e !important; }
body.landing-v2.landing-v2 .lp-trust-ribbon a { border-color: #d4d7da !important; background: transparent !important; }
body.landing-v2.landing-v2 .lp-trust-ribbon a > i { color: #005fed !important; background: #eceeef !important; }
body.landing-v2.landing-v2 .landing-footer,
html.light-theme body.landing-v2.landing-v2 .landing-footer {
  color: #d9dce0 !important;
  border-color: #3c4148 !important;
  background: #202329 !important;
}
body.landing-v2.landing-v2 .landing-footer :is(b,strong,a) { color: #f7f7f8 !important; }
body.landing-v2.landing-v2 .landing-footer :is(p,small,span) { color: #aeb4bc !important; }
body.landing-v2.landing-v2 .lp-footer-payments a {
  color: #f7f7f8 !important;
  border-color: #444950 !important;
  background: #2b2f35 !important;
  background-image: none !important;
}
body.landing-v2.landing-v2 .lp-footer-payments a :is(strong,span) { color: inherit !important; }

@media (max-width: 720px) {
  body.public-info-body .public-header { width: 100% !important; margin: 0 !important; padding: 10px 14px !important; }
  body.public-info-body .public-page { padding-inline: 14px !important; }
  body.public-info-body .public-hero { padding: 38px 20px !important; }
  body.public-info-body .public-hero h1 { font-size: clamp(40px,12vw,54px) !important; line-height: 1 !important; }
  body.public-info-body :is(.support-page-layout,.registration-layout) { padding: 16px 14px 64px !important; gap: 14px !important; }
  body.public-info-body :is(.support-page-layout,.registration-layout)>aside,
  body.public-info-body :is(.support-form-card,.support-success,.registration-panel,.registration-success) { padding: 28px 20px !important; }
}

/* Mobile positions are compact information cards: every required value and the
   final actions are visible without horizontal scrolling. */
@media (max-width: 760px) {
  .terminal-shell .table-view[data-table-view="positions"] { overflow-x: hidden !important; }
  .terminal-shell .position-table { width: 100% !important; min-width: 0 !important; }
  .terminal-shell .position-head { display: none !important; }
  .terminal-shell .position-row {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 132px !important;
    padding: 10px 12px !important;
    display: grid !important;
    grid-template-columns: minmax(0,1.3fr) minmax(0,1fr) !important;
    grid-template-areas:
      "asset side"
      "units opening"
      "current pnl"
      "status actions" !important;
    grid-template-rows: auto auto auto 30px !important;
    gap: 6px 12px !important;
    border: 0 !important;
    border-top: 1px solid #343941 !important;
    border-radius: 0 !important;
    background: #17191e !important;
  }
  .terminal-shell .position-row > span { min-width: 0 !important; display: flex !important; flex-direction: column !important; justify-content: center !important; gap: 2px !important; font-size: 10px !important; }
  .terminal-shell .position-row > span:nth-child(1) { grid-area: asset; }
  .terminal-shell .position-row > span:nth-child(2) { grid-area: side; align-items: flex-end; }
  .terminal-shell .position-row > span:nth-child(3) { grid-area: units; }
  .terminal-shell .position-row > span:nth-child(4) { grid-area: opening; }
  .terminal-shell .position-row > span:nth-child(5) { grid-area: current; }
  .terminal-shell .position-row > span:nth-child(6) { grid-area: pnl; }
  .terminal-shell .position-row > span:nth-child(7) { grid-area: status; }
  .terminal-shell .position-row > span:nth-child(8) { grid-area: actions; }
  .terminal-shell .position-row > span:nth-child(3)::before { content: "UNIDADES"; }
  .terminal-shell .position-row > span:nth-child(4)::before { content: "APERTURA"; }
  .terminal-shell .position-row > span:nth-child(5)::before { content: "ACTUAL"; }
  .terminal-shell .position-row > span:nth-child(6)::before { content: "P/L"; }
  .terminal-shell .position-row > span:nth-child(n+3):nth-child(-n+6)::before { color: #7f8791; font-size: 7px; font-weight: 800; letter-spacing: .08em; }
  .terminal-shell .position-actions { flex-direction: row !important; justify-content: flex-end !important; }
  .terminal-shell .position-actions button { min-height: 27px !important; padding-inline: 9px !important; }
}

/* v31 · full-platform graphite migration, live prices and realistic campaign. */
:root {
  --blue: #005fed !important;
  --staff-blue: #005fed !important;
  --staff-cyan: #3183ff !important;
  --staff-bg: #17191e !important;
  --staff-panel: #202329 !important;
  --staff-panel-2: #282c32 !important;
  --staff-line: #3a3f46 !important;
  --staff-text: #f5f6f7 !important;
  --staff-muted: #aeb4bc !important;
}

/* Actual quotations replace the old promotional strip. */
body.landing-v2 .price-ticker,
html.light-theme body.landing-v2 .price-ticker {
  height: 45px !important;
  padding: 0 !important;
  overflow: hidden !important;
  color: #25282d !important;
  border-bottom: 1px solid #c9ccd0 !important;
  background: #f3f4f5 !important;
}
body.landing-v2 .price-ticker::before,
body.landing-v2 .price-ticker::after { display: none !important; }
body.landing-v2 .price-ticker-track {
  width: max-content !important;
  min-width: max-content !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  animation: vm-price-tape 44s linear infinite !important;
  will-change: transform;
}
body.landing-v2 .ticker-asset {
  min-width: max-content !important;
  height: 100% !important;
  padding: 0 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #25282d !important;
  border-right: 1px solid #d4d7da !important;
}
body.landing-v2 .ticker-asset > i {
  width: 24px !important;
  height: 24px !important;
  display: grid !important;
  place-items: center !important;
  color: #f6f7f8 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #33383f !important;
  font-size: 8px !important;
  font-style: normal !important;
  font-weight: 900 !important;
}
body.landing-v2 .ticker-asset > b { color: #4c525a !important; font-size: 10px !important; font-weight: 750 !important; }
body.landing-v2 .ticker-asset > strong { color: #17191e !important; font-size: 11px !important; font-weight: 900 !important; }
body.landing-v2 .ticker-asset > small { font-size: 9px !important; font-weight: 900 !important; }
body.landing-v2 .ticker-asset > small.up { color: #138a60 !important; }
body.landing-v2 .ticker-asset > small.down { color: #0054d3 !important; }
body.landing-v2 .ticker-asset:has(> small.up) > strong { color: #138a60 !important; }
body.landing-v2 .ticker-asset:has(> small.down) > strong { color: #0054d3 !important; }
@keyframes vm-price-tape { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { body.landing-v2 .price-ticker-track { animation: none !important; } }

/* Editorial hero: copy never clips and photography remains part of the layout. */
body.landing-v2 .lp-cinematic-hero {
  isolation: isolate !important;
  min-height: clamp(650px,calc(100vh - 117px),790px) !important;
  display: grid !important;
  grid-template-columns: minmax(390px,46%) minmax(0,54%) !important;
  align-items: stretch !important;
  overflow: hidden !important;
}
body.landing-v2 .lp-cinematic-hero .hero-copy {
  z-index: 4 !important;
  width: auto !important;
  max-width: 720px !important;
  margin: 0 !important;
  padding: clamp(70px,8vw,120px) clamp(30px,5vw,82px) 70px !important;
  align-self: center !important;
  transform: none !important;
}
body.landing-v2 .lp-cinematic-hero .hero-copy h1 {
  max-width: 690px !important;
  margin-inline: 0 !important;
  color: #fff !important;
  font-size: clamp(60px,6.2vw,100px) !important;
  line-height: .92 !important;
  overflow-wrap: normal !important;
}
body.landing-v2 .lp-cinematic-hero .hero-copy > p { color: #e5e7e9 !important; opacity: 1 !important; }
body.landing-v2 .lp-cinematic-hero .lp-hero-photo {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  overflow: hidden !important;
}
body.landing-v2 .lp-cinematic-hero .lp-hero-photo img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: 60% center !important; }
body.landing-v2 .lp-cinematic-hero::before { z-index: 2 !important; pointer-events: none !important; }

/* Campaign product: a real mobile render over a usable desktop preview. */
body.landing-v2 .lp-product-main {
  min-height: 720px !important;
  padding: 58px 54px !important;
  display: block !important;
  color: #fff !important;
}
body.landing-v2 .lp-product-main .lp-product-copy {
  position: relative !important;
  z-index: 8 !important;
  width: min(44%,540px) !important;
  max-width: 540px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}
body.landing-v2 .lp-product-main .lp-product-copy > b { color: #fff !important; font-size: clamp(43px,4.2vw,66px) !important; line-height: .99 !important; }
body.landing-v2 .lp-product-main .lp-product-copy > em { color: #c8cdd3 !important; opacity: 1 !important; line-height: 1.55 !important; }
body.landing-v2 .lp-product-main .lp-terminal-preview {
  z-index: 3 !important;
  left: 45% !important;
  right: 18px !important;
  bottom: 16px !important;
  height: 575px !important;
}
body.landing-v2 .lp-product-main .lp-device-stage { min-width: 0 !important; }
body.landing-v2 .lp-product-main .lp-desktop-device { left: 0 !important; right: 128px !important; bottom: 18px !important; height: 390px !important; }
body.landing-v2 .lp-phone-photo {
  position: absolute !important;
  z-index: 7 !important;
  right: -2px !important;
  bottom: -38px !important;
  width: clamp(225px,22vw,330px) !important;
  height: 600px !important;
  object-fit: contain !important;
  object-position: center bottom !important;
  filter: drop-shadow(0 30px 34px rgba(0,0,0,.48)) !important;
  pointer-events: none !important;
}
body.landing-v2 .final-orb { display: none !important; }
body.landing-v2 .final-cta,
html.light-theme body.landing-v2 .final-cta {
  color: #fff !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: linear-gradient(145deg,#343941,#23262c) !important;
}
body.landing-v2 .final-cta :is(h2,p) { color: #fff !important; }
body.landing-v2 .final-cta p { color: #c7cbd0 !important; opacity: 1 !important; }

/* Portal: one neutral surface system, no inherited marine-blue windows. */
body.portal-body {
  --bg: #17191e !important;
  --surface: #202329 !important;
  --surface2: #282c32 !important;
  --line: #3a3f46 !important;
  --text: #f5f6f7 !important;
  --muted: #aeb4bc !important;
  --blue: #005fed !important;
  color: #f5f6f7 !important;
  background: #17191e !important;
}
body.portal-body :is(.portal-top,.portal-content,.portal-main) { background-color: transparent !important; }
body.portal-body :is(.summary-cards article,.overview-card,.quick-card,.performance-grid article,.history-card,.cash-card,.funding-assurance,.status-grid article,.kyc-workflow,.kyc-document,.account-detail-card,.settings-card,.portal-form,.movement-card,.method-instructions,.funding-form,.profile-status-card) {
  color: #f5f6f7 !important;
  border-color: #3b4047 !important;
  background: #24272d !important;
  background-image: none !important;
  box-shadow: none !important;
}
body.portal-body :is(.summary-cards article,.overview-card,.quick-card,.performance-grid article,.history-card,.cash-card,.funding-assurance,.status-grid article,.kyc-workflow,.account-detail-card,.settings-card,.portal-form,.movement-card) :is(h2,h3,h4,b,strong,label) { color: #f5f6f7 !important; }
body.portal-body :is(.summary-cards article,.overview-card,.quick-card,.performance-grid article,.history-card,.cash-card,.funding-assurance,.status-grid article,.kyc-workflow,.account-detail-card,.settings-card,.portal-form,.movement-card) :is(p,small,span) { color: #b9bec5 !important; }
body.portal-body :is(input,select,textarea,.money-field,.method-grid select) {
  color: #f7f8f9 !important;
  border-color: #4a5058 !important;
  border-radius: 3px !important;
  background: #1b1e23 !important;
  box-shadow: none !important;
}
body.portal-body :is(input,select,textarea):focus { border-color: #005fed !important; box-shadow: 0 0 0 2px rgba(0,95,237,.16) !important; }
body.portal-body .payment-methods button {
  color: #e5e7e9 !important;
  border-color: #4b5058 !important;
  border-radius: 3px !important;
  background: #2b2f35 !important;
  box-shadow: none !important;
}
body.portal-body .payment-methods button.active { color: #fff !important; border-color: #005fed !important; background: #363037 !important; box-shadow: inset 3px 0 #005fed !important; }
body.portal-body :is(.payment-methods button,.cash-card,.funding-assurance,.status-grid article,.kyc-document) .nav-icon { color: #3183ff !important; }
body.portal-body :is(.payment-methods button,.portal-sidebar nav a) .nav-icon { border: 0 !important; border-radius: 3px !important; background: #30343a !important; }
body.portal-body .funding-assurance > span { color: #3183ff !important; }
body.portal-body .funding-assurance > div { border-color: #3b4047 !important; }
body.portal-body .funding-assurance > div > i {
  color: #3183ff !important;
  border: 0 !important;
  border-left: 2px solid #005fed !important;
  border-radius: 0 !important;
  background: transparent !important;
}
body.portal-body .portal-sidebar nav a.active { border-color: #50565e !important; background: #30343a !important; box-shadow: inset 3px 0 #005fed !important; }
body.portal-body :is(.overview-card,.quick-card,.performance-grid,.history-card,.movement-card) a { color: #3183ff !important; }
body.portal-body :is(.overview-head,.overview-row,.movement-list>div,.quick-card a,.account-detail-card>div) { border-color: #3b4047 !important; }
body.portal-body :is(.progress-track,.allocation-bar) { background: #454b53 !important; }
body.portal-body :is(.progress-track,.allocation-bar) > * { background: linear-gradient(90deg,#004bbc,#005fed) !important; }
body.portal-body .login-register-link { color: #fff !important; border-color: #5a6068 !important; background: #30343a !important; }
body.login-body .login-register-link,
html.light-theme body.login-body .login-register-link {
  min-height: 42px !important;
  color: #fff !important;
  border-color: #555b63 !important;
  border-radius: 3px !important;
  background: #30343a !important;
  box-shadow: none !important;
}
body.portal-body .portal-top {
  min-height: 76px !important;
  display: grid !important;
  grid-template-columns: minmax(170px,1fr) auto minmax(170px,1fr) auto !important;
  gap: 18px !important;
  align-items: center !important;
}
body.portal-body .portal-trade-persistent {
  justify-self: center !important;
  min-width: 250px !important;
  min-height: 46px !important;
  padding: 6px 14px !important;
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 2px 12px !important;
  align-items: center !important;
  color: #fff !important;
  border: 1px solid #575d65 !important;
  border-radius: 3px !important;
  background: #2c3036 !important;
  text-decoration: none !important;
  box-shadow: inset 3px 0 #005fed !important;
}
body.portal-body .portal-trade-persistent span { color: #fff !important; font-size: 10px !important; font-weight: 900 !important; letter-spacing: .08em !important; }
body.portal-body .portal-trade-persistent small { grid-column: 1 !important; color: #aeb4bc !important; font-size: 8px !important; }
body.portal-body .portal-trade-persistent b { grid-column: 2 !important; grid-row: 1/3 !important; color: #3183ff !important; }
body.portal-body .portal-user { justify-self: end !important; margin-left: 0 !important; }
body.portal-body .portal-top-logout button { color: #fff !important; border-color: #555b63 !important; border-radius: 3px !important; background: #30343a !important; }

/* Staff/admin receives the same palette; wallet destinations remain admin-owned. */
body[data-staff-role] {
  color: #f5f6f7 !important;
  background: #17191e !important;
  background-image: none !important;
}
body[data-staff-role] :is(.staff-top,.staff-sidebar) { border-color: #3a3f46 !important; background: #202329 !important; }
body[data-staff-role] :is(.staff-card,.staff-form,.staff-kpis article,.note-item,.support-admin-card,.legacy-client-dialog,.legacy-client-head,.legacy-client-tabs,.legacy-client-layout>aside,.admin-wallet,.manual-funds-form,.note-card,.row-editor) {
  color: #f5f6f7 !important;
  border-color: #3e434b !important;
  background: #24272d !important;
  background-image: none !important;
  box-shadow: none !important;
}
body[data-staff-role] :is(.staff-card,.staff-form,.support-admin-card,.legacy-client-dialog,.admin-wallet,.manual-funds-form) :is(h1,h2,h3,b,strong,label) { color: #f5f6f7 !important; }
body[data-staff-role] :is(.staff-card,.staff-form,.support-admin-card,.legacy-client-dialog,.admin-wallet,.manual-funds-form) :is(p,small,span) { color: #b7bdc4 !important; }
body[data-staff-role] :is(input,select,textarea,.admin-wallet input,.manual-funds-grid input,.manual-funds-grid select,.legacy-profile-grid input,.legacy-profile-grid select) {
  color: #f7f8f9 !important;
  border-color: #4b5159 !important;
  border-radius: 3px !important;
  background: #1b1e23 !important;
  box-shadow: none !important;
}
body[data-staff-role] :is(input,select,textarea):focus { border-color: #005fed !important; box-shadow: 0 0 0 2px rgba(0,95,237,.15) !important; }
body[data-staff-role] :is(.staff-heading span,.staff-card header small,.staff-form header small,.staff-top small,.support-admin-card>header small,.manual-funds-heading>i) { color: #3183ff !important; }
body[data-staff-role] :is(.staff-brand small,.staff-sidebar nav a.active .nav-icon,.staff-sidebar nav a:hover .nav-icon) { color: #3183ff !important; }
body[data-staff-role] :is(.primary,.staff-body button.primary,.manual-funds-form button) { color: #fff !important; border-radius: 3px !important; background: #005fed !important; background-image: none !important; box-shadow: none !important; }

/* WebTrader: profile is upper-right, controls are neutral and actions never stack. */
.terminal-shell {
  --bg: #17191e !important;
  --surface: #202329 !important;
  --surface-2: #24272d !important;
  --surface-3: #2b2f35 !important;
  --line: #3a3f46 !important;
  --line-soft: #31353c !important;
  --blue: #005fed !important;
}
.terminal-shell :is(.market-search,.market-tabs button,.market-row,.terminal-empty,.demo-warning,.chart-tool,.chart-action,.toolbar-menu,.order-ticket,.money-input,.buy-sell,.order-types,.close-presets button) {
  border-color: #3d424a !important;
  background-color: #22252b !important;
  background-image: none !important;
}
.terminal-shell .terminal-topbar {
  height: 68px !important;
  min-height: 68px !important;
  display: grid !important;
  grid-template-columns: 195px minmax(480px,1fr) auto !important;
  grid-template-rows: 1fr !important;
  align-items: center !important;
  overflow: visible !important;
}
.terminal-shell .top-metrics { min-width: 0 !important; width: 100% !important; }
.terminal-shell .top-metrics article { min-width: 0 !important; flex: 1 1 0 !important; }
.terminal-shell .top-controls { grid-column: 3 !important; grid-row: 1 !important; justify-self: end !important; align-self: center !important; }
.terminal-shell .top-controls .live-status { display: none !important; }
.terminal-shell .market-search input { color: #f4f5f6 !important; }
.terminal-shell .market-row { border-radius: 3px !important; }
.terminal-shell .market-row:hover { background: #2a2e34 !important; }
.terminal-shell .market-row.selected { border: 0 !important; background: #30343a !important; box-shadow: inset 3px 0 #005fed !important; }
.terminal-shell .market-tabs button { color: #c5c9cf !important; border-radius: 3px !important; }
.terminal-shell .market-tabs button.active { color: #fff !important; border-color: #005fed !important; background: #005fed !important; }
.terminal-shell .round-button { border-radius: 3px !important; }
.terminal-shell .chart-tool,
.terminal-shell .chart-action { border-radius: 3px !important; }
.terminal-shell .top-avatar {
  width: auto !important;
  min-width: 148px !important;
  height: 42px !important;
  padding: 4px 5px 4px 12px !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 10px !important;
  color: #fff !important;
  border: 1px solid #4b5058 !important;
  border-radius: 3px !important;
  background: #292d33 !important;
}
.terminal-shell .top-client-copy { min-width: 0 !important; display: grid !important; gap: 2px !important; text-align: right !important; }
.terminal-shell .top-client-copy b { color: #fff !important; font-size: 9px !important; white-space: nowrap !important; }
.terminal-shell .top-client-copy small { color: #aeb4bc !important; font-size: 7px !important; white-space: nowrap !important; }
.terminal-shell .top-client-initials {
  width: 31px !important;
  height: 31px !important;
  flex: 0 0 31px !important;
  display: grid !important;
  place-items: center !important;
  color: #fff !important;
  border-radius: 50% !important;
  background: #005fed !important;
  font-size: 8px !important;
  font-style: normal !important;
  font-weight: 900 !important;
}
.terminal-shell .account-sidebar .profile-card { display: none !important; }
.terminal-shell .position-actions { flex-flow: row nowrap !important; white-space: nowrap !important; }
.terminal-shell .position-actions .position-risk { order: 1 !important; }
.terminal-shell .position-actions .position-close { order: 2 !important; }
.terminal-shell .position-head,
.terminal-shell .position-row {
  min-width: 880px !important;
  grid-template-columns: 1.2fr .55fr .72fr .9fr .72fr .9fr .62fr 1.25fr !important;
}

@media (max-width: 1080px) {
  body.landing-v2 .lp-product-main .lp-product-copy { width: 46% !important; }
  body.landing-v2 .lp-product-main .lp-terminal-preview { left: 46% !important; }
  body.landing-v2 .lp-phone-photo { width: 250px !important; }
  body.portal-body .portal-top { grid-template-columns: 1fr auto 1fr !important; }
  body.portal-body .portal-top-logout { display: none !important; }
  .terminal-shell .terminal-topbar { grid-template-columns: 185px minmax(360px,1fr) auto !important; }
  .terminal-shell .top-metrics article:nth-child(3),
  .terminal-shell .top-metrics article:nth-child(5) { display: none !important; }
  .terminal-shell .top-controls { display: flex !important; }
  .terminal-shell .top-controls :is(.utility-button,.live-status) { display: none !important; }
}

@media (max-width: 900px) {
  .terminal-shell .terminal-topbar { grid-template-columns: 1fr auto !important; }
  .terminal-shell .top-metrics { display: none !important; }
  .terminal-shell .top-controls { grid-column: 2 !important; }
}

@media (max-width: 760px) {
  body.landing-v2 .price-ticker { height: 42px !important; overflow-x: hidden !important; }
  body.landing-v2 .price-ticker-track { animation-duration: 36s !important; }
  body.landing-v2 .ticker-asset { padding-inline: 14px !important; gap: 6px !important; }
  body.landing-v2 .ticker-asset > i { width: 22px !important; height: 22px !important; }
  body.landing-v2 .lp-cinematic-hero {
    min-height: 820px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto 330px !important;
    background: #4a5158 !important;
  }
  body.landing-v2 .lp-cinematic-hero .hero-copy {
    grid-column: 1 !important;
    grid-row: 1 !important;
    padding: 62px 20px 34px !important;
    align-self: start !important;
  }
  body.landing-v2 .lp-cinematic-hero .hero-copy h1 { font-size: clamp(52px,16vw,73px) !important; }
  body.landing-v2 .lp-cinematic-hero .lp-hero-photo {
    grid-column: 1 !important;
    grid-row: 2 !important;
    height: 330px !important;
  }
  body.landing-v2 .lp-cinematic-hero::before { background: linear-gradient(180deg,rgba(48,53,59,.96) 0 58%,rgba(48,53,59,.1) 100%) !important; }
  body.landing-v2 .lp-product-main { min-height: 850px !important; padding: 32px 22px !important; }
  body.landing-v2 .lp-product-main .lp-product-copy { width: 100% !important; max-width: none !important; }
  body.landing-v2 .lp-product-main .lp-product-copy > b { font-size: clamp(36px,10vw,46px) !important; }
  body.landing-v2 .lp-product-main .lp-terminal-preview { left: 12px !important; right: 12px !important; bottom: 0 !important; height: 520px !important; }
  body.landing-v2 .lp-product-main .lp-desktop-device { left: -280px !important; right: 54px !important; bottom: 34px !important; height: 330px !important; opacity: .55 !important; }
  body.landing-v2 .lp-phone-photo { right: 50% !important; bottom: -18px !important; width: 260px !important; height: 520px !important; transform: translateX(54%) !important; }
  body.portal-body .portal-top {
    min-height: 66px !important;
    padding: 8px 12px !important;
    grid-template-columns: auto 1fr auto !important;
    gap: 8px !important;
  }
  body.portal-body .portal-top > div:first-child small { display: none !important; }
  body.portal-body .portal-top > div:first-child h1 { font-size: 15px !important; }
  body.portal-body .portal-trade-persistent {
    min-width: 0 !important;
    width: max-content !important;
    min-height: 38px !important;
    padding: 5px 9px !important;
  }
  body.portal-body .portal-trade-persistent span { font-size: 8px !important; }
  body.portal-body .portal-trade-persistent small { display: none !important; }
  body.portal-body .portal-trade-persistent b { grid-row: 1 !important; }
  body.portal-body .portal-user > div { display: none !important; }
  body.portal-body .portal-user > span { width: 34px !important; height: 34px !important; }
  .terminal-shell .top-avatar { min-width: 42px !important; width: 42px !important; padding: 4px !important; border: 0 !important; background: transparent !important; }
  .terminal-shell .top-client-copy { display: none !important; }
  .terminal-shell .position-head { display: none !important; min-width: 0 !important; }
  .terminal-shell .position-row {
    min-width: 0 !important;
    grid-template-columns: minmax(0,1.3fr) minmax(0,1fr) !important;
    grid-template-areas: "asset side" "units opening" "current pnl" "status actions" !important;
    grid-template-rows: auto auto auto 30px !important;
  }
  .terminal-shell .position-actions { gap: 5px !important; }
  .terminal-shell .position-actions button { min-width: 56px !important; padding-inline: 7px !important; }
}

/* v32 final cascade guard. This block intentionally stays last so templates
   already open in a local Python process cannot repaint the retired blue UI. */
html { --vm-v35-ready:1; }
html body.landing-v2 .lp-cinematic-hero {
  position: relative !important;
  isolation: isolate !important;
  width:100% !important;
  height:clamp(600px,calc(100svh - 152px),820px) !important;
  min-height:600px !important;
  padding:0 !important;
  gap:0 !important;
  display: block !important;
  overflow: hidden !important;
  color: #fff !important;
  background: #24272d !important;
}
html body.landing-v2 .lp-cinematic-hero::before {
  content:"" !important;
  position:absolute !important;
  z-index:2 !important;
  inset:0 !important;
  display:block !important;
  background:linear-gradient(90deg,rgba(24,27,32,.98) 0%,rgba(27,30,35,.91) 33%,rgba(27,30,35,.46) 58%,rgba(19,21,25,.08) 100%) !important;
}
html body.landing-v2 .lp-cinematic-hero .hero-copy {
  position:relative !important;
  z-index:5 !important;
  width:min(58%,780px) !important;
  max-width:780px !important;
  height:100% !important;
  min-height:0 !important;
  margin:0 !important;
  padding:clamp(44px,7vh,84px) 42px clamp(38px,6vh,70px) clamp(32px,5.4vw,88px) !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  transform:none !important;
}
html body.landing-v2 .lp-cinematic-hero .hero-copy h1 { max-width:760px !important; margin:18px 0 16px !important; color:#fff !important; font-size:clamp(58px,5.5vw,92px) !important; line-height:.9 !important; letter-spacing:-.06em !important; }
html body.landing-v2 .lp-cinematic-hero .hero-copy > p { max-width:650px !important; color:#d6d9dd !important; font-size:clamp(16px,1.35vw,21px) !important; line-height:1.55 !important; }
html body.landing-v2 .lp-cinematic-hero .hero-actions { margin-top:22px !important; }
html body.landing-v2 .lp-cinematic-hero .hero-trust { margin-top:26px !important; }
html body.landing-v2 .lp-hero-reel { position:absolute !important; z-index:1 !important; inset:0 !important; width:100% !important; height:100% !important; overflow:hidden !important; }
html body.landing-v2 .lp-hero-reel > figure { position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; margin:0 !important; opacity:0 !important; visibility:hidden !important; }
html body.landing-v2 .lp-hero-reel > figure.active { opacity:1 !important; visibility:visible !important; }
html body.landing-v2 .lp-hero-reel :is(img,video) { width:100% !important; height:100% !important; display:block !important; object-fit:cover !important; object-position:var(--hero-focus,center) !important; }
html body.landing-v2 .lp-hero-reel video { filter:saturate(.9) contrast(1.04) !important; }
html body.landing-v2 .lp-hero-controls { display:none !important; }
html body.landing-v2 .lp-mega-menu { color:#f7f8f9 !important; border-color:#555b63 !important; border-radius:4px !important; background:#2a2e34 !important; }
html body.landing-v2 .landing-nav nav .lp-mega-menu a:hover { background:#353a41 !important; }
html body.landing-v2 .landing-nav nav .lp-mega-menu a {
  display:grid !important;
  grid-template-columns:38px minmax(0,1fr) !important;
  grid-template-rows:auto auto !important;
  column-gap:12px !important;
  align-items:center !important;
  min-height:66px !important;
  padding:10px 12px !important;
}
html body.landing-v2 .lp-mega-menu a .lp-mega-icon {
  grid-column:1 !important;
  grid-row:1 / span 2 !important;
  width:34px !important;
  height:34px !important;
  display:grid !important;
  place-items:center !important;
  color:#f3f4f5 !important;
}
html body.landing-v2 .lp-mega-menu a .lp-mega-icon svg { width:25px !important; height:25px !important; fill:none !important; stroke:currentColor !important; stroke-width:1.55 !important; stroke-linecap:round !important; stroke-linejoin:round !important; }
html body.landing-v2 .lp-mega-menu a > b { grid-column:2 !important; align-self:end !important; }
html body.landing-v2 .lp-mega-menu a > em { grid-column:2 !important; align-self:start !important; }
html body.portal-body .portal-top { grid-template-columns:minmax(170px,1fr) auto minmax(170px,1fr) !important; }
html body.portal-body .portal-top-logout { display:none !important; }
html .terminal-shell .utility-button,
html .terminal-shell .elite-command-trigger,
html .terminal-shell .round-button,
html .terminal-shell .chart-tool,
html .terminal-shell .chart-action { color:#f5f6f7 !important; border-color:#50565e !important; border-radius:3px !important; background:#30343a !important; background-image:none !important; }
html .terminal-shell .chart-action { width:42px !important; min-width:42px !important; height:40px !important; min-height:40px !important; }
html .terminal-shell :is(.toolbar-menu,.account-popover) { color:#f7f8f9 !important; border-color:#565c65 !important; border-radius:4px !important; background:#292d33 !important; background-image:none !important; }
html .terminal-shell .option-menu > button,
html .terminal-shell .account-popover > a,
html .terminal-shell .account-popover > form > button { color:#eef0f2 !important; border:0 !important; border-bottom:1px solid #3e434a !important; border-left:3px solid transparent !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; }
html .terminal-shell .option-menu > button:is(:hover,.active),
html .terminal-shell .account-popover > a:is(:hover,.active),
html .terminal-shell .account-popover > form > button:hover { border-left-color:#005fed !important; background:#363a41 !important; }
html .terminal-shell .option-menu > button > i,
html .terminal-shell .account-popover .nav-icon { color:#fff !important; border-color:#50565e !important; border-radius:2px !important; background:#3a3f46 !important; }
html .terminal-shell .table-tabs button { min-height:47px !important; color:#bfc4ca !important; border:0 !important; border-bottom:3px solid transparent !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; }
html .terminal-shell .table-tabs button.active { color:#fff !important; border-bottom-color:#005fed !important; background:#30343a !important; }
html .terminal-shell .table-tabs button span { color:#fff !important; border-radius:2px !important; background:#4a5058 !important; }
html .terminal-shell .table-tabs button.active span { background:#005fed !important; }

/* The application canvas is warm graphite, never pure black. Keeping the
   canvas distinct from cards also makes the hierarchy readable at a glance. */
html body.portal-body,
html body[data-staff-role],
html body:has(.terminal-shell) { background:#181b20 !important; }
html body.portal-body .portal-main,
html body.portal-body .portal-content,
html body[data-staff-role] .staff-main,
html body[data-staff-role] .staff-content { background:#181b20 !important; }
html body.portal-body .account-sidebar,
html body[data-staff-role] .staff-sidebar { background:#24282e !important; }
html body[data-staff-role] .staff-sidebar nav a {
  color:#c0c5cb !important;
  border-color:transparent !important;
  border-radius:3px !important;
  background:transparent !important;
  box-shadow:none !important;
}
html body[data-staff-role] .staff-sidebar nav a:hover { color:#fff !important; background:#30343a !important; }
html body[data-staff-role] .staff-sidebar nav a.active {
  color:#fff !important;
  border-color:#484e56 !important;
  background:#30343a !important;
  box-shadow:inset 3px 0 #005fed !important;
}
html body[data-staff-role] .staff-sidebar nav a i,
html body[data-staff-role] .staff-sidebar nav a i svg { color:#c6cbd1 !important; stroke:currentColor !important; }
html body[data-staff-role] .staff-sidebar nav a:is(:hover,.active) i,
html body[data-staff-role] .staff-sidebar nav a:is(:hover,.active) i svg { color:#3183ff !important; }
html body[data-staff-role] .staff-live { color:#d6d9dd !important; border-color:#50565e !important; border-radius:3px !important; background:#2d3137 !important; }
html body[data-staff-role] input[type="checkbox"] { accent-color:#005fed !important; }
html :is(.portal-user > span,.staff-profile > span,.client-avatar,.profile-card > span,.account-popover > header > span) {
  color:#fff !important;
  border-color:#5a6068 !important;
  background:#393e45 !important;
  background-image:none !important;
  box-shadow:inset 0 1px rgba(255,255,255,.12) !important;
}
html :is(.portal-user > span,.staff-profile > span,.client-avatar,.profile-card > span,.account-popover > header > span)::after {
  border-color:#393e45 !important;
  background:#005fed !important;
}

@media (max-width:760px) {
  html body.landing-v2 .lp-cinematic-hero { height:auto !important; min-height:790px !important; display:block !important; }
  html body.landing-v2 .lp-cinematic-hero::before { background:linear-gradient(180deg,rgba(24,27,32,.98) 0%,rgba(24,27,32,.90) 54%,rgba(24,27,32,.34) 78%,rgba(24,27,32,.18) 100%) !important; }
  html body.landing-v2 .lp-cinematic-hero .hero-copy { width:100% !important; max-width:none !important; height:auto !important; min-height:790px !important; padding:68px 20px 150px !important; justify-content:flex-start !important; }
  html body.landing-v2 .lp-cinematic-hero .hero-copy h1 { font-size:clamp(48px,14.5vw,70px) !important; line-height:.94 !important; }
  html body.landing-v2 .lp-hero-reel :is(img,video) { object-position:72% center !important; }
  html body.portal-body .portal-top { grid-template-columns:auto 1fr auto !important; }
}

/* v109 · The price chart owns horizontal pointer gestures so users can drag
   through real historical candles on touch screens without moving the page. */
html .terminal-shell .chart-stage canvas {
  touch-action:none !important;
  cursor:grab !important;
  overscroll-behavior:contain !important;
}
html .terminal-shell .chart-stage canvas.dragging {
  cursor:grabbing !important;
}

/* Funding method artwork: one consistent, detailed icon system without
   glowing tiles or miniature logos floating independently. */
html body.portal-body #cashMovementForm .payment-methods button {
  grid-template-columns:58px minmax(0,1fr) !important;
  column-gap:10px !important;
}
html body.portal-body #cashMovementForm .payment-methods button > i {
  grid-column:1 !important;
  width:56px !important;
  min-width:56px !important;
  height:35px !important;
  display:block !important;
  border:0 !important;
  border-radius:0 !important;
  background-color:transparent !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  background-size:contain !important;
  box-shadow:none !important;
  filter:none !important;
}
html body.portal-body #cashMovementForm .payment-methods button > i > *,
html body.portal-body #cashMovementForm .payment-methods button > i::before,
html body.portal-body #cashMovementForm .payment-methods button > i::after {
  content:none !important;
  display:none !important;
}
html body.portal-body #cashMovementForm [data-payment-method="bank_transfer"] > i {
  background-image:url("/static/icons/funding-transfer.svg") !important;
}
html body.portal-body #cashMovementForm .payment-methods button[data-payment-method="card"] > i {
  background-image:url("/static/icons/funding-card.svg") !important;
}
html body.portal-body #cashMovementForm [data-payment-method="crypto"] > i {
  background-image:url("/static/icons/funding-crypto.svg") !important;
}
html body.portal-body #cashMovementForm .payment-methods button.active > i {
  filter:drop-shadow(0 3px 7px rgba(0,0,0,.38)) brightness(1.06) !important;
}
html .terminal-shell #marketCount { display:none !important; }

@media (max-width:760px) {
  html body.portal-body #cashMovementForm .payment-methods button {
    grid-template-columns:1fr !important;
    grid-template-rows:31px 16px !important;
    height:59px !important;
    min-height:59px !important;
    max-height:59px !important;
    row-gap:1px !important;
  }
  html body.portal-body #cashMovementForm .payment-methods button > i {
    grid-column:1 !important;
    width:50px !important;
    min-width:50px !important;
    height:31px !important;
  }
  html body.portal-body #cashMovementForm .payment-methods button > span {
    height:16px !important;
  }
}

/* v59 · Vector-only controls and status marks stay crisp at every density. */
html body.public-info-body .public-menu-button {
  display:none;
  place-items:center;
  padding:0 !important;
}
html body.public-info-body .public-menu-button > span {
  display:grid;
  place-items:center;
}
html body.public-info-body .public-menu-button .ui-icon,
html body.public-info-body .support-widget [data-support-close] .ui-icon {
  width:19px !important;
  height:19px !important;
}
html body.public-info-body .public-menu-button .menu-close-icon { display:none; }
html body.public-info-body .public-header.menu-open .public-menu-button .menu-open-icon { display:none; }
html body.public-info-body .public-header.menu-open .public-menu-button .menu-close-icon { display:grid; }
html body.public-info-body .support-widget > button span .ui-icon {
  width:18px !important;
  height:18px !important;
}
html body.portal-body :is(.download-history,.content-heading .primary-action.button) {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
}
html body.portal-body :is(.download-history,.content-heading .primary-action.button) .ui-icon {
  width:17px !important;
  height:17px !important;
}
html body.portal-body .movement-list > div > i .ui-icon,
html body.portal-body .portal-empty > i .ui-icon,
html body.portal-body .kyc-control-grid article > i .ui-icon,
html body.portal-body .kyc-document > i .ui-icon {
  width:20px !important;
  height:20px !important;
}
html body.portal-body :is(.quick-card a > strong,.overview-card header a) .ui-icon {
  width:16px !important;
  height:16px !important;
}
html body.landing-body .market-strip > div > span {
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
}
html body.landing-body .market-strip > div > span > i {
  display:grid !important;
  place-items:center !important;
}
html body.landing-body .market-strip .ui-icon,
html body.landing-body .crm-copy li .ui-icon,
html body.landing-body .crm-node .ui-icon,
html body.login-body .login-points .ui-icon {
  width:18px !important;
  height:18px !important;
}
@media (max-width:1020px) {
  html body.public-info-body .public-menu-button { display:inline-grid !important; }
}

html .terminal-shell .chart-tool.primary > em {
  width:12px !important;
  height:12px !important;
  display:grid !important;
  place-items:center !important;
}
html .terminal-shell .chart-tool.primary > em .ui-icon {
  width:11px !important;
  height:11px !important;
  stroke-width:2.2 !important;
}
html .terminal-shell .option-menu > button > i .ui-icon {
  width:20px !important;
  height:20px !important;
  stroke-width:1.8 !important;
}
html .terminal-shell .terminal-account-links a > b .ui-icon {
  width:14px !important;
  height:14px !important;
  stroke-width:2.2 !important;
}

/* v57 · The profile identity is one aligned row. The crown belongs to the
   initials circle, never to the name or to a separate grid row. */
html .terminal-shell .top-avatar {
  position:relative !important;
  display:flex !important;
  flex-flow:row nowrap !important;
  align-items:center !important;
  justify-content:flex-end !important;
  overflow:visible !important;
}
html .terminal-shell .top-avatar .top-client-copy {
  min-width:0 !important;
  margin-right:auto !important;
  align-self:center !important;
  display:block !important;
  line-height:1.15 !important;
  text-align:left !important;
}
html .terminal-shell .top-avatar .top-client-copy b {
  display:block !important;
  margin:0 !important;
  line-height:1.15 !important;
  white-space:nowrap !important;
}
html .terminal-shell .top-avatar .top-client-initials {
  position:relative !important;
  inset:auto !important;
  margin:0 !important;
  align-self:center !important;
}

@media (min-width:901px) {
  html .terminal-shell .top-avatar .account-tier-crown {
    top:-3px !important;
    right:12px !important;
    left:auto !important;
    transform:none !important;
  }
  html .terminal-shell .top-avatar::after {
    right:7px !important;
    bottom:7px !important;
  }
}

@media (max-width:900px) {
  html .terminal-shell .top-controls .top-avatar {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:visible !important;
  }
  html .terminal-shell .top-controls .top-avatar .top-client-copy {
    display:none !important;
  }
  html .terminal-shell .top-avatar .account-tier-crown {
    top:-7px !important;
    right:7px !important;
    left:auto !important;
    transform:none !important;
  }
}

html body.portal-body .profile-kyc-entry {
  width:100% !important;
  min-height:82px !important;
  margin:0 0 18px !important;
  padding:14px 16px !important;
  display:grid !important;
  grid-template-columns:42px minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:13px !important;
  border:1px solid #4b5058 !important;
  border-left:3px solid var(--vm-action) !important;
  border-radius:11px !important;
  background:#24282e !important;
  box-shadow:none !important;
}
html body.portal-body .profile-kyc-entry > i {
  width:40px !important;
  height:40px !important;
  display:grid !important;
  place-items:center !important;
  color:#fff !important;
  border-radius:10px !important;
  background:var(--vm-action) !important;
}
html body.portal-body .profile-kyc-entry > i .ui-icon {
  width:21px !important;
  height:21px !important;
  stroke-width:1.9 !important;
}
html body.portal-body .profile-kyc-entry > span {
  min-width:0 !important;
  display:grid !important;
  gap:4px !important;
}
html body.portal-body .profile-kyc-entry :is(small,b,em) {
  display:block !important;
  margin:0 !important;
  font-style:normal !important;
  line-height:1.25 !important;
}
html body.portal-body .profile-kyc-entry small {
  color:#6ba6ff !important;
  font-size:8px !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
}
html body.portal-body .profile-kyc-entry b {
  color:#fff !important;
  font-size:13px !important;
}
html body.portal-body .profile-kyc-entry em {
  color:#aeb4bc !important;
  font-size:10px !important;
}
html body.portal-body .profile-kyc-entry > a {
  min-width:142px !important;
  min-height:40px !important;
  padding:0 15px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#fff !important;
  border:1px solid var(--vm-action) !important;
  border-radius:9px !important;
  background:var(--vm-action) !important;
  font-size:10px !important;
  font-weight:900 !important;
  text-decoration:none !important;
  box-shadow:none !important;
}
html.light-theme body.portal-body .profile-kyc-entry {
  border-color:#c8ced5 !important;
  border-left-color:var(--vm-action) !important;
  background:#f6f7f8 !important;
}
html.light-theme body.portal-body .profile-kyc-entry b { color:#20242a !important; }
html.light-theme body.portal-body .profile-kyc-entry em { color:#66707a !important; }

@media (max-width:680px) {
  html body.portal-body .profile-kyc-entry {
    grid-template-columns:38px minmax(0,1fr) !important;
    padding:13px !important;
  }
  html body.portal-body .profile-kyc-entry > a {
    grid-column:1/-1 !important;
    width:100% !important;
  }
}

/* v58 · Client creation stays at the top but consumes space only when used. */
html body[data-staff-role] .client-list-grid {
  grid-template-columns:minmax(0,1fr) !important;
}
html body[data-staff-role] .staff-create-disclosure {
  width:100% !important;
  margin:0 0 16px !important;
  border:1px solid #4b5058 !important;
  border-radius:11px !important;
  background:#20242a !important;
  overflow:hidden !important;
  box-shadow:none !important;
}
html body[data-staff-role] .staff-create-disclosure > summary {
  min-height:64px !important;
  padding:10px 14px !important;
  display:grid !important;
  grid-template-columns:38px minmax(0,1fr) auto 18px !important;
  align-items:center !important;
  gap:11px !important;
  color:#fff !important;
  cursor:pointer !important;
  list-style:none !important;
  user-select:none !important;
}
html body[data-staff-role] .staff-create-disclosure > summary::-webkit-details-marker {
  display:none !important;
}
html body[data-staff-role] .staff-create-disclosure > summary:focus-visible {
  outline:0 !important;
  box-shadow:inset 0 0 0 2px var(--vm-action) !important;
}
html body[data-staff-role] .staff-create-disclosure > summary > i {
  width:36px !important;
  height:36px !important;
  display:grid !important;
  place-items:center !important;
  color:#fff !important;
  border-radius:9px !important;
  background:var(--vm-action) !important;
}
html body[data-staff-role] .staff-create-disclosure > summary > i .ui-icon {
  width:19px !important;
  height:19px !important;
  stroke-width:1.9 !important;
}
html body[data-staff-role] .staff-create-disclosure > summary > span {
  min-width:0 !important;
  display:grid !important;
  gap:3px !important;
}
html body[data-staff-role] .staff-create-disclosure > summary small {
  color:#60a0ff !important;
  font-size:8px !important;
  font-weight:900 !important;
  letter-spacing:.09em !important;
}
html body[data-staff-role] .staff-create-disclosure > summary b {
  color:#fff !important;
  font-size:13px !important;
}
html body[data-staff-role] .staff-create-disclosure > summary em {
  color:#aeb4bc !important;
  font-size:10px !important;
  font-style:normal !important;
}
html body[data-staff-role] .staff-create-disclosure > summary > strong {
  width:18px !important;
  height:18px !important;
  display:grid !important;
  place-items:center !important;
  color:#c9cdd2 !important;
  transition:transform .18s ease !important;
}
html body[data-staff-role] .staff-create-disclosure > summary > strong .ui-icon {
  width:15px !important;
  height:15px !important;
}
html body[data-staff-role] .staff-create-disclosure[open] > summary {
  border-bottom:1px solid #444950 !important;
  background:#282c32 !important;
}
html body[data-staff-role] .staff-create-disclosure[open] > summary > strong {
  transform:rotate(180deg) !important;
}
html body[data-staff-role] .staff-create-disclosure > .create-user-form {
  width:100% !important;
  margin:0 !important;
  padding:18px !important;
  border:0 !important;
  border-radius:0 !important;
  background:#24282e !important;
  box-shadow:none !important;
}
html body[data-staff-role] .staff-create-disclosure > .create-user-form > header {
  display:none !important;
}
html body[data-staff-role] .staff-create-disclosure > .create-user-form .form-grid {
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px !important;
}
@media (max-width:1000px) {
  html body[data-staff-role] .staff-create-disclosure > .create-user-form .form-grid {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media (max-width:620px) {
  html body[data-staff-role] .staff-create-disclosure > summary {
    grid-template-columns:36px minmax(0,1fr) 16px !important;
  }
  html body[data-staff-role] .staff-create-disclosure > summary > em { display:none !important; }
  html body[data-staff-role] .staff-create-disclosure > .create-user-form .form-grid {
    grid-template-columns:minmax(0,1fr) !important;
  }
}

/* Contrast rules load after portions of the legacy staff skin. These
   high-specificity guards keep every admin/agent canvas and table heading in
   the neutral system while status badges retain their semantic colours. */
html body[data-staff-role][data-staff-role] {
  color:#f5f6f7 !important;
  background-color:#181b20 !important;
  background-image:none !important;
}
html body[data-staff-role][data-staff-role] .staff-table-head {
  color:#c7cbd0 !important;
  background-color:#1d2025 !important;
  background-image:none !important;
}
html body[data-staff-role][data-staff-role] .staff-sidebar nav a {
  color:#c7cbd0 !important;
}
html body[data-staff-role][data-staff-role] .staff-sidebar nav a.active {
  color:#fff !important;
}
html body[data-staff-role][data-staff-role] :is(
  .staff-profile small,
  .staff-live,
  .staff-heading p,
  .staff-kpis article small,
  .staff-kpis article span,
  .staff-row small,
  .fund-row small,
  .audit-row small
) {
  color:#b7bcc3 !important;
}
html body[data-staff-role][data-staff-role] .status {
  color:#d7dade !important;
  border-color:#565c64 !important;
  background:#30343a !important;
}
html body[data-staff-role][data-staff-role] .status:is(.verified,.approved,.active,.completed) {
  color:#63ddb1 !important;
  border-color:rgba(47,194,143,.48) !important;
  background:rgba(47,194,143,.11) !important;
}
html body[data-staff-role][data-staff-role] .status:is(.pending,.kyc_pending,.in_progress) {
  color:#ffd574 !important;
  border-color:rgba(245,189,73,.46) !important;
  background:rgba(245,189,73,.1) !important;
}
html body[data-staff-role][data-staff-role] .status:is(.rejected,.blocked,.closed,.cancelled) {
  color:#7bb0ff !important;
  border-color:rgba(0,95,237,.45) !important;
  background:rgba(0,95,237,.1) !important;
}

/* Native menu readability. */
html body.portal-body select option {
  color:#f7f8fa !important;
  background:#20242a !important;
}
html body.portal-body select option:disabled { color:#b8bec7 !important; }
html body.portal-body .card-secure-note { display:none !important; }

/* Retired preparatory labels must not reappear from a cached server render. */
html .terminal-shell .demo-warning,
html body.landing-v2 .landing-footer > small,
html body.portal-body .portal-footer { display:none !important; }

@media (max-width:760px) {
  html body.portal-body #cashMovementForm .payment-methods button {
    height:59px !important;
    min-height:59px !important;
    max-height:59px !important;
    grid-template-rows:31px 16px !important;
    row-gap:1px !important;
  }
  html body.portal-body #cashMovementForm .payment-methods button > span {
    height:16px !important;
    min-height:0 !important;
    gap:0 !important;
    justify-content:center !important;
  }
  html body.portal-body #cashMovementForm .payment-methods button > span b {
    font-size:8px !important;
    line-height:16px !important;
    white-space:nowrap !important;
  }
  html body.portal-body #cashMovementForm .payment-methods button > span small { display:none !important; }
}

/* v33 activity ledger. The three trading ledgers now share the same graphite
   language as the rest of the product; green and red are reserved for meaning. */
html .terminal-shell .positions-panel {
  color:#f4f5f6 !important;
  border:1px solid #454a51 !important;
  border-radius:4px !important;
  background:#1d2025 !important;
  background-image:none !important;
  box-shadow:0 12px 30px rgba(0,0,0,.26) !important;
}
html .terminal-shell .positions-head {
  color:#f4f5f6 !important;
  border-color:#353a40 #353a40 #484d54 !important;
  background:#25292f !important;
  background-image:none !important;
}
html .terminal-shell .table-view,
html .terminal-shell .table-view.active {
  color:#f4f5f6 !important;
  background:#1d2025 !important;
}
html .terminal-shell :is(.position-table,.orders-table-inner,.closed-trades) {
  color:#f4f5f6 !important;
  background:#1d2025 !important;
}
html .terminal-shell :is(.position-head,.order-history-head,.closed-trade-head) {
  color:#b8bdc3 !important;
  border:0 !important;
  border-bottom:1px solid #474c53 !important;
  border-radius:0 !important;
  background:#24282e !important;
  box-shadow:none !important;
}
html .terminal-shell :is(.position-row,.order-history-row,.closed-trade-row),
html .terminal-shell :is(.closed-trade-row.positive,.closed-trade-row.negative,.closed-trade-row.neutral) {
  color:#f4f5f6 !important;
  border:0 !important;
  border-bottom:1px solid #3d4249 !important;
  border-radius:0 !important;
  background:#20242a !important;
  background-image:none !important;
  box-shadow:none !important;
}
html .terminal-shell :is(.position-row,.order-history-row,.closed-trade-row):hover {
  background:#282c32 !important;
}
html .terminal-shell :is(.position-row,.order-history-row,.closed-trade-row) small,
html .terminal-shell :is(.closed-main small,.closed-date small) {
  color:#b3b8bf !important;
  opacity:1 !important;
}
html:not(.light-theme) body .terminal-shell :is(.position-row,.order-history-row,.closed-trade-row) small,
html:not(.light-theme) body .terminal-shell :is(.closed-main,.closed-date) small {
  color:#b3b8bf !important;
}
html:not(.light-theme) body .terminal-shell .positions-head { color:#f4f5f6 !important; }
html .terminal-shell :is(.closed-main b,.closed-prices b,.closed-date b) {
  color:#f7f8f9 !important;
}
html .terminal-shell .closed-prices {
  color:#f7f8f9 !important;
  border-color:#41464d !important;
}
html .terminal-shell .closed-prices i { color:#8e949b !important; }
html .terminal-shell :is(.side-pill,.status-pill) {
  border:1px solid #555b63 !important;
  border-radius:2px !important;
  background:#31353b !important;
  box-shadow:none !important;
}
html .terminal-shell .side-pill.buy {
  color:#55d6ab !important;
  border-color:rgba(85,214,171,.45) !important;
  background:rgba(48,116,94,.24) !important;
}
html .terminal-shell .side-pill.sell {
  color:#6ba6ff !important;
  border-color:rgba(107,166,255,.48) !important;
  background:rgba(24,74,150,.24) !important;
}
html .terminal-shell .status-pill {
  color:#d8dbe0 !important;
  border-color:#555b63 !important;
  background:#30343a !important;
}
html .terminal-shell .closed-result { color:#d8dbe0 !important; }
html .terminal-shell .closed-result.positive,
html .terminal-shell .closed-result.positive :is(b,em) { color:#55d6ab !important; }
html .terminal-shell .closed-result.negative,
html .terminal-shell .closed-result.negative :is(b,em) { color:#6ba6ff !important; }
html .terminal-shell .closed-result.neutral,
html .terminal-shell .closed-result.neutral :is(b,em) { color:#d8dbe0 !important; }
html .terminal-shell .terminal-empty {
  color:#b8bdc3 !important;
  border-color:#444950 !important;
  border-radius:3px !important;
  background:#22262c !important;
  box-shadow:none !important;
}

@media (max-width:760px) {
  html .terminal-shell :is(.position-row,.order-history-row,.closed-trade-row),
  html .terminal-shell :is(.closed-trade-row.positive,.closed-trade-row.negative,.closed-trade-row.neutral) {
    margin-bottom:6px !important;
    border:1px solid #41464d !important;
    border-radius:3px !important;
  }
}

/* v34 public light surfaces. Neutral pages use graphite type on a soft gray
   canvas; pale dark-theme copy can no longer disappear into light cards. */
html body.public-info-body,
html.light-theme body.public-info-body {
  color:#20242a !important;
  background:#e6e8eb !important;
  background-image:none !important;
}
html body.public-info-body :is(.public-page,.support-page-layout,.registration-layout) {
  color:#20242a !important;
  background:transparent !important;
}
html body.public-info-body :is(
  .public-topic-card,.public-detail,.public-rich-section,.public-knowledge article,
  .payment-method-showcase article,.support-page-layout>aside,
  .support-page-layout>aside article,.support-form-card,.support-success,
  .registration-layout>aside,.registration-panel,.registration-success,
  .legal-doc-card,.legal-section,.legal-status
) {
  color:#20242a !important;
  border-color:#c3c7cc !important;
  background:#f4f5f6 !important;
  background-image:none !important;
  box-shadow:0 14px 34px rgba(26,30,35,.08) !important;
}
html body.public-info-body :is(
  .public-topic-card,.public-detail,.public-rich-section,.public-knowledge article,
  .payment-method-showcase article,.support-page-layout>aside,
  .support-page-layout>aside article,.support-form-card,.support-success,
  .registration-layout>aside,.registration-panel,.registration-success,
  .legal-doc-card,.legal-section,.legal-status
) :is(h1,h2,h3,h4,b,strong,label,legend,dt,dd) { color:#20242a !important; }
html body.public-info-body :is(
  .public-topic-card,.public-detail,.public-rich-section,.public-knowledge article,
  .payment-method-showcase article,.support-page-layout>aside,
  .support-page-layout>aside article,.support-form-card,.support-success,
  .registration-layout>aside,.registration-panel,.registration-success,
  .legal-doc-card,.legal-section,.legal-status
) :is(p,small,li,time,figcaption) { color:#596069 !important; opacity:1 !important; }
html body.public-info-body .public-topic-card > span {
  color:#fff !important;
  border:0 !important;
  border-radius:4px !important;
  background:#30343a !important;
}
html body.public-info-body .public-topic-card > span .ui-icon {
  width:24px !important;
  height:24px !important;
  stroke-width:1.8 !important;
}
html body.public-info-body .public-topic-card strong,
html body.public-info-body .public-knowledge article a { color:#0050c9 !important; }
html:not(.light-theme) body.public-info-body :is(.support-page-form,.registration-form) label,
html body.public-info-body :is(.support-page-form,.registration-form) label {
  color:#343940 !important;
  opacity:1 !important;
}
html body.public-info-body :is(.support-page-form,.registration-form) :is(input,select,textarea) {
  color:#17191e !important;
  border-color:#b7bcc2 !important;
  background:#eef0f2 !important;
  caret-color:#005fed !important;
}
html body.public-info-body :is(.support-page-form,.registration-form) :is(input,textarea)::placeholder {
  color:#6b727a !important;
  opacity:1 !important;
}
html body.public-info-body :is(.support-page-form,.registration-form) :is(input,select,textarea):focus {
  border-color:#005fed !important;
  outline:0 !important;
  box-shadow:0 0 0 2px rgba(0,95,237,.13) !important;
}

/* Recognisable marks accompany every asset in the moving price strip. */
html body.landing-v2 .ticker-asset > i {
  overflow:visible !important;
  border-radius:0 !important;
  background:transparent !important;
}
html body.landing-v2 .ticker-asset > i > img {
  width:22px !important;
  height:22px !important;
  display:block !important;
  object-fit:contain !important;
}
html body.landing-v2 .ticker-pair-mark {
  width:30px !important;
  height:22px !important;
  position:relative !important;
  display:block !important;
}
html body.landing-v2 .ticker-pair-mark em {
  width:20px !important;
  height:20px !important;
  position:absolute !important;
  top:1px !important;
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
  border:2px solid #f3f4f5 !important;
  border-radius:50% !important;
  background:#fff !important;
  font-size:14px !important;
  font-style:normal !important;
  line-height:1 !important;
}
html body.landing-v2 .ticker-pair-mark em:first-child { left:0 !important; }
html body.landing-v2 .ticker-pair-mark em:last-child { right:0 !important; }
html body.landing-v2 :is(.ticker-metal-mark,.ticker-index-mark) {
  width:24px !important;
  height:24px !important;
  display:grid !important;
  place-items:center !important;
  color:#fff !important;
  border-radius:3px !important;
  background:#343940 !important;
  font-size:8px !important;
  font-style:normal !important;
  font-weight:900 !important;
}

/* v35 glass navigation and neutral trading chrome. Transparency belongs to
   the surfaces only; copy and controls remain fully opaque and readable. */
html body.landing-v2 .landing-nav,
html.light-theme body.landing-v2 .landing-nav {
  color:#fff !important;
  border-bottom-color:rgba(255,255,255,.17) !important;
  background:rgba(27,30,35,.78) !important;
  background-image:none !important;
  -webkit-backdrop-filter:blur(18px) saturate(125%) !important;
  backdrop-filter:blur(18px) saturate(125%) !important;
  box-shadow:0 8px 30px rgba(0,0,0,.14) !important;
}
html body.landing-v2 .landing-nav :is(.aureo-brand,.aureo-brand b,.lp-nav-group>button,.nav-login,.nav-primary),
html.light-theme body.landing-v2 .landing-nav :is(.aureo-brand,.aureo-brand b,.lp-nav-group>button,.nav-login,.nav-primary) {
  opacity:1 !important;
}
html body.landing-v2 .landing-nav .nav-login,
html.light-theme body.landing-v2 .landing-nav .nav-login {
  color:#fff !important;
  border-color:rgba(255,255,255,.34) !important;
  background:rgba(255,255,255,.055) !important;
  -webkit-backdrop-filter:blur(8px) !important;
  backdrop-filter:blur(8px) !important;
}

html body:has(.terminal-shell),
html body:has(.terminal-shell) .terminal-shell { background:#16181c !important; }
html .terminal-shell :is(.terminal-topbar,.market-sidebar,.account-sidebar,.instrument-bar) {
  color:#f4f5f6 !important;
  border-color:#3b3f46 !important;
  background:#1d2025 !important;
  background-image:none !important;
}
html .terminal-shell .instrument-bar {
  border-bottom-color:#464b52 !important;
  background:rgba(29,32,37,.96) !important;
  -webkit-backdrop-filter:blur(12px) !important;
  backdrop-filter:blur(12px) !important;
}
html .terminal-shell .chart-toolbar {
  border-bottom-color:#3f444b !important;
  background:#1b1e23 !important;
  background-image:none !important;
}
html .terminal-shell :is(.chart-tool,.chart-action,.round-button) {
  color:#f5f6f7 !important;
  border-color:#50555c !important;
  background:#292d33 !important;
  background-image:none !important;
}
html .terminal-shell :is(.chart-tool,.chart-action,.round-button):is(:hover,.active) {
  color:#fff !important;
  border-color:#626870 !important;
  background:#34383f !important;
}
html .terminal-shell .positions-panel {
  border-color:#454a51 !important;
  background:#191b20 !important;
  background-image:none !important;
}
html .terminal-shell .positions-head {
  border-color:#363a40 #363a40 #484d54 !important;
  background:rgba(33,36,42,.94) !important;
  background-image:none !important;
  -webkit-backdrop-filter:blur(12px) !important;
  backdrop-filter:blur(12px) !important;
}
html .terminal-shell :is(.table-view,.table-view.active,.position-table,.orders-table-inner,.closed-trades) {
  background:#191b20 !important;
  background-image:none !important;
}
html .terminal-shell .table-tabs button.active { background:#2b2f35 !important; }

/* The WebTrader story is a full cinematic advertisement, matching the scale
   of the opening hero while preserving the real product/device composition. */
html body.landing-v2 .lp-product-story {
  width:100% !important;
  max-width:none !important;
  padding-inline:0 !important;
}
html body.landing-v2 .lp-product-story > .lp-section-head {
  width:min(1240px,calc(100% - 48px)) !important;
  margin-inline:auto !important;
}
html body.landing-v2 .lp-product-grid {
  width:100% !important;
  gap:16px !important;
}
html body.landing-v2 .lp-product-main {
  position:relative !important;
  isolation:isolate !important;
  min-height:clamp(720px,78vh,880px) !important;
  padding:clamp(54px,6vw,92px) !important;
  overflow:hidden !important;
  border:0 !important;
  border-radius:0 !important;
  background:#1d2025 !important;
}
html body.landing-v2 .lp-product-main::before {
  content:"" !important;
  position:absolute !important;
  z-index:1 !important;
  inset:0 !important;
  display:block !important;
  background:linear-gradient(90deg,rgba(19,21,25,.98) 0%,rgba(23,25,30,.9) 36%,rgba(20,22,27,.48) 62%,rgba(12,13,16,.2) 100%) !important;
  pointer-events:none !important;
}
html body.landing-v2 .lp-product-video {
  position:absolute !important;
  z-index:0 !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center 42% !important;
  filter:saturate(.72) contrast(1.06) brightness(.72) !important;
  pointer-events:none !important;
}
html body.landing-v2 .lp-product-main .lp-product-copy {
  position:relative !important;
  z-index:4 !important;
  width:min(45%,610px) !important;
  max-width:610px !important;
}
html body.landing-v2 .lp-product-main .lp-terminal-preview {
  z-index:3 !important;
  left:47% !important;
  right:clamp(20px,4vw,64px) !important;
  bottom:clamp(18px,4vw,54px) !important;
  height:min(570px,68%) !important;
  opacity:.96 !important;
}
html body.landing-v2 .lp-product-grid > .lp-product-markets { margin-left:24px !important; }
html body.landing-v2 .lp-product-grid > .lp-product-learn { margin-right:24px !important; }
@media (max-width:760px) {
  html body.landing-v2 .lp-product-story > .lp-section-head { width:calc(100% - 28px) !important; }
  html body.landing-v2 .lp-product-main {
    min-height:900px !important;
    padding:48px 22px !important;
  }
  html body.landing-v2 .lp-product-main::before {
    background:linear-gradient(180deg,rgba(19,21,25,.98) 0%,rgba(22,24,29,.9) 46%,rgba(18,20,24,.42) 72%,rgba(10,11,14,.36) 100%) !important;
  }
  html body.landing-v2 .lp-product-main .lp-product-copy { width:100% !important; max-width:none !important; }
  html body.landing-v2 .lp-product-main .lp-terminal-preview { left:12px !important; right:12px !important; bottom:0 !important; height:520px !important; }
  html body.landing-v2 .lp-product-grid > .lp-product-markets { margin-left:14px !important; }
  html body.landing-v2 .lp-product-grid > .lp-product-learn { margin-right:14px !important; }
}

/* Card copy always owns its row. This prevents compact public layouts from
   placing headings and descriptions in competing grid columns. */
html body.public-info-body :is(
  .public-topic-card,.public-knowledge article,.payment-method-showcase article,
  .support-page-layout>aside article,.registration-layout>aside li
) > * { min-width:0 !important; }
html body.public-info-body :is(
  .public-topic-card,.public-knowledge article,.payment-method-showcase article,
  .support-page-layout>aside article,.registration-layout>aside li
) :is(h1,h2,h3,h4,p,b,strong,small,span) {
  max-width:100% !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;
}
html body.public-info-body .support-page-layout > aside article > span {
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:4px !important;
}
html body.public-info-body .support-page-layout > aside article :is(b,small) {
  position:static !important;
  width:100% !important;
  margin:0 !important;
  display:block !important;
  line-height:1.38 !important;
}
@media (max-width:720px) {
  html body.public-info-body .support-page-layout > aside article {
    min-height:96px !important;
    padding:14px !important;
    grid-template-columns:1fr !important;
    align-content:start !important;
    align-items:start !important;
  }
  html body.public-info-body .support-page-layout > aside article > i { display:none !important; }
  html body.public-info-body .support-page-layout > aside article b { font-size:12px !important; }
  html body.public-info-body .support-page-layout > aside article small { font-size:10px !important; }
}
@media (max-width:430px) {
  html body.public-info-body .support-page-layout > aside > div { grid-template-columns:1fr !important; }
  html body.public-info-body .support-page-layout > aside article { min-height:0 !important; }
}

/* v39 mobile fit and final neutral-chrome guard. Every narrow layout owns the
   available width; graphite is the interface color and red is the only active
   accent. */
html { --vm-v40-ready:1; }

html body:has(.terminal-shell),
html body:has(.terminal-shell) .terminal-shell,
html body:has(.terminal-shell) .terminal-grid,
html .terminal-shell .trade-workspace {
  min-width:0 !important;
  background:#16181c !important;
  background-image:none !important;
}
html .terminal-shell .instrument-main,
html .terminal-shell .instrument-main > div { min-width:0 !important; }
html .terminal-shell .instrument-main :is(h1,small),
html .terminal-shell .instrument-quote small,
html .terminal-shell .elite-instrument-stats small { color:#b9bec5 !important; }

html .terminal-shell .chart-tool.primary,
html .terminal-shell .chart-tool.more {
  color:#f5f6f7 !important;
  border-color:#50555c !important;
  background:#292d33 !important;
  background-image:none !important;
}
html .terminal-shell .chart-tool.primary :is(small,b),
html .terminal-shell .chart-tool.more :is(small,b) { color:#f5f6f7 !important; }
html .terminal-shell .chart-tool.primary small,
html .terminal-shell .chart-tool.more small { color:#b9bec5 !important; }
html .terminal-shell .chart-tool.primary > i,
html .terminal-shell .chart-tool.more > i {
  color:#eef0f2 !important;
  border-color:#555b63 !important;
  background:#373b42 !important;
  background-image:none !important;
}
html .terminal-shell .chart-tool.primary:is(:hover,.active),
html .terminal-shell .chart-tool.more:is(:hover,.active) {
  color:#fff !important;
  border-color:#626870 !important;
  background:#363a41 !important;
  background-image:none !important;
}
html .terminal-shell .chart-tool.primary.active {
  box-shadow:inset 0 -3px #005fed !important;
}
html .terminal-shell .chart-tool.primary.active > i {
  color:#fff !important;
  border-color:#005fed !important;
  background:#005fed !important;
}
html .terminal-shell .chart-tool.primary.active :is(small,b) { color:#fff !important; }
html .terminal-shell .toolbar-divider { background:#4a5058 !important; }
html .terminal-shell :is(.toolbar-menu,.account-popover) header small,
html .terminal-shell .tool-use-guide > b { color:#b9bec5 !important; }
html .terminal-shell .option-menu > button > .tool-visual {
  color:#f5f6f7 !important;
  border-color:#555b63 !important;
  background:#373b42 !important;
  background-image:none !important;
  box-shadow:none !important;
}
html .terminal-shell .option-menu > button.active {
  border-left-color:#005fed !important;
  background:#34383f !important;
}
html .terminal-shell .option-menu > button.active > .tool-visual {
  color:#fff !important;
  border-color:#005fed !important;
  background:#005fed !important;
}

html body.public-info-body .registration-honeypot {
  width:1px !important;
  max-width:1px !important;
  height:1px !important;
  max-height:1px !important;
  overflow:hidden !important;
  contain:strict !important;
}
html body.public-info-body .registration-honeypot > * {
  width:1px !important;
  min-width:0 !important;
  max-width:1px !important;
}

@media (max-width:760px) {
  html body:has(.terminal-shell),
  html body:has(.terminal-shell) .terminal-shell,
  html body:has(.terminal-shell) .terminal-grid,
  html .terminal-shell .trade-workspace,
  html .terminal-shell :is(.terminal-topbar,.instrument-bar,.terminal-chart,.positions-panel) {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }
  html .terminal-shell .trade-workspace > * { min-width:0 !important; }
  html .terminal-shell .instrument-bar { overflow:hidden !important; }
  html .terminal-shell .instrument-main { flex:1 1 auto !important; overflow:hidden !important; }
  html .terminal-shell .instrument-main h1 {
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }
  html .terminal-shell .instrument-quote {
    flex:0 0 auto !important;
    margin-left:8px !important;
    margin-right:6px !important;
  }
  html .terminal-shell .elite-instrument-stats { display:none !important; }

  html .terminal-shell .chart-toolbar {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:58px !important;
    height:58px !important;
    padding:5px 4px !important;
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) 42px !important;
    align-items:stretch !important;
    gap:3px !important;
    overflow:visible !important;
  }
  html .terminal-shell .chart-toolbar > .tool-picker,
  html .terminal-shell .chart-toolbar > .more-picker {
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 !important;
    flex:none !important;
    overflow:visible !important;
  }
  html .terminal-shell .chart-toolbar > :is(.toolbar-divider,.toolbar-actions) { display:none !important; }
  html .terminal-shell .chart-tool.primary,
  html .terminal-shell .chart-tool.more {
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    height:48px !important;
    min-height:48px !important;
    padding:3px !important;
  }
  html .terminal-shell .chart-tool.primary {
    grid-template-columns:22px minmax(0,1fr) 6px !important;
    gap:3px !important;
  }
  html .terminal-shell .chart-tool.primary > i {
    width:22px !important;
    height:32px !important;
    display:grid !important;
    place-items:center !important;
  }
  html .terminal-shell .chart-tool.primary > span {
    width:100% !important;
    min-width:0 !important;
    overflow:hidden !important;
  }
  html .terminal-shell .chart-tool.primary :is(small,b) {
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }
  html .terminal-shell .chart-tool.primary small { font-size:6px !important; letter-spacing:.04em !important; }
  html .terminal-shell .chart-tool.primary b { font-size:9px !important; }
  html .terminal-shell .chart-tool.more {
    display:grid !important;
    place-items:center !important;
  }
  html .terminal-shell .chart-tool.more > i {
    width:28px !important;
    height:32px !important;
    display:grid !important;
    place-items:center !important;
  }
  html .terminal-shell .chart-tool.more > :is(span,em) { display:none !important; }
  html .terminal-shell :is(.toolbar-menu,.account-popover) {
    max-width:calc(100vw - 24px) !important;
  }

  html .terminal-shell .mobile-app-nav,
  html body.portal-body .portal-mobile-nav {
    left:8px !important;
    right:8px !important;
    width:auto !important;
    max-width:calc(100% - 16px) !important;
  }
  html .terminal-shell .mobile-app-nav button,
  html body.portal-body .portal-mobile-nav a {
    min-width:0 !important;
    color:#b9bec5 !important;
    background:transparent !important;
  }
  html .terminal-shell .mobile-app-nav button :is(i,span),
  html body.portal-body .portal-mobile-nav a :is(i,span) { color:inherit !important; }
  html .terminal-shell .mobile-app-nav button.active,
  html body.portal-body .portal-mobile-nav a.active {
    color:#fff !important;
    background:#353a41 !important;
    background-image:none !important;
    box-shadow:inset 0 3px #005fed !important;
  }

  /* In the mobile chart view the positions panel is intentionally hidden. Do
     not reserve its desktop row: the chart should meet the app navigation. */
  html .terminal-shell.mobile-view-trade .trade-workspace,
  html .terminal-shell.positions-collapsed.mobile-view-trade .trade-workspace {
    grid-template-rows:76px minmax(0,1fr) !important;
  }
  html .terminal-shell.mobile-view-trade .terminal-chart {
    min-height:0 !important;
    height:auto !important;
  }

  html body.portal-body .portal-main,
  html body.portal-body .portal-content,
  html body.portal-body :is(.summary-cards,.account-grid,.quick-grid,.account-section) {
    min-width:0 !important;
    max-width:100% !important;
  }
  html body.landing-v2 .lp-product-grid > :is(.lp-product-markets,.lp-product-learn) {
    width:auto !important;
    margin-inline:14px !important;
  }
  html body.public-info-body .public-header { max-width:100% !important; }
}

@media (max-width:370px) {
  html .terminal-shell .chart-tool.primary {
    grid-template-columns:minmax(0,1fr) 6px !important;
  }
  html .terminal-shell .chart-tool.primary > i { display:none !important; }
  html .terminal-shell .chart-tool.primary :is(small,b) { text-align:left !important; }
  html body.public-info-body .public-brand small,
  html body.public-info-body .public-actions .public-support-link { display:none !important; }
  html body.public-info-body .public-brand { min-width:0 !important; }
  html body.public-info-body .public-actions { gap:4px !important; }
  html body.public-info-body .public-open { padding-inline:10px !important; }
}

/* v39 final contrast audit: informational surfaces and portal chrome use the
   graphite/red system too; blue remains reserved for no interface state. */
html body.public-info-body .public-education-visual figcaption {
  border-color:#555b63 !important;
  background:rgba(32,35,41,.94) !important;
}
html body.public-info-body .public-education-visual figcaption span {
  color:#3183ff !important;
}
html body.portal-body .portal-brand small { color:#3183ff !important; }
html body.portal-body .portal-sidebar nav a:not(.active),
html body.portal-body .portal-user small,
html body.portal-body .welcome-row p,
html body.portal-body .overview-head,
html body.portal-body .portal-footer {
  color:#b9bec5 !important;
}

/* Mobile activity is an app feed, not a compressed desktop table. */
@media (max-width:760px) {
  html .terminal-shell.mobile-view-activity .positions-panel {
    min-height:0 !important;
    border-radius:14px !important;
    background:#191b20 !important;
  }
  html .terminal-shell.mobile-view-activity .positions-head {
    position:sticky !important;
    z-index:6 !important;
    top:0 !important;
    min-height:58px !important;
    height:58px !important;
    padding:7px 8px !important;
    overflow:hidden !important;
    border-bottom:1px solid #454a51 !important;
    background:rgba(31,34,40,.98) !important;
    -webkit-backdrop-filter:blur(14px) !important;
    backdrop-filter:blur(14px) !important;
  }
  html .terminal-shell.mobile-view-activity .positions-head > .round-button { display:none !important; }
  html .terminal-shell.mobile-view-activity .table-tabs {
    width:100% !important;
    min-width:0 !important;
    height:43px !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:4px !important;
  }
  html .terminal-shell.mobile-view-activity .table-tabs button {
    width:100% !important;
    min-width:0 !important;
    height:43px !important;
    padding:0 5px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    overflow:hidden !important;
    color:#b9bec5 !important;
    border:1px solid transparent !important;
    border-radius:8px !important;
    background:transparent !important;
    font-size:7px !important;
    letter-spacing:.025em !important;
    white-space:nowrap !important;
  }
  html body:has(.terminal-shell) .terminal-shell.mobile-view-activity .table-tabs button.active {
    color:#fff !important;
    border-color:#50555c !important;
    background:#34383f !important;
    box-shadow:inset 0 -3px #005fed !important;
  }
  html .terminal-shell.mobile-view-activity .table-tabs button > b {
    flex:0 0 auto !important;
    min-width:19px !important;
    height:19px !important;
    padding:0 5px !important;
    display:grid !important;
    place-items:center !important;
    color:#fff !important;
    border-radius:6px !important;
    background:#454a51 !important;
    font-size:8px !important;
  }
  html .terminal-shell.mobile-view-activity .table-tabs button.active > b { background:#005fed !important; }
  html .terminal-shell.mobile-view-activity .table-view,
  html .terminal-shell.mobile-view-activity .table-view.active {
    min-height:0 !important;
    height:auto !important;
    flex:1 1 auto !important;
    padding:8px 8px calc(90px + env(safe-area-inset-bottom)) !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
    scroll-padding-bottom:calc(90px + env(safe-area-inset-bottom)) !important;
    scrollbar-width:thin !important;
  }
  html .terminal-shell.mobile-view-activity .position-table { display:grid !important; gap:7px !important; }
  html .terminal-shell.mobile-view-activity .position-row {
    min-height:0 !important;
    height:159px !important;
    margin:0 !important;
    padding:9px 10px !important;
    grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr) !important;
    grid-template-areas:"asset side" "units opening" "current pnl" "status actions" !important;
    grid-template-rows:30px 34px 34px 34px !important;
    gap:3px 12px !important;
    border:1px solid #454a51 !important;
    border-radius:10px !important;
    background:#22262c !important;
    box-shadow:0 8px 22px rgba(0,0,0,.16) !important;
  }
  html .terminal-shell.mobile-view-activity .position-row > span {
    min-width:0 !important;
    min-height:0 !important;
    gap:1px !important;
    overflow:hidden !important;
    font-size:10px !important;
    line-height:1.22 !important;
  }
  html .terminal-shell.mobile-view-activity .position-row > span :is(b,small,em) {
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }
  html .terminal-shell.mobile-view-activity .position-row > span:nth-child(n+3):nth-child(-n+6)::before {
    color:#949aa2 !important;
    font-size:6px !important;
    line-height:1 !important;
    letter-spacing:.075em !important;
  }
  html .terminal-shell.mobile-view-activity .position-row > span:nth-child(1) b { font-size:12px !important; }
  html .terminal-shell.mobile-view-activity .position-row > span:nth-child(1) small { color:#b9bec5 !important; font-size:8px !important; }
  html .terminal-shell.mobile-view-activity .position-row > span:nth-child(2) { align-items:flex-end !important; }
  html .terminal-shell.mobile-view-activity .position-row > span:nth-child(6) { align-items:flex-end !important; text-align:right !important; }
  html .terminal-shell.mobile-view-activity .position-status { visibility:hidden !important; }
  html .terminal-shell.mobile-view-activity .position-actions {
    width:100% !important;
    height:34px !important;
    min-height:34px !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    align-items:stretch !important;
    gap:5px !important;
    overflow:visible !important;
  }
  html .terminal-shell.mobile-view-activity .position-actions button {
    width:100% !important;
    min-width:0 !important;
    min-height:34px !important;
    height:34px !important;
    margin:0 !important;
    padding:0 6px !important;
    border-radius:7px !important;
    font-size:8px !important;
    white-space:nowrap !important;
  }
  html .terminal-shell.mobile-view-activity .position-actions .position-risk {
    color:#f5f6f7 !important;
    border-color:#5a6068 !important;
    background:#34383f !important;
  }
  html .terminal-shell.mobile-view-activity .position-actions .position-close {
    color:#fff !important;
    border-color:#005fed !important;
    background:#005fed !important;
  }

  html .terminal-shell.mobile-view-activity :is(.orders-table-inner,.closed-trades) { display:grid !important; gap:7px !important; }
  html .terminal-shell.mobile-view-activity :is(.order-history-row,.closed-trade-row) {
    margin:0 !important;
    border:1px solid #454a51 !important;
    border-radius:10px !important;
    background:#22262c !important;
    box-shadow:0 8px 22px rgba(0,0,0,.14) !important;
  }
}

/* Secondary funding guidance reads like compact terms, not a competing card. */
html body.portal-body .funding-assurance {
  padding:15px !important;
}
html body.portal-body .funding-assurance > span {
  font-size:8px !important;
  letter-spacing:.12em !important;
}
html body.portal-body .funding-assurance h3 {
  margin:6px 0 !important;
  font-size:13px !important;
  line-height:1.25 !important;
}
html body.portal-body .funding-assurance > p {
  margin:0 0 10px !important;
  font-size:9px !important;
  line-height:1.5 !important;
}
html body.portal-body .funding-assurance > div {
  min-height:44px !important;
  grid-template-columns:20px minmax(0,1fr) !important;
  gap:8px !important;
}
html body.portal-body .funding-assurance > div > i {
  width:18px !important;
  height:18px !important;
  font-size:7px !important;
}
html body.portal-body .funding-assurance > div b { font-size:9px !important; }
html body.portal-body .funding-assurance > div small {
  font-size:8px !important;
  line-height:1.35 !important;
}

html body.portal-body .portal-account-menu .portal-account-logout {
  display:none !important;
  margin:4px 0 0 !important;
  padding:8px 0 0 !important;
  border-top:1px solid #4a4f57 !important;
}
html body.portal-body .portal-account-menu .portal-account-logout button {
  width:100% !important;
  min-height:48px !important;
  padding:7px 10px !important;
  display:grid !important;
  grid-template-columns:34px minmax(0,1fr) !important;
  gap:10px !important;
  align-items:center !important;
  color:#6aa6ff !important;
  border:1px solid transparent !important;
  border-radius:9px !important;
  background:transparent !important;
  text-align:left !important;
  font-size:11px !important;
  font-weight:850 !important;
}
html body.portal-body .portal-account-menu .portal-account-logout button:is(:hover,:focus-visible) {
  color:#fff !important;
  border-color:#005fed !important;
  background:#3b2027 !important;
}

@media (max-width:760px) {
  html body.portal-body .portal-account-menu .portal-account-logout { display:block !important; }
}

/* Activity ledger stays visually attached to the chart. The previous layer
   was too light and made the lower workspace look like a different product. */
html .terminal-shell .positions-panel {
  color:#f4f5f6 !important;
  border-color:#444a51 !important;
  background:rgba(24,27,31,.9) !important;
  background-image:none !important;
  -webkit-backdrop-filter:blur(12px) !important;
  backdrop-filter:blur(12px) !important;
}
html .terminal-shell .positions-head {
  border-bottom:1px solid #3e434a !important;
  background:rgba(29,32,37,.96) !important;
  background-image:none !important;
}
html .terminal-shell .table-tabs button {
  color:#b9bec5 !important;
  border-color:transparent !important;
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}
html .terminal-shell .table-tabs button.active {
  color:#fff !important;
  border-color:#50555c !important;
  background:#30343a !important;
  background-image:none !important;
  box-shadow:inset 0 -3px #005fed !important;
}
html .terminal-shell .table-tabs button > :is(span,b) {
  color:#fff !important;
  background:#4b5057 !important;
}
html .terminal-shell .table-tabs button.active > :is(span,b) { background:#005fed !important; }
html .terminal-shell :is(.table-view,.table-view.active,.position-table,.orders-table-inner,.closed-trades) {
  background:transparent !important;
  background-image:none !important;
}
html .terminal-shell :is(.position-head,.order-history-head,.closed-trade-head) {
  color:#c7cbd0 !important;
  background:rgba(29,32,37,.98) !important;
  background-image:none !important;
}
html .terminal-shell :is(.position-row,.order-history-row,.closed-trade-row) {
  border-color:#3b4047 !important;
  background:rgba(255,255,255,.012) !important;
  background-image:none !important;
}
html .terminal-shell :is(.position-row,.order-history-row,.closed-trade-row):hover {
  background:rgba(255,255,255,.035) !important;
}

/* Dialogs are siblings of .terminal-shell in the document, so this body-level
   guard owns their final palette. */
html body:has(.terminal-shell) .modal-backdrop {
  background:rgba(4,5,7,.84) !important;
  -webkit-backdrop-filter:blur(10px) !important;
  backdrop-filter:blur(10px) !important;
}
html body:has(.terminal-shell) .order-ticket {
  color:#f5f6f7 !important;
  border:1px solid #565c64 !important;
  background:#202329 !important;
  background-image:none !important;
  box-shadow:0 28px 80px rgba(0,0,0,.58) !important;
}
html body:has(.terminal-shell) .order-ticket header small { color:#3183ff !important; }
html body:has(.terminal-shell) .order-ticket :is(h2,.order-asset b,.order-asset strong) { color:#fff !important; }
html body:has(.terminal-shell) .order-ticket .close-modal {
  color:#f4f5f6 !important;
  border-color:#5b6169 !important;
  background:#30343a !important;
  background-image:none !important;
  box-shadow:none !important;
}
html body:has(.terminal-shell) .order-ticket .close-modal:is(:hover,:focus-visible) {
  color:#fff !important;
  border-color:#005fed !important;
  background:#005fed !important;
}
html body:has(.terminal-shell) .order-ticket .order-asset { border-color:#464b52 !important; }
html body:has(.terminal-shell) .order-ticket :is(label,small,p),
html body:has(.terminal-shell) .order-ticket .order-info span { color:#b9bec5 !important; }
html body:has(.terminal-shell) .order-ticket :is(.money-input,.buy-sell,.order-types,.close-presets button,select) {
  color:#f4f5f6 !important;
  border-color:#4b5058 !important;
  background:#121417 !important;
  background-image:none !important;
  box-shadow:none !important;
}
html body:has(.terminal-shell) .order-ticket .money-input:focus-within,
html body:has(.terminal-shell) .order-ticket select:focus {
  border-color:#005fed !important;
  box-shadow:0 0 0 2px rgba(0,95,237,.15) !important;
}
html body:has(.terminal-shell) .order-ticket .money-input input { color:#fff !important; }
html body:has(.terminal-shell) .order-ticket .money-input b { color:#c7cbd0 !important; }
html body:has(.terminal-shell) .order-ticket .submit-order:not(.buy-action) {
  color:#fff !important;
  border-color:#005fed !important;
  background:#005fed !important;
  background-image:none !important;
  box-shadow:none !important;
}
html body:has(.terminal-shell) .order-ticket .submit-order.buy-action {
  color:#fff !important;
  border-color:#087a5a !important;
  background:#087a5a !important;
  background-image:none !important;
}
html body:has(.terminal-shell) .order-ticket .submit-order.sell-action {
  color:#fff !important;
  border-color:#005fed !important;
  background:#005fed !important;
  background-image:none !important;
}
html body:has(.terminal-shell) #riskModal #saveRisk {
  color:#fff !important;
  border-color:#005fed !important;
  background:#005fed !important;
  background-color:#005fed !important;
  background-image:none !important;
  box-shadow:none !important;
}

@media (max-width:760px) {
  html body:has(.terminal-shell) .modal-backdrop {
    padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom)) !important;
  }
  html body:has(.terminal-shell) .order-ticket {
    width:100% !important;
    max-width:392px !important;
    max-height:calc(100dvh - 16px) !important;
    margin:auto !important;
    padding:18px !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    border-radius:18px !important;
  }
}

/* Account sections live behind the profile control, like a native app account
   switcher. The previous horizontal strip is upgraded in-place by theme.js so
   already-running local servers receive the same layout. */
html body.portal-body .portal-user {
  position:relative !important;
  overflow:visible !important;
}
html body.portal-body .portal-user-trigger {
  width:38px !important;
  min-width:38px !important;
  height:38px !important;
  min-height:38px !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
  color:#fff !important;
  border:1px solid #656b74 !important;
  border-radius:50% !important;
  background:#383d44 !important;
  box-shadow:inset 0 -2px #005fed !important;
  cursor:pointer !important;
}
html body.portal-body .portal-user-trigger > span {
  width:100% !important;
  height:100% !important;
  display:grid !important;
  place-items:center !important;
  color:inherit !important;
  font-size:9px !important;
  font-weight:900 !important;
}
html body.portal-body .portal-user-trigger[aria-expanded="true"] {
  border-color:#005fed !important;
  background:#454a51 !important;
}
html body.portal-body .portal-account-menu[hidden] { display:none !important; }
html body.portal-body .portal-account-menu:not([hidden]) {
  position:absolute !important;
  z-index:120 !important;
  top:calc(100% + 10px) !important;
  right:0 !important;
  width:min(310px,calc(100vw - 24px)) !important;
  max-height:min(530px,calc(100dvh - 94px)) !important;
  padding:8px !important;
  display:grid !important;
  gap:4px !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  border:1px solid #555b63 !important;
  border-radius:12px !important;
  background:rgba(35,38,44,.98) !important;
  background-image:none !important;
  -webkit-backdrop-filter:blur(18px) !important;
  backdrop-filter:blur(18px) !important;
  box-shadow:0 22px 60px rgba(0,0,0,.46) !important;
}
html body.portal-body .portal-account-menu a {
  width:100% !important;
  min-width:0 !important;
  min-height:48px !important;
  padding:7px 10px !important;
  display:grid !important;
  grid-template-columns:32px minmax(0,1fr) !important;
  gap:10px !important;
  align-items:center !important;
  color:#d8dbe0 !important;
  border:1px solid transparent !important;
  border-radius:8px !important;
  background:transparent !important;
  text-decoration:none !important;
  font-size:11px !important;
  font-weight:800 !important;
}
html body.portal-body .portal-account-menu a :is(i,span) { color:inherit !important; }
html body.portal-body .portal-account-menu a > i {
  width:32px !important;
  height:32px !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid #50555c !important;
  border-radius:7px !important;
  background:#34383f !important;
}
html body.portal-body .portal-account-menu a:is(:hover,.active) {
  color:#fff !important;
  border-color:#50555c !important;
  background:#34383f !important;
  box-shadow:inset 3px 0 #005fed !important;
}
html body.portal-body .portal-account-menu a.active > i {
  border-color:#005fed !important;
  background:#005fed !important;
}
@media (max-width:760px) {
  html body.portal-body .portal-top { z-index:90 !important; }
  html body.portal-body .portal-content { padding-top:24px !important; }
  html body.portal-body .portal-user-trigger {
    width:38px !important;
    min-width:38px !important;
    height:38px !important;
  }
  html body.portal-body .portal-account-menu:not([hidden]) {
    position:fixed !important;
    top:70px !important;
    right:12px !important;
    width:min(300px,calc(100vw - 24px)) !important;
  }
}

/* v39 dialog guard: order and protection sheets share the graphite product
   chrome. Directional trading actions may remain green/red;
   blue is never used as a generic action or panel color. */
html .terminal-shell .modal-backdrop {
  background:rgba(4,5,7,.84) !important;
  -webkit-backdrop-filter:blur(10px) !important;
  backdrop-filter:blur(10px) !important;
}
html .terminal-shell .order-ticket,
html .terminal-shell #riskModal .compact-ticket {
  color:#f5f6f7 !important;
  border:1px solid #565c64 !important;
  background:#202329 !important;
  background-image:none !important;
  box-shadow:0 28px 80px rgba(0,0,0,.58) !important;
}
html .terminal-shell .order-ticket header small {
  color:#3183ff !important;
  letter-spacing:.1em !important;
}
html .terminal-shell .order-ticket h2,
html .terminal-shell .order-ticket :is(.order-asset b,.order-asset strong) {
  color:#fff !important;
}
html .terminal-shell .order-ticket .close-modal {
  color:#f4f5f6 !important;
  border-color:#5b6169 !important;
  background:#30343a !important;
  background-image:none !important;
  box-shadow:none !important;
}
html .terminal-shell .order-ticket .close-modal:is(:hover,:focus-visible) {
  color:#fff !important;
  border-color:#005fed !important;
  background:#005fed !important;
}
html .terminal-shell .order-ticket .order-asset {
  border-color:#464b52 !important;
}
html .terminal-shell .order-ticket :is(label,small,p),
html .terminal-shell .order-ticket .order-info span {
  color:#b9bec5 !important;
}
html .terminal-shell .order-ticket :is(.money-input,.buy-sell,.order-types,.close-presets button,select) {
  color:#f4f5f6 !important;
  border-color:#4b5058 !important;
  background:#121417 !important;
  background-image:none !important;
  box-shadow:none !important;
}
html .terminal-shell .order-ticket .money-input:focus-within,
html .terminal-shell .order-ticket select:focus {
  border-color:#005fed !important;
  box-shadow:0 0 0 2px rgba(0,95,237,.15) !important;
}
html .terminal-shell .order-ticket .money-input input { color:#fff !important; }
html .terminal-shell .order-ticket .money-input b { color:#c7cbd0 !important; }
html .terminal-shell .order-ticket .order-types button,
html .terminal-shell .order-ticket .close-presets button {
  color:#c7cbd0 !important;
}
html .terminal-shell .order-ticket .order-types button.active,
html .terminal-shell .order-ticket .close-presets button.active {
  color:#fff !important;
  border-color:#005fed !important;
  background:#005fed !important;
}
html .terminal-shell .order-ticket .submit-order:not(.buy-action) {
  color:#fff !important;
  border-color:#005fed !important;
  background:#005fed !important;
  background-image:none !important;
  box-shadow:none !important;
}
html .terminal-shell .order-ticket .submit-order.buy-action {
  color:#fff !important;
  border-color:#087a5a !important;
  background:#087a5a !important;
  background-image:none !important;
}
html .terminal-shell .order-ticket .submit-order.sell-action {
  color:#fff !important;
  border-color:#005fed !important;
  background:#005fed !important;
  background-image:none !important;
}
html .terminal-shell .toast {
  color:#fff !important;
  border:1px solid #555b63 !important;
  background:#30343a !important;
}
html .terminal-shell .toast.error {
  border-color:#005fed !important;
  background:#3b2027 !important;
}

@media (max-width:760px) {
  html .terminal-shell .modal-backdrop {
    padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom)) !important;
  }
  html .terminal-shell .order-ticket {
    width:100% !important;
    max-width:392px !important;
    max-height:calc(100dvh - 16px) !important;
    margin:auto !important;
    padding:18px !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    border-radius:18px !important;
  }
}

/* v39 icon system: rounded, detailed line work with layered graphite depth.
   This replaces the flat utility squares everywhere the product uses icons. */
html .ui-icon {
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.75 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
  vector-effect:non-scaling-stroke !important;
}
html :is(
  body.portal-body .portal-sidebar nav,
  body.portal-body .portal-account-menu,
  body.portal-body .portal-mobile-nav,
  body.portal-body .quick-card,
  body.portal-body .payment-methods,
  .terminal-shell .account-popover,
  .terminal-shell .mobile-app-nav
) .nav-icon,
html .terminal-shell .tool-visual {
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  color:#f4f5f6 !important;
  border:1px solid #565c64 !important;
  border-radius:10px !important;
  background:linear-gradient(145deg,#3c4148,#292d33) !important;
  background-image:linear-gradient(145deg,#3c4148,#292d33) !important;
  box-shadow:inset 0 1px rgba(255,255,255,.1),0 5px 12px rgba(0,0,0,.2) !important;
}
html :is(
  body.portal-body .portal-sidebar nav,
  body.portal-body .portal-account-menu,
  body.portal-body .portal-mobile-nav,
  body.portal-body .quick-card,
  body.portal-body .payment-methods,
  .terminal-shell .account-popover,
  .terminal-shell .mobile-app-nav
) .nav-icon::after,
html .terminal-shell .tool-visual::after {
  content:"" !important;
  position:absolute !important;
  z-index:-1 !important;
  inset:3px !important;
  pointer-events:none !important;
  border-top:1px solid rgba(255,255,255,.14) !important;
  border-radius:7px !important;
}
html :is(
  body.portal-body .portal-sidebar nav,
  body.portal-body .portal-account-menu,
  body.portal-body .portal-mobile-nav,
  body.portal-body .quick-card,
  body.portal-body .payment-methods,
  .terminal-shell .account-popover,
  .terminal-shell .mobile-app-nav
) .nav-icon .ui-icon,
html .terminal-shell .tool-visual .ui-icon {
  width:18px !important;
  height:18px !important;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.35)) !important;
}
html body.portal-body :is(.portal-sidebar nav a,.portal-account-menu a,.portal-mobile-nav a,.payment-methods button).active .nav-icon,
html .terminal-shell :is(.account-popover a,.mobile-app-nav button).active .nav-icon,
html .terminal-shell .option-menu > button.active > .tool-visual {
  color:#fff !important;
  border-color:#3183ff !important;
  background:linear-gradient(145deg,#3183ff,#0053cf) !important;
  background-image:linear-gradient(145deg,#3183ff,#0053cf) !important;
  box-shadow:inset 0 1px rgba(255,255,255,.2),0 7px 18px rgba(0,95,237,.25) !important;
}
html body.portal-body .payment-methods button > .nav-icon {
  width:46px !important;
  height:46px !important;
  border-radius:12px !important;
  color:#3183ff !important;
}
html body.portal-body .payment-methods button.active > .nav-icon { color:#fff !important; }
html body.portal-body .payment-methods button > .nav-icon .ui-icon {
  width:22px !important;
  height:22px !important;
  stroke-width:1.7 !important;
}
html body.portal-body :is(.portal-sidebar nav,.portal-account-menu) .nav-icon {
  width:34px !important;
  height:34px !important;
}
html body.portal-body .portal-mobile-nav .nav-icon,
html .terminal-shell .mobile-app-nav .nav-icon {
  width:32px !important;
  height:32px !important;
  border-radius:11px !important;
}

html .terminal-shell .option-menu > button {
  grid-template-columns:38px minmax(0,1fr) !important;
  gap:12px !important;
}
html .terminal-shell .option-menu > button > .tool-visual {
  width:38px !important;
  min-width:38px !important;
  height:38px !important;
}
html .terminal-shell .option-menu > button > .tool-visual .ui-icon {
  width:19px !important;
  height:19px !important;
}

@media (max-width:760px) {
  html .terminal-shell .chart-toolbar {
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:6px !important;
    padding:5px 7px !important;
  }
  html .terminal-shell .chart-tool.primary,
  html .terminal-shell .chart-tool.more {
    display:grid !important;
    grid-template-columns:1fr !important;
    place-items:center !important;
    padding:3px !important;
    border-color:transparent !important;
    background:transparent !important;
    background-image:none !important;
    box-shadow:none !important;
  }
  html .terminal-shell .chart-tool.primary > :is(span,em),
  html .terminal-shell .chart-tool.more > :is(span,em) {
    display:none !important;
  }
  html .terminal-shell .chart-tool.primary > i,
  html .terminal-shell .chart-tool.more > i {
    width:40px !important;
    min-width:40px !important;
    height:40px !important;
    margin:0 !important;
    display:grid !important;
    place-items:center !important;
    color:#f4f5f6 !important;
    border:1px solid #565c64 !important;
    border-radius:12px !important;
    background:linear-gradient(145deg,#3c4148,#292d33) !important;
    background-image:linear-gradient(145deg,#3c4148,#292d33) !important;
    box-shadow:inset 0 1px rgba(255,255,255,.1),0 5px 12px rgba(0,0,0,.2) !important;
  }
  html .terminal-shell .chart-tool.primary > i .ui-icon,
  html .terminal-shell .chart-tool.more > i .ui-icon {
    width:20px !important;
    height:20px !important;
    stroke-width:1.8 !important;
  }
  html .terminal-shell .chart-tool.primary.active > i {
    color:#fff !important;
    border-color:#3183ff !important;
    background:linear-gradient(145deg,#3183ff,#0053cf) !important;
    background-image:linear-gradient(145deg,#3183ff,#0053cf) !important;
    box-shadow:inset 0 1px rgba(255,255,255,.2),0 7px 18px rgba(0,95,237,.24) !important;
  }
  html .terminal-shell .chart-tool.primary.active {
    box-shadow:none !important;
  }
  html .terminal-shell .toolbar-menu {
    width:min(360px,calc(100vw - 24px)) !important;
    max-width:calc(100vw - 24px) !important;
  }
}

/* v39 complete palette audit. The public information area used to keep parts
   of the original blue theme (open navigation, section labels and footer
   dividers). Keep the whole site in the shared graphite/red visual language. */
html body.public-info-body,
html.light-theme body.public-info-body {
  --pub-bg:#e6e8eb !important;
  --pub-panel:#f4f5f6 !important;
  --pub-panel-2:#e9ebee !important;
  --pub-line:rgba(70,75,82,.28) !important;
  --pub-text:#20242a !important;
  --pub-muted:#596069 !important;
  --pub-blue:#005fed !important;
  --pub-cyan:#0050c9 !important;
  --pub-green:#087a5a !important;
}

html body.public-info-body .public-navigation summary {
  position:relative !important;
  color:#e4e7ea !important;
  border:1px solid transparent !important;
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}
html body.public-info-body .public-navigation summary::after {
  color:#3183ff !important;
}
html body.public-info-body .public-navigation details[open] > summary,
html body.public-info-body .public-navigation summary:is(:hover,:focus-visible) {
  color:#fff !important;
  border-color:#555b63 !important;
  background:#25292f !important;
  background-image:none !important;
  box-shadow:inset 0 -3px #005fed !important;
}
html body.public-info-body .public-navigation details > div,
html.light-theme body.public-info-body .public-navigation details > div {
  color:#f4f5f6 !important;
  border-color:#555b63 !important;
  background:#202329 !important;
  background-image:none !important;
  box-shadow:0 20px 46px rgba(0,0,0,.3) !important;
}
html body.public-info-body .public-navigation details > div a {
  color:#f4f5f6 !important;
  border:1px solid transparent !important;
  background:transparent !important;
}
html body.public-info-body .public-navigation details > div a small {
  color:#b9bec5 !important;
}
html body.public-info-body .public-navigation details > div a:is(:hover,:focus-visible) {
  color:#fff !important;
  border-color:#555b63 !important;
  background:#30343a !important;
  box-shadow:inset 3px 0 #005fed !important;
}

html body.public-info-body .public-knowledge > header > span,
html body.public-info-body :is(.public-detail,.public-rich-section,.support-form-card,.registration-panel) > header > span,
html body.public-info-body :is(.support-page-layout,.registration-layout) > aside > span,
html body.public-info-body :is(.footer-payments,.footer-contact) span:first-child,
html body.public-info-body .footer-payments > div > span {
  color:#0050c9 !important;
}
html body.public-info-body .public-knowledge > header :is(h1,h2,h3) {
  color:#20242a !important;
}
html body.public-info-body .public-knowledge > header p {
  color:#596069 !important;
  opacity:1 !important;
}
html body.public-info-body .public-knowledge article > span,
html body.public-info-body .legal-doc-card > span,
html body.public-info-body .legal-section > span,
html body.public-info-body .registration-layout > aside li > b {
  color:#fff !important;
  border:0 !important;
  background:#30343a !important;
  background-image:none !important;
}
html body.public-info-body :is(.public-detail,.public-rich-section) > :is(div,header) > span,
html body.public-info-body .legal-doc-card strong,
html body.public-info-body .footer-contact > b {
  color:#0050c9 !important;
}

html body.public-info-body :is(.public-topic-card,.public-detail,.public-knowledge article,.payment-method-showcase article,.legal-doc-card,.legal-section,.support-page-layout > aside article) {
  border-color:#c3c7cc !important;
}
html body.public-info-body .public-detail li {
  color:#343940 !important;
  border-color:#c9cdd1 !important;
}
html body.public-info-body .public-detail li i {
  color:#fff !important;
  background:#087a5a !important;
}
html body.public-info-body :is(.public-topic-card,.public-knowledge article) > span,
html body.public-info-body .public-topic-card > span {
  color:#fff !important;
  background:#30343a !important;
}

html body.public-info-body .public-footer,
html.light-theme body.public-info-body .public-footer {
  --pub-line:rgba(174,180,188,.24) !important;
}
html body.public-info-body .public-footer :is(.footer-directory,.footer-payments,.footer-risk,.footer-disclosures),
html body.public-info-body .public-footer > small,
html body.public-info-body .footer-payments a {
  border-color:#4b5058 !important;
}
html body.public-info-body .footer-payments > div > span,
html body.public-info-body .footer-risk > b,
html body.public-info-body .footer-directory > div > b {
  color:#3183ff !important;
}
html body.public-info-body .footer-payments a {
  color:#f4f5f6 !important;
  background:#292d33 !important;
}
html body.public-info-body .support-widget > section {
  color:#f4f5f6 !important;
  border-color:#555b63 !important;
  background:#202329 !important;
}
html body.public-info-body .support-widget > section :is(p,small,label) {
  color:#c7cbd0 !important;
}
html body.public-info-body .support-widget :is(input,select,textarea) {
  color:#fff !important;
  border-color:#555b63 !important;
  background:#121417 !important;
}

@media (max-width:1030px) {
  html body.public-info-body .public-navigation,
  html.light-theme body.public-info-body .public-navigation {
    color:#f4f5f6 !important;
    border-color:#555b63 !important;
    background:#202329 !important;
    background-image:none !important;
  }
}

/* Forex identifiers: use the actual currency pair instead of a repeated
   decorative two-coin picture. The compact badge remains readable at a
   glance and scales for the selected instrument header. */
html .terminal-shell .asset-logo.icon-flags {
  width:44px !important;
  min-width:44px !important;
  height:34px !important;
  padding:0 !important;
  overflow:hidden !important;
  color:#fff !important;
  border:1px solid #565c64 !important;
  border-radius:9px !important;
  background:#292d33 !important;
  background-image:linear-gradient(145deg,#393e45,#24282e) !important;
  box-shadow:inset 0 1px rgba(255,255,255,.1),0 5px 12px rgba(0,0,0,.2) !important;
}
html .terminal-shell .asset-logo.large.icon-flags {
  width:54px !important;
  min-width:54px !important;
  height:42px !important;
  border-radius:10px !important;
}
html .terminal-shell .currency-symbol {
  width:100% !important;
  height:100% !important;
  padding:4px 5px !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:center !important;
  gap:2px !important;
  font-family:var(--vm-font) !important;
  font-style:normal !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:-.02em !important;
}
html .terminal-shell .currency-symbol > span {
  color:#fff !important;
  font-size:12px !important;
}
html .terminal-shell .currency-symbol > em {
  color:#fff !important;
  font-size:11px !important;
  font-style:normal !important;
}
html .terminal-shell .currency-symbol > i {
  color:#3183ff !important;
  font-size:10px !important;
  font-style:normal !important;
}
html .terminal-shell .asset-logo.large .currency-symbol { padding:5px 6px !important; }
html .terminal-shell .asset-logo.large .currency-symbol > span { font-size:16px !important; }
html .terminal-shell .asset-logo.large .currency-symbol > em { font-size:15px !important; }
html .terminal-shell .asset-logo.large .currency-symbol > i { font-size:13px !important; }
html .terminal-shell .market-row {
  grid-template-columns:44px minmax(0,1fr) minmax(58px,auto) !important;
}

/* v39 mobile-first homepage. Most visitors enter on a phone, so the fixed
   chrome stays compact, cinematic media receives the useful pixels and long
   desktop grids become touch-friendly compositions. */
html body.landing-v2 .lp-section-head p {
  color:#596069 !important;
  opacity:1 !important;
}

@keyframes vmPhoneFloat {
  0%,100% { transform:translateX(54%) translateY(0); }
  50% { transform:translateX(54%) translateY(-10px); }
}

@media (max-width:760px) {
  html body.landing-v2 .landing-nav {
    width:100% !important;
    min-height:64px !important;
    height:64px !important;
    margin:0 !important;
    padding:8px 10px 8px 14px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-rows:48px !important;
    gap:8px !important;
    border-left:0 !important;
    border-right:0 !important;
    border-radius:0 !important;
  }
  html body.landing-v2 .landing-nav > .aureo-brand {
    grid-column:1 !important;
    grid-row:1 !important;
    width:auto !important;
    min-width:0 !important;
    max-width:155px !important;
  }
  html body.landing-v2 .landing-nav > .aureo-brand b {
    font-size:14px !important;
    white-space:nowrap !important;
  }
  html body.landing-v2 .landing-actions {
    grid-column:2 !important;
    grid-row:1 !important;
    width:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:6px !important;
  }
  html body.landing-v2 .landing-actions .nav-login { display:none !important; }
  html body.landing-v2 .landing-actions .nav-primary {
    order:1 !important;
    width:auto !important;
    min-width:104px !important;
    height:42px !important;
    min-height:42px !important;
    padding:0 11px !important;
    display:inline-flex !important;
    font-size:10px !important;
  }
  html body.landing-v2 .landing-actions .lp-menu-toggle {
    position:static !important;
    order:2 !important;
    width:42px !important;
    min-width:42px !important;
    height:42px !important;
  }
  html body.landing-v2 .landing-nav nav {
    top:64px !important;
    max-height:calc(100dvh - 72px) !important;
    overflow-y:auto !important;
  }

  html body.landing-v2 .lp-cinematic-hero {
    min-height:760px !important;
  }
  html body.landing-v2 .lp-cinematic-hero::before {
    background:linear-gradient(180deg,rgba(20,23,28,.97) 0%,rgba(20,23,28,.86) 48%,rgba(20,23,28,.32) 75%,rgba(20,23,28,.12) 100%) !important;
  }
  html body.landing-v2 .lp-cinematic-hero .hero-copy {
    min-height:760px !important;
    padding:54px 18px 124px !important;
  }
  html body.landing-v2 .lp-cinematic-hero .hero-copy h1 {
    font-size:clamp(45px,13.5vw,58px) !important;
  }
  html body.landing-v2 .lp-hero-reel :is(img,video) {
    object-position:68% center !important;
    filter:saturate(.92) contrast(1.04) brightness(.9) !important;
  }

  html body.landing-v2 .lp-proof.lp-proof-ads {
    padding:0 14px 8px !important;
    display:flex !important;
    gap:10px !important;
    overflow-x:auto !important;
    overscroll-behavior-x:contain !important;
    scroll-snap-type:x mandatory !important;
    scrollbar-width:none !important;
  }
  html body.landing-v2 .lp-proof.lp-proof-ads::-webkit-scrollbar { display:none !important; }
  html body.landing-v2 .lp-proof-ads article,
  html body.landing-v2 .lp-proof-ads article:first-child {
    flex:0 0 min(82vw,320px) !important;
    min-height:230px !important;
    padding:26px 22px !important;
    border:1px solid #454a52 !important;
    scroll-snap-align:center !important;
  }

  html body.landing-v2 .lp-product-story {
    padding-top:58px !important;
  }
  html body.landing-v2 .lp-product-story > .lp-section-head {
    margin-bottom:30px !important;
  }
  html body.landing-v2 .lp-product-story .lp-section-head h2 {
    font-size:clamp(39px,11.6vw,46px) !important;
  }
  html body.landing-v2 .lp-product-main {
    min-height:820px !important;
    padding:42px 20px !important;
  }
  html body.landing-v2 .lp-product-main::before {
    background:linear-gradient(180deg,rgba(18,20,24,.97) 0%,rgba(20,22,27,.83) 42%,rgba(18,20,24,.28) 64%,rgba(10,11,14,.10) 100%) !important;
  }
  html body.landing-v2 .lp-product-video {
    object-position:58% center !important;
    filter:saturate(.82) contrast(1.04) brightness(.86) !important;
  }
  html body.landing-v2 .lp-product-main .lp-terminal-preview {
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    height:480px !important;
  }
  html body.landing-v2 .lp-product-main .lp-desktop-device {
    opacity:.2 !important;
    filter:grayscale(.5) !important;
  }
  html body.landing-v2 .lp-phone-photo {
    right:50% !important;
    bottom:12px !important;
    width:min(72vw,280px) !important;
    height:auto !important;
    max-height:440px !important;
    object-fit:contain !important;
    transform:translateX(54%) !important;
    animation:vmPhoneFloat 5.5s ease-in-out infinite !important;
    filter:drop-shadow(0 22px 28px rgba(0,0,0,.54)) !important;
  }

  html body.landing-v2 :is(.lp-home-insight,.lp-home-payments,.lp-home-standards,.lp-home-support) {
    margin-block:42px !important;
  }
  html body.landing-v2 :is(.lp-home-payments,.lp-home-standards) > div {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }
  html body.landing-v2 .lp-home-payments a {
    min-height:132px !important;
    padding:14px !important;
    align-content:start !important;
  }
  html body.landing-v2 .lp-home-payments img {
    width:36px !important;
    height:36px !important;
  }
  html body.landing-v2 .lp-home-payments :is(b,small) {
    overflow-wrap:anywhere !important;
  }
  html body.landing-v2 .lp-home-standards article {
    min-height:150px !important;
    padding:17px !important;
  }
  html body.landing-v2 .lp-home-standards article p {
    font-size:12px !important;
    line-height:1.5 !important;
  }
  html body[data-staff-role] #staffMenu {
    flex:0 0 44px !important;
    width:44px !important;
    min-width:44px !important;
    height:44px !important;
    min-height:44px !important;
  }
}

@media (max-width:350px) {
  html body.landing-v2 .landing-actions .nav-primary { min-width:92px !important; padding-inline:8px !important; }
  html body.landing-v2 .landing-nav > .aureo-brand { max-width:130px !important; }
  html body.landing-v2 :is(.lp-home-payments,.lp-home-standards) > div { grid-template-columns:1fr !important; }
  html .terminal-shell .asset-logo.large.icon-flags {
    width:46px !important;
    min-width:46px !important;
    height:38px !important;
  }
  html .terminal-shell .instrument-main { gap:6px !important; }
  html .terminal-shell .instrument-main h1 { font-size:14px !important; }
  html .terminal-shell .instrument-main small { display:none !important; }
  html .terminal-shell .instrument-quote > b { font-size:17px !important; }
}

/* Vision T Markets v67 — unified blue identity and VT vector mark. */
:root {
  --vm-blue:#126bff;
  --vm-blue-strong:#084bc7;
  --vm-cyan:#4ab8ff;
  --vm-teal:#178cff;
  --vm-red:#2f80ff;
  --vm-action:#126bff;
  --vm-action-hover:#368bff;
}

html :is(.aureo-symbol,.candle-mark,.lp-terminal-brandmark) {
  background-image:url('/static/app-icon.svg?v=73') !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  background-size:contain !important;
}

html :is(.aureo-symbol,.candle-mark) > i { display:none !important; }

html :is(.aureo-brand,.public-brand,.portal-brand,.staff-brand,.terminal-brand) > span:last-child > b {
  white-space:nowrap !important;
  letter-spacing:-.035em !important;
}

html body :is(button,a,input,select,textarea):focus-visible {
  outline-color:#62b3ff !important;
}

html body.landing-v2 .price-ticker-track .ticker-asset > i {
  width:30px !important;
  min-width:30px !important;
  overflow:hidden !important;
}

html body.portal-body .kyc-control-grid article p {
  color:#aeb7c4 !important;
  font-size:11px !important;
  line-height:1.42 !important;
}

/* Semantic colors are intentionally independent from the blue brand system. */
html { --vm-loss:#ef3340; --vm-loss-dark:#b91c2b; }

html body :is(.negative,.loss,.down),
html body.landing-v2 .ticker-asset > small.down,
html body.landing-v2 .ticker-asset:has(> small.down) > strong,
html .terminal-shell .closed-result.negative,
html .terminal-shell .closed-result.negative :is(b,em) {
  color:var(--vm-loss) !important;
}

html .terminal-shell .quote-button.sell,
html body:has(.terminal-shell) .order-ticket .submit-order.sell-action,
html body:has(.terminal-shell) .order-ticket .buy-sell button.active[data-side="sell"],
html .terminal-shell .side-pill.sell {
  color:#fff !important;
  border-color:var(--vm-loss-dark) !important;
  background:var(--vm-loss) !important;
  background-image:none !important;
  box-shadow:none !important;
}

html body[data-staff-role] button.danger,
html body:has(.terminal-shell) :is(.danger-tool,.position-close),
html body[data-staff-role] .status:is(.rejected,.blocked,.closed,.cancelled),
html body.portal-body :is(.status.rejected,.portal-toast.error,.login-error),
html .terminal-shell .toast.error {
  border-color:rgba(239,51,64,.48) !important;
  background:rgba(239,51,64,.13) !important;
  color:#ffb4bc !important;
}

html body:has(.terminal-shell) :is(.danger-tool,.position-close),
html body[data-staff-role] button.danger {
  color:#fff !important;
  background:var(--vm-loss) !important;
}

html body.landing-v2 .lp-terminal-chart .candles .down {
  fill:var(--vm-loss) !important;
  stroke:var(--vm-loss) !important;
}

@media (max-width:760px) {
  html body.landing-v2 .landing-nav > .aureo-brand .aureo-symbol,
  html body.public-info-body .public-header > .public-brand .candle-mark {
    width:34px !important;
    min-width:34px !important;
    height:34px !important;
    flex-basis:34px !important;
  }
}

/* Final responsive legibility guard for the v67 brand release. */
html body.landing-v2 .price-ticker-track .ticker-asset > i {
  width:30px !important;
  min-width:30px !important;
  overflow:hidden !important;
}

html body.portal-body .kyc-control-grid article p {
  color:#aeb7c4 !important;
  font-size:11px !important;
  line-height:1.42 !important;
}

@media (prefers-reduced-motion:reduce) {
  html body.landing-v2 .lp-phone-photo { animation:none !important; }
}

/* Final homepage color sweep: old cyan is no longer used as decoration. */
html body.landing-v2.landing-v2 .lp-proof-ads article {
  border-color:#50555c !important;
}
html body.landing-v2.landing-v2 .lp-proof-ads article small,
html body.landing-v2.landing-v2 .market-strip > p,
html body.landing-v2.landing-v2 .lp-footer-copy,
html body.landing-v2.landing-v2 .lp-product-mini > span > em {
  color:#b9bec5 !important;
}
html body.landing-v2.landing-v2 .lp-section-head p {
  color:#596069 !important;
}
html body.landing-v2.landing-v2 .market-strip > p {
  color:#596069 !important;
}
html body.landing-v2.landing-v2 .lp-terminal-brandmark {
  color:#3183ff !important;
}
html body.landing-v2.landing-v2 .lp-home-insight > img,
html body.landing-v2.landing-v2 .lp-footer-payments,
html body.landing-v2.landing-v2 .lp-trust-ribbon a > i {
  border-color:#d2d5d8 !important;
}
html body.landing-v2.landing-v2 .lp-home-standards > a,
html body.landing-v2.landing-v2 .final-cta > span {
  color:#005fed !important;
}
html body.landing-v2.landing-v2 .lp-footer-copy { color:#aeb4bc !important; }

@media (max-width:370px) {
  html .terminal-shell .chart-toolbar { gap:3px !important; padding-inline:4px !important; }
  html .terminal-shell .chart-tool.primary > i,
  html .terminal-shell .chart-tool.more > i {
    width:38px !important;
    min-width:38px !important;
    height:38px !important;
  }
}

/* v42 · Mobile landing reliability. The desktop composition is intentionally
   untouched; small screens get readable navigation, stable quotes and an
   image fallback behind every campaign video. */
html body.landing-v2 .lp-hero-reel :is(.lp-hero-poster,video) {
  position:absolute !important;
  inset:0 !important;
}
html body.landing-v2 .lp-hero-reel .lp-hero-poster { z-index:0 !important; }
html body.landing-v2 .lp-hero-reel video { z-index:1 !important; }

@media (max-width:760px) {
  html body.landing-v2 .landing-nav {
    grid-template-columns:34px minmax(0,1fr) !important;
    padding-inline:12px 10px !important;
  }
  html body.landing-v2 .landing-nav > .aureo-brand {
    width:34px !important;
    min-width:34px !important;
    max-width:34px !important;
    overflow:visible !important;
  }
  html body.landing-v2 .landing-nav > .aureo-brand > span:last-child { display:none !important; }
  html body.landing-v2 .landing-nav > .aureo-brand .aureo-symbol {
    width:30px !important;
    min-width:30px !important;
  }
  html body.landing-v2 .landing-actions {
    width:100% !important;
    min-width:0 !important;
    gap:5px !important;
  }
  html body.landing-v2 .landing-actions .nav-login {
    order:1 !important;
    width:auto !important;
    min-width:88px !important;
    height:42px !important;
    min-height:42px !important;
    padding:0 10px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#fff !important;
    border:1px solid rgba(255,255,255,.34) !important;
    border-radius:4px !important;
    background:rgba(255,255,255,.055) !important;
    font-size:9px !important;
    font-weight:850 !important;
    white-space:nowrap !important;
  }
  html body.landing-v2 .landing-actions .nav-primary {
    order:2 !important;
    min-width:96px !important;
    padding-inline:9px !important;
  }
  html body.landing-v2 .landing-actions .nav-primary span { display:none !important; }
  html body.landing-v2 .landing-actions .lp-menu-toggle {
    order:3 !important;
    width:38px !important;
    min-width:38px !important;
    height:42px !important;
  }
  html body.landing-v2 .landing-nav.menu-open > nav {
    position:absolute !important;
    z-index:500 !important;
    top:64px !important;
    right:8px !important;
    left:8px !important;
    width:auto !important;
    max-height:calc(100dvh - 78px) !important;
    padding:8px !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:3px !important;
    overflow-y:auto !important;
    border:1px solid #555b63 !important;
    border-radius:4px !important;
    background:#272b31 !important;
    box-shadow:0 24px 50px rgba(0,0,0,.42) !important;
  }
  html body.landing-v2 .landing-nav.menu-open > nav > .lp-nav-group > button {
    min-height:44px !important;
    color:#f7f8f9 !important;
    border-radius:2px !important;
  }

  html body.landing-v2 .price-ticker {
    height:46px !important;
    display:block !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    overscroll-behavior-x:contain !important;
    scroll-snap-type:x proximity !important;
    scrollbar-width:none !important;
    touch-action:pan-x !important;
  }
  html body.landing-v2 .price-ticker::-webkit-scrollbar { display:none !important; }
  html body.landing-v2 .price-ticker-track {
    width:max-content !important;
    min-width:max-content !important;
    padding:0 8px !important;
    animation:none !important;
    transform:none !important;
    will-change:auto !important;
  }
  html body.landing-v2 .ticker-asset {
    padding-inline:10px !important;
    gap:5px !important;
    scroll-snap-align:start !important;
  }
  html body.landing-v2 .ticker-asset[aria-hidden="true"] { display:none !important; }

  html body.landing-v2 .lp-cinematic-hero::before {
    background:linear-gradient(180deg,rgba(20,23,28,.94) 0%,rgba(20,23,28,.76) 44%,rgba(20,23,28,.20) 72%,rgba(20,23,28,.08) 100%) !important;
  }
  html body.landing-v2 .lp-hero-reel :is(.lp-hero-poster,video) {
    object-position:68% center !important;
    filter:saturate(.98) contrast(1.04) brightness(.96) !important;
  }
  html body.landing-v2 .lp-home-insight > img {
    display:block !important;
    min-height:220px !important;
    object-position:center 38% !important;
  }
}

@media (max-width:350px) {
  html body.landing-v2 .landing-actions .nav-login { min-width:78px !important; padding-inline:7px !important; font-size:8px !important; }
  html body.landing-v2 .landing-actions .nav-primary { min-width:82px !important; padding-inline:7px !important; font-size:9px !important; }
  html body.landing-v2 .landing-actions .lp-menu-toggle { width:36px !important; min-width:36px !important; }
}

html { --vm-v42-ready:1; }

/* v40 · Clean asset marks. Company and crypto artwork is the identity itself,
   so it no longer sits inside an extra tile, ring or white rounded square. */
html .terminal-shell .asset-logo:not(.icon-flags) {
  overflow:visible !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}
html .terminal-shell .asset-logo:is(.icon-brand,.icon-brand-color,.icon-crypto) img {
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  padding:1px !important;
  object-fit:contain !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
html .terminal-shell .asset-logo.icon-brand img {
  filter:brightness(0) invert(1);
}
html .terminal-shell .market-row[data-symbol="MSFT"] .asset-logo img,
html .terminal-shell .market-row[data-symbol="DIS"] .asset-logo img,
html .terminal-shell .market-row[data-symbol="JPM"] .asset-logo img,
html .terminal-shell .market-row[data-symbol="PFE"] .asset-logo img,
html .terminal-shell .market-row[data-symbol="XOM"] .asset-logo img,
html .terminal-shell #chartLogo:is([data-symbol="MSFT"],[data-symbol="DIS"],[data-symbol="JPM"],[data-symbol="PFE"],[data-symbol="XOM"]) img {
  filter:none;
}
html .terminal-shell .asset-logo:is(.icon-flag,.icon-commodity) :is(.asset-market-glyph,.asset-monogram) {
  filter:none !important;
}
html .terminal-shell .asset-commodity-mark {
  width:100% !important;
  height:100% !important;
  display:grid !important;
  place-items:center !important;
  color:#f4f5f6 !important;
  font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif !important;
  font-size:23px !important;
  font-style:normal !important;
  line-height:1 !important;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.34)) !important;
}
html .terminal-shell .asset-logo.large .asset-commodity-mark { font-size:30px !important; }

/* Recognizable brand colors for the monochrome source marks. */
html .terminal-shell :is(.market-row[data-symbol="NVDA"] .asset-logo,#chartLogo[data-symbol="NVDA"]) img {
  filter:brightness(0) saturate(100%) invert(60%) sepia(99%) saturate(2146%) hue-rotate(44deg) brightness(94%) contrast(101%);
}
html .terminal-shell :is(.market-row[data-symbol="AMZN"] .asset-logo,#chartLogo[data-symbol="AMZN"]) img {
  filter:brightness(0) saturate(100%) invert(63%) sepia(100%) saturate(3079%) hue-rotate(1deg) brightness(106%) contrast(104%);
}
html .terminal-shell :is(.market-row[data-symbol="GOOGL"] .asset-logo,.market-row[data-symbol="META"] .asset-logo,.market-row[data-symbol="INTC"] .asset-logo,.market-row[data-symbol="BA"] .asset-logo,.market-row[data-symbol="V"] .asset-logo,#chartLogo[data-symbol="GOOGL"],#chartLogo[data-symbol="META"],#chartLogo[data-symbol="INTC"],#chartLogo[data-symbol="BA"],#chartLogo[data-symbol="V"]) img {
  filter:brightness(0) saturate(100%) invert(48%) sepia(84%) saturate(3703%) hue-rotate(201deg) brightness(103%) contrast(91%);
}
html .terminal-shell :is(.market-row[data-symbol="NFLX"] .asset-logo,.market-row[data-symbol="KO"] .asset-logo,.market-row[data-symbol="TSLA"] .asset-logo,.market-row[data-symbol="MA"] .asset-logo,#chartLogo[data-symbol="NFLX"],#chartLogo[data-symbol="KO"],#chartLogo[data-symbol="TSLA"],#chartLogo[data-symbol="MA"]) img {
  filter:brightness(0) saturate(100%) invert(13%) sepia(93%) saturate(5682%) hue-rotate(351deg) brightness(91%) contrast(103%);
}
html .terminal-shell :is(.market-row[data-symbol="WMT"] .asset-logo,#chartLogo[data-symbol="WMT"]) img {
  filter:brightness(0) saturate(100%) invert(82%) sepia(94%) saturate(1691%) hue-rotate(343deg) brightness(104%) contrast(102%);
}

/* Funding methods: reserve real space for the icon on desktop so it can never
   sit over the label. The existing compact mobile rule keeps the icon above
   centered copy at narrow widths. */
html body.portal-body .payment-methods button {
  grid-template-columns:46px minmax(0,1fr) !important;
  column-gap:12px !important;
  padding:10px !important;
}
html body.portal-body .payment-methods button > .nav-icon {
  grid-column:1 !important;
  flex:0 0 46px !important;
}
html body.portal-body .payment-methods button > span {
  grid-column:2 !important;
  min-width:0 !important;
  overflow:hidden !important;
}
html body.portal-body .payment-methods button > span :is(b,small) {
  display:block !important;
  max-width:100% !important;
  overflow-wrap:anywhere !important;
}
@media (max-width:760px) {
  html body.portal-body .payment-methods button {
    grid-template-columns:1fr !important;
    justify-items:center !important;
    row-gap:6px !important;
    text-align:center !important;
  }
  html body.portal-body .payment-methods button > :is(.nav-icon,span) { grid-column:1 !important; }
  html body.portal-body .payment-methods button > span { overflow:visible !important; }
}

/* v40 · Compact mobile trading density. The phone UI uses its pixels for the
   market and chart instead of oversized chrome; desktop dimensions stay
   untouched because every rule in this section is narrow-screen only. */
@media (max-width:760px) {
  html body:has(.terminal-shell) { overflow:hidden !important; }
  html .terminal-shell {
    width:100% !important;
    height:100dvh !important;
    min-height:100dvh !important;
    padding:4px 4px calc(60px + env(safe-area-inset-bottom)) !important;
    gap:4px !important;
    overflow:hidden !important;
  }
  html .terminal-shell .terminal-topbar {
    min-height:48px !important;
    height:48px !important;
    max-height:48px !important;
    flex:0 0 48px !important;
    padding:0 7px 0 10px !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:6px !important;
    border-radius:12px !important;
  }
  html .terminal-shell .terminal-brand { min-width:0 !important; gap:7px !important; }
  html .terminal-shell .terminal-brand .candle-mark {
    width:27px !important;
    height:26px !important;
    transform:scale(.88) !important;
    transform-origin:center !important;
  }
  html .terminal-shell .terminal-brand b { font-size:12px !important; }
  html .terminal-shell .terminal-brand small { font-size:6px !important; }
  html .terminal-shell .top-controls {
    min-width:0 !important;
    gap:5px !important;
    display:flex !important;
    align-items:center !important;
  }
  html .terminal-shell .top-controls .deposit-button {
    min-width:0 !important;
    width:auto !important;
    height:32px !important;
    min-height:32px !important;
    padding:0 9px !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:5px !important;
    border-radius:8px !important;
    font-size:9px !important;
    line-height:1 !important;
  }
  html .terminal-shell .top-controls .deposit-button .ui-icon {
    width:14px !important;
    height:14px !important;
    flex:0 0 14px !important;
  }
  html .terminal-shell .top-avatar {
    min-width:34px !important;
    width:34px !important;
    height:34px !important;
    min-height:34px !important;
    padding:2px !important;
  }
  html .terminal-shell .top-client-initials {
    width:29px !important;
    height:29px !important;
    flex-basis:29px !important;
  }
  html .terminal-shell .terminal-grid {
    min-height:0 !important;
    gap:4px !important;
  }
  html .terminal-shell .trade-workspace,
  html .terminal-shell.positions-collapsed .trade-workspace,
  html .terminal-shell.mobile-view-trade .trade-workspace,
  html .terminal-shell.positions-collapsed.mobile-view-trade .trade-workspace {
    grid-template-rows:54px minmax(0,1fr) !important;
    gap:4px !important;
  }
  html .terminal-shell .instrument-bar {
    min-height:54px !important;
    height:54px !important;
    padding:5px 7px !important;
    border-radius:10px !important;
  }
  html .terminal-shell .instrument-main { gap:6px !important; }
  html .terminal-shell .asset-logo.large {
    width:32px !important;
    min-width:32px !important;
    height:32px !important;
  }
  html .terminal-shell .asset-logo.large.icon-flags {
    width:42px !important;
    min-width:42px !important;
    height:32px !important;
    border-radius:8px !important;
  }
  html .terminal-shell .asset-logo.large .currency-symbol { padding:3px 4px !important; }
  html .terminal-shell .asset-logo.large .currency-symbol > span { font-size:13px !important; }
  html .terminal-shell .asset-logo.large .currency-symbol > em { font-size:12px !important; }
  html .terminal-shell .asset-logo.large .currency-symbol > i { font-size:11px !important; }
  html .terminal-shell .asset-logo.large .asset-commodity-mark { font-size:25px !important; }
  html .terminal-shell .instrument-main h1 {
    max-width:126px !important;
    margin:0 0 1px !important;
    font-size:14px !important;
    line-height:1.1 !important;
  }
  html .terminal-shell .instrument-main small {
    display:block !important;
    max-width:126px !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    font-size:7px !important;
  }
  html .terminal-shell .instrument-quote {
    margin:0 3px 0 auto !important;
    gap:1px 5px !important;
  }
  html .terminal-shell .instrument-quote small { font-size:6px !important; }
  html .terminal-shell .instrument-quote > b { font-size:15px !important; line-height:1 !important; }
  html .terminal-shell .instrument-quote > span { font-size:8px !important; }
  html .terminal-shell .instrument-bar > .round-button {
    width:31px !important;
    min-width:31px !important;
    height:31px !important;
    min-height:31px !important;
  }

  html .terminal-shell .terminal-chart { border-radius:10px !important; }
  html .terminal-shell .chart-toolbar {
    min-height:40px !important;
    height:40px !important;
    padding:3px 5px !important;
    gap:3px !important;
  }
  html .terminal-shell .chart-tool.primary,
  html .terminal-shell .chart-tool.more {
    height:34px !important;
    min-height:34px !important;
    padding:1px !important;
  }
  html .terminal-shell .chart-tool.primary > i,
  html .terminal-shell .chart-tool.more > i {
    width:32px !important;
    min-width:32px !important;
    height:32px !important;
    border-radius:9px !important;
  }
  html .terminal-shell .chart-tool.primary > i .ui-icon,
  html .terminal-shell .chart-tool.more > i .ui-icon {
    width:16px !important;
    height:16px !important;
  }
  html .terminal-shell .chart-stage {
    inset:40px 0 0 !important;
    border-radius:0 0 10px 10px !important;
  }
  html .terminal-shell .quick-trade {
    left:5px !important;
    right:5px !important;
    top:auto !important;
    bottom:5px !important;
    height:42px !important;
    min-height:42px !important;
    padding:0 !important;
    gap:5px !important;
  }
  html .terminal-shell .quote-button {
    min-height:42px !important;
    height:42px !important;
    padding:3px 10px !important;
    border-radius:10px !important;
  }
  html .terminal-shell .quote-button small { font-size:8px !important; line-height:1 !important; }
  html .terminal-shell .quote-button b { font-size:14px !important; line-height:1.1 !important; }

  html .terminal-shell.mobile-view-markets .market-sidebar {
    min-height:0 !important;
    border-radius:10px !important;
  }
  html .terminal-shell .aside-title {
    min-height:36px !important;
    height:36px !important;
    padding:5px 9px !important;
  }
  html .terminal-shell .aside-title b { font-size:10px !important; }
  html .terminal-shell .aside-title span { font-size:8px !important; }
  html .terminal-shell .aside-title .round-button.small {
    width:28px !important;
    min-width:28px !important;
    height:28px !important;
    min-height:28px !important;
  }
  html .terminal-shell .market-search {
    min-height:30px !important;
    height:30px !important;
    margin:0 8px 6px !important;
    padding:0 9px !important;
    border-radius:8px !important;
  }
  html .terminal-shell .market-search input {
    min-height:26px !important;
    font-size:10px !important;
  }
  html .terminal-shell .market-tabs {
    flex-wrap:nowrap !important;
    gap:4px !important;
    padding:0 8px 6px !important;
    overflow-x:auto !important;
    scrollbar-width:none !important;
  }
  html .terminal-shell .market-tabs::-webkit-scrollbar { display:none !important; }
  html .terminal-shell .market-tabs button {
    flex:0 0 auto !important;
    min-height:27px !important;
    height:27px !important;
    padding:0 9px !important;
    border-radius:7px !important;
    font-size:8px !important;
  }
  html .terminal-shell .market-table {
    min-height:0 !important;
    padding:0 6px 4px !important;
  }
  html .terminal-shell .market-row {
    min-height:40px !important;
    height:40px !important;
    padding:0 5px !important;
    grid-template-columns:34px minmax(0,1fr) minmax(52px,auto) !important;
    gap:6px !important;
    border-radius:5px !important;
  }
  html .terminal-shell .market-row .asset-logo {
    width:26px !important;
    min-width:26px !important;
    height:26px !important;
    font-size:9px !important;
  }
  html .terminal-shell .market-row .asset-logo.icon-flags {
    width:34px !important;
    min-width:34px !important;
    height:26px !important;
    border-radius:7px !important;
  }
  html .terminal-shell .market-row .currency-symbol { padding:2px 3px !important; }
  html .terminal-shell .market-row .currency-symbol > span { font-size:9px !important; }
  html .terminal-shell .market-row .currency-symbol > em { font-size:8px !important; }
  html .terminal-shell .market-row .currency-symbol > i { font-size:7px !important; }
  html .terminal-shell .market-row .asset-commodity-mark { font-size:20px !important; }
  html .terminal-shell .market-row b { font-size:10px !important; line-height:1.1 !important; }
  html .terminal-shell .market-row small {
    margin-top:0 !important;
    font-size:8px !important;
    line-height:1.1 !important;
  }
  html .terminal-shell .aside-foot { display:none !important; }

  html .terminal-shell .mobile-app-nav {
    left:4px !important;
    right:4px !important;
    bottom:max(4px,env(safe-area-inset-bottom)) !important;
    min-height:54px !important;
    height:54px !important;
    padding:3px !important;
    border-radius:14px !important;
  }
  html .terminal-shell .mobile-app-nav button {
    min-height:46px !important;
    height:46px !important;
    padding:2px !important;
    gap:1px !important;
    border-radius:10px !important;
  }
  html .terminal-shell .mobile-app-nav .nav-icon {
    width:24px !important;
    height:24px !important;
    border-radius:8px !important;
  }
  html .terminal-shell .mobile-app-nav .nav-icon .ui-icon {
    width:15px !important;
    height:15px !important;
  }
  html .terminal-shell .mobile-app-nav span { font-size:8px !important; }
}

/* v40 · Photoreal commodity cutouts. Metal artwork keeps the generated alpha
   and remains free of an enclosing tile at every responsive size. */
html .terminal-shell .asset-logo.icon-commodity img {
  position:static !important;
  width:100% !important;
  height:100% !important;
  padding:0 !important;
  display:block !important;
  object-fit:contain !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.42)) saturate(1.06) contrast(1.04) !important;
}
html .terminal-shell .asset-logo.large.icon-commodity img {
  filter:drop-shadow(0 4px 6px rgba(0,0,0,.46)) saturate(1.08) contrast(1.05) !important;
}

/* v40 · A real terminal glyph replaces the generic launch arrow. */
html body.portal-body .portal-trade-persistent {
  grid-template-columns:34px minmax(0,1fr) !important;
  gap:2px 10px !important;
  padding:6px 12px 6px 9px !important;
  border-color:#545960 !important;
  background:linear-gradient(145deg,#30343a,#25282e) !important;
}
html body.portal-body .portal-trade-persistent .trade-launch-icon {
  grid-column:1 !important;
  grid-row:1 / 3 !important;
  width:34px !important;
  height:34px !important;
  display:grid !important;
  place-items:center !important;
  color:#fff !important;
  border:1px solid #3183ff !important;
  border-radius:9px !important;
  background:linear-gradient(145deg,#3183ff,#0050c9) !important;
  box-shadow:inset 0 1px rgba(255,255,255,.22),0 6px 14px rgba(0,95,237,.2) !important;
}
html body.portal-body .portal-trade-persistent .trade-launch-icon .ui-icon {
  width:20px !important;
  height:20px !important;
  stroke-width:1.7 !important;
}
html body.portal-body .portal-trade-persistent > span { grid-column:2 !important; grid-row:1 !important; }
html body.portal-body .portal-trade-persistent > small { grid-column:2 !important; grid-row:2 !important; }

/* v40 · Funding without nested boxes: one clean form surface, restrained
   dividers and underline fields replace the old card-inside-card treatment. */
html body.portal-body .payment-methods > div {
  gap:14px !important;
  border-bottom:1px solid #444950 !important;
}
html body.portal-body .payment-methods button {
  min-height:64px !important;
  padding:8px 4px !important;
  border:0 !important;
  border-bottom:2px solid transparent !important;
  border-radius:0 !important;
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}
html body.portal-body .payment-methods button:is(:hover,.active) {
  color:#fff !important;
  border-bottom-color:#005fed !important;
  background:linear-gradient(180deg,transparent,rgba(0,95,237,.06)) !important;
  box-shadow:none !important;
}
html body.portal-body .payment-methods button > .nav-icon,
html body.portal-body .payment-methods button.active > .nav-icon {
  color:#3183ff !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}
html body.portal-body .payment-panel {
  margin-top:16px !important;
  padding:16px 0 0 !important;
  border:0 !important;
  border-top:1px solid #444950 !important;
  border-radius:0 !important;
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}
html body.portal-body .method-grid { gap:17px 20px !important; }
html body.portal-body .method-grid label { gap:6px !important; }
html body.portal-body .method-grid :is(input,select),
html body.portal-body .cash-input {
  height:42px !important;
  padding-inline:2px !important;
  color:#f5f6f7 !important;
  border:0 !important;
  border-bottom:1px solid #5a6068 !important;
  border-radius:0 !important;
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}
html body.portal-body .method-grid :is(input,select):focus,
html body.portal-body .cash-input:focus-within {
  border-bottom-color:#005fed !important;
  box-shadow:0 1px #005fed !important;
}
html body.portal-body .method-instructions {
  margin-top:14px !important;
  padding:5px 0 5px 11px !important;
  border:0 !important;
  border-left:2px solid #005fed !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
@media (max-width:760px) {
  html body.portal-body .payment-methods > div { gap:6px !important; }
  html body.portal-body .payment-methods button {
    min-height:54px !important;
    padding:5px 2px !important;
  }
  html body.portal-body .payment-methods button > .nav-icon {
    width:30px !important;
    height:30px !important;
  }
  html body.portal-body .payment-panel { padding-top:12px !important; }
  html body.portal-body .method-grid { gap:13px !important; }
  html body.portal-body .method-grid :is(input,select),
  html body.portal-body .cash-input { height:39px !important; }
  html body.portal-body .portal-trade-persistent {
    min-width:0 !important;
    min-height:36px !important;
    grid-template-columns:28px minmax(0,1fr) !important;
    padding:4px 8px 4px 6px !important;
    gap:0 7px !important;
  }
  html body.portal-body .portal-trade-persistent .trade-launch-icon {
    width:28px !important;
    height:28px !important;
    border-radius:7px !important;
  }
  html body.portal-body .portal-trade-persistent .trade-launch-icon .ui-icon {
    width:17px !important;
    height:17px !important;
  }
}

/* Selected funding methods retain their detailed SVG artwork. Inverting the
   whole icon container also inverted its background and produced a white
   rectangle on the red selection state. */
html body.portal-body #cashMovementForm .payment-methods button.active > .funding-method-visual {
  background-color:transparent !important;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.38)) !important;
}
html body.portal-body #cashMovementForm .payment-methods button.active[data-payment-method="card"] > .funding-method-visual {
  background-color:#25282e !important;
  filter:none !important;
}

/* v41 · Denser mobile activity, native asset identities and final funding QA. */
html .terminal-shell .index-symbol {
  width:100% !important;
  height:100% !important;
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) !important;
  align-items:center !important;
  justify-content:center !important;
  gap:2px !important;
  line-height:1 !important;
}
html .terminal-shell .index-symbol > span { font-size:16px !important; }
html .terminal-shell .index-symbol > b {
  max-width:24px !important;
  overflow:hidden !important;
  color:#f6f7f8 !important;
  font-size:7px !important;
  font-weight:900 !important;
  letter-spacing:-.05em !important;
  text-overflow:clip !important;
}
html .terminal-shell .asset-logo.large .index-symbol > span { font-size:25px !important; }
html .terminal-shell .asset-logo.large .index-symbol > b { max-width:34px !important; font-size:9px !important; }

html body.portal-body #cashMovementForm [data-payment-method="card"] > i {
  width:82px !important;
  min-width:82px !important;
  height:28px !important;
}
html body.portal-body #cashMovementForm .payment-methods button[data-payment-method="card"] {
  grid-template-columns:84px minmax(0,1fr) !important;
}
html body.portal-body .method-grid :is(input,select):focus,
html body.portal-body .method-grid :is(input,select):focus-visible,
html body.portal-body .cash-input:focus-within {
  outline:0 !important;
  border-color:#005fed !important;
  border-bottom-color:#005fed !important;
  box-shadow:0 1px #005fed !important;
}

@media (max-width:760px) {
  html body.portal-body .portal-trade-persistent { display:none !important; }
  html body.portal-body .portal-top {
    grid-template-columns:minmax(0,1fr) auto !important;
  }
  html body.portal-body .portal-top > .portal-brand { grid-column:1 !important; }
  html body.portal-body .portal-top > .portal-user { grid-column:2 !important; }

  html body.portal-body #cashMovementForm .payment-methods button {
    height:56px !important;
    min-height:56px !important;
    max-height:56px !important;
    grid-template-rows:27px 15px !important;
    row-gap:2px !important;
  }
  html body.portal-body #cashMovementForm .payment-methods button[data-payment-method="card"] > i {
    width:66px !important;
    max-width:calc(100% - 2px) !important;
    min-width:0 !important;
    height:27px !important;
  }
  html body.portal-body #cashMovementForm .payment-methods button[data-payment-method="card"] {
    grid-template-columns:1fr !important;
  }
  html body.portal-body #cashMovementForm .payment-methods button > span,
  html body.portal-body #cashMovementForm .payment-methods button > span b {
    height:15px !important;
    line-height:15px !important;
  }

  html .terminal-shell.mobile-view-activity .positions-head {
    min-height:46px !important;
    height:46px !important;
    padding:5px 7px !important;
  }
  html .terminal-shell.mobile-view-activity .table-tabs,
  html .terminal-shell.mobile-view-activity .table-tabs button {
    height:35px !important;
  }
  html .terminal-shell.mobile-view-activity .table-tabs button {
    border-radius:7px !important;
    font-size:6.5px !important;
  }
  html .terminal-shell.mobile-view-activity .table-tabs button > b {
    min-width:17px !important;
    height:17px !important;
    padding:0 4px !important;
    font-size:7px !important;
  }
  html .terminal-shell.mobile-view-activity .table-view,
  html .terminal-shell.mobile-view-activity .table-view.active {
    padding:6px 6px calc(78px + env(safe-area-inset-bottom)) !important;
    scroll-padding-bottom:calc(78px + env(safe-area-inset-bottom)) !important;
  }
  html .terminal-shell.mobile-view-activity .position-table {
    gap:5px !important;
  }
  html .terminal-shell.mobile-view-activity .position-row {
    height:104px !important;
    padding:7px 8px !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    grid-template-areas:
      "asset asset side side"
      "units opening current pnl"
      "actions actions actions actions" !important;
    grid-template-rows:22px 27px 27px !important;
    gap:4px 5px !important;
    border-radius:8px !important;
    box-shadow:0 5px 14px rgba(0,0,0,.14) !important;
  }
  html .terminal-shell.mobile-view-activity .position-row > span {
    gap:0 !important;
    font-size:8.5px !important;
    line-height:1.08 !important;
  }
  html .terminal-shell.mobile-view-activity .position-row > span:nth-child(n+3):nth-child(-n+6)::before {
    font-size:5.5px !important;
    letter-spacing:.04em !important;
  }
  html .terminal-shell.mobile-view-activity .position-row > span:nth-child(1) b { font-size:10px !important; }
  html .terminal-shell.mobile-view-activity .position-row > span:nth-child(1) small { display:none !important; }
  html .terminal-shell.mobile-view-activity .position-row > span:nth-child(2) {
    align-items:flex-end !important;
  }
  html .terminal-shell.mobile-view-activity .position-row > span:nth-child(4) small {
    max-width:100% !important;
    font-size:6px !important;
  }
  html .terminal-shell.mobile-view-activity .position-row > span:nth-child(6) {
    align-items:flex-end !important;
    text-align:right !important;
  }
  html .terminal-shell.mobile-view-activity .position-row > span:nth-child(6) b { font-size:9px !important; }
  html .terminal-shell.mobile-view-activity .position-status { display:none !important; }
  html .terminal-shell.mobile-view-activity .position-actions {
    height:27px !important;
    min-height:27px !important;
    grid-template-columns:1fr 1.1fr !important;
    gap:5px !important;
  }
  html .terminal-shell.mobile-view-activity .position-actions button {
    height:27px !important;
    min-height:27px !important;
    padding:0 7px !important;
    border-radius:6px !important;
    font-size:7px !important;
  }
}

/* v42 · Campaign glass header. It follows the active hero scene so the gray
   bar reads as translucent campaign glass instead of an opaque block. */
html body.landing-v2 .landing-nav,
html.light-theme body.landing-v2 .landing-nav {
  background-color:rgba(30,33,38,.38) !important;
  background-image:linear-gradient(90deg,rgba(31,34,39,.56),rgba(31,34,39,.31)),var(--nav-campaign-image) !important;
  background-position:center,center 40% !important;
  background-size:cover,cover !important;
  background-repeat:no-repeat !important;
  -webkit-backdrop-filter:blur(26px) saturate(132%) !important;
  backdrop-filter:blur(26px) saturate(132%) !important;
  box-shadow:0 9px 30px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.18),inset 0 -1px rgba(255,255,255,.07) !important;
}

@media (max-width:760px) {
  html body.landing-v2 .landing-nav,
  html.light-theme body.landing-v2 .landing-nav {
    background-image:linear-gradient(90deg,rgba(27,30,35,.64),rgba(27,30,35,.40)),var(--nav-campaign-image) !important;
    background-position:center,68% center !important;
  }
}

/* v42 · Optional desktop chart expansion. The separator changes only the
   activity row; mobile keeps its dedicated chart/activity navigation. */
@media (min-width:761px) {
  html .terminal-shell .trade-workspace {
    grid-template-rows:72px minmax(245px,1fr) var(--activity-height,236px) !important;
  }
  html .terminal-shell.positions-collapsed .trade-workspace {
    grid-template-rows:72px minmax(245px,1fr) 45px !important;
  }
  html .terminal-shell .positions-panel { position:relative !important; }
  html .terminal-shell .workspace-resizer {
    position:absolute !important;
    z-index:8 !important;
    top:0 !important;
    right:0 !important;
    left:0 !important;
    height:13px !important;
    display:flex !important;
    align-items:flex-start !important;
    justify-content:center !important;
    cursor:ns-resize !important;
    touch-action:none !important;
    outline:0 !important;
  }
  html .terminal-shell .workspace-resizer::before {
    content:"" !important;
    position:absolute !important;
    top:0 !important;
    right:0 !important;
    left:0 !important;
    height:1px !important;
    background:#565c64 !important;
    transition:background-color .16s ease,box-shadow .16s ease !important;
  }
  html .terminal-shell .workspace-resizer > span {
    width:46px !important;
    height:4px !important;
    margin-top:4px !important;
    border-radius:999px !important;
    background:#6b7179 !important;
    box-shadow:0 1px rgba(255,255,255,.08) !important;
    transition:width .16s ease,background-color .16s ease !important;
  }
  html .terminal-shell .workspace-resizer:is(:hover,:focus-visible) > span,
  html .terminal-shell.workspace-resizing .workspace-resizer > span {
    width:68px !important;
    background:#005fed !important;
  }
  html .terminal-shell .workspace-resizer:focus-visible::before,
  html .terminal-shell.workspace-resizing .workspace-resizer::before {
    background:#005fed !important;
    box-shadow:0 0 0 2px rgba(0,95,237,.16) !important;
  }
  html .terminal-shell.workspace-resizing,
  html .terminal-shell.workspace-resizing * { cursor:ns-resize !important; user-select:none !important; }
  html .terminal-shell .table-view,
  html .terminal-shell .table-view.active {
    height:calc(100% - 44px) !important;
    max-height:none !important;
  }
  html .terminal-shell.positions-collapsed .workspace-resizer { display:none !important; }
}

@media (max-width:760px) {
  html .terminal-shell .workspace-resizer { display:none !important; }
}

/* v43 · Compact desktop account metrics. Keep the four live values visible
   without letting their cards consume the full width of the top bar. */
@media (min-width:901px) {
  html .terminal-shell .top-metrics {
    width:min(100%,620px) !important;
    max-width:620px !important;
    height:34px !important;
    gap:6px !important;
    align-self:center !important;
  }
  html .terminal-shell .top-metrics article {
    min-width:0 !important;
    height:34px !important;
    padding:4px 9px !important;
    border-radius:8px !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-rows:11px 15px !important;
    align-content:center !important;
    line-height:1 !important;
  }
  html .terminal-shell .top-metrics small {
    font-size:8px !important;
    line-height:1 !important;
  }
  html .terminal-shell .top-metrics b {
    min-width:0 !important;
    overflow:hidden !important;
    font-size:11px !important;
    line-height:1 !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }
  html .terminal-shell .top-metrics span {
    font-size:7px !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }
}

@media (min-width:901px) and (max-width:1080px) {
  html .terminal-shell .top-metrics article:nth-child(3),
  html .terminal-shell .top-metrics article:nth-child(5) { display:grid !important; }
}

/* v43 · One coherent graphite account strip. Blue belongs neither to the
   frame nor to the cards; only live P/L keeps its semantic green/red color. */
html .terminal-shell .top-metrics article {
  color:#f5f6f7 !important;
  border-color:#3e4249 !important;
  border-left-color:#3e4249 !important;
  background:linear-gradient(180deg,rgba(43,46,52,.96),rgba(34,37,42,.96)) !important;
  background-image:linear-gradient(180deg,rgba(43,46,52,.96),rgba(34,37,42,.96)) !important;
  box-shadow:inset 2px 0 #555a62,0 3px 10px rgba(0,0,0,.12) !important;
}
html .terminal-shell .top-metrics small { color:#b7bcc4 !important; }
html .terminal-shell .top-metrics b { color:#fff !important; }
html .terminal-shell [data-table-tab="orders"] { display:none !important; }

/* Real campaign glass: this surface samples whatever page content is currently
   moving beneath the sticky header. No frozen campaign image is painted here. */
html body.landing-v2 .landing-nav,
html.light-theme body.landing-v2 .landing-nav {
  position:sticky !important;
  top:0 !important;
  background-color:rgba(28,31,36,.14) !important;
  background-image:linear-gradient(90deg,rgba(20,23,28,.34),rgba(31,34,39,.14)) !important;
  background-position:initial !important;
  background-size:auto !important;
  background-repeat:no-repeat !important;
  -webkit-backdrop-filter:blur(16px) saturate(148%) brightness(.82) contrast(1.04) !important;
  backdrop-filter:blur(16px) saturate(148%) brightness(.82) contrast(1.04) !important;
  box-shadow:0 8px 28px rgba(0,0,0,.17),inset 0 1px rgba(255,255,255,.15),inset 0 -1px rgba(255,255,255,.08) !important;
}

/* Universal ES / EN / PT control. Only the requested language initials are
   visible; its menu follows the graphite/red system on every application shell. */
.vm-language-switcher { position:relative !important; z-index:260 !important; flex:0 0 auto !important; }
.vm-language-current {
  width:38px !important;
  min-width:38px !important;
  height:34px !important;
  min-height:34px !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
  color:#fff !important;
  border:1px solid #555a62 !important;
  border-radius:4px !important;
  background:#292c32 !important;
  box-shadow:inset 2px 0 #005fed !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  cursor:pointer !important;
}
.vm-language-current:is(:hover,:focus-visible),
.vm-language-switcher.open .vm-language-current { border-color:#317ced !important; background:#31343a !important; }
.vm-language-menu {
  position:absolute !important;
  z-index:300 !important;
  top:calc(100% + 7px) !important;
  right:0 !important;
  width:54px !important;
  padding:4px !important;
  display:grid !important;
  gap:3px !important;
  border:1px solid #4b5058 !important;
  border-radius:4px !important;
  background:rgba(34,37,43,.96) !important;
  -webkit-backdrop-filter:blur(18px) saturate(130%) !important;
  backdrop-filter:blur(18px) saturate(130%) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.32) !important;
}
.vm-language-menu[hidden] { display:none !important; }
.vm-language-menu button {
  width:100% !important;
  height:32px !important;
  padding:0 !important;
  color:#d9dce1 !important;
  border:0 !important;
  border-radius:3px !important;
  background:transparent !important;
  font-size:10px !important;
  font-weight:900 !important;
  cursor:pointer !important;
}
.vm-language-menu button:is(:hover,.active) { color:#fff !important; background:#005fed !important; }
.landing-actions > .vm-language-switcher { order:0 !important; }
.public-actions > .vm-language-switcher { order:-1 !important; }
.portal-user > .vm-language-switcher { margin-right:3px !important; }
.staff-top > .vm-language-switcher { margin-left:auto !important; }
.staff-top > .vm-language-switcher + .staff-live { margin-left:0 !important; }
.vm-language-switcher.vm-language-floating { position:fixed !important; top:14px !important; right:14px !important; z-index:1000 !important; }

@media (max-width:760px) {
  html body.landing-v2 .landing-nav,
  html.light-theme body.landing-v2 .landing-nav {
    background-color:rgba(27,30,35,.24) !important;
    background-image:linear-gradient(90deg,rgba(22,25,29,.42),rgba(32,35,40,.18)) !important;
  }
  html body.landing-v2 .landing-actions .vm-language-switcher {
    order:0 !important;
    display:block !important;
  }
  html body.landing-v2 .landing-actions .vm-language-current {
    width:36px !important;
    min-width:36px !important;
    height:42px !important;
  }
  html .terminal-shell .top-controls > .vm-language-switcher { display:block !important; }
  html .terminal-shell .top-controls .deposit-button {
    width:38px !important;
    min-width:38px !important;
    padding:0 !important;
  }
  html .terminal-shell .top-controls .deposit-button > span { display:none !important; }
}

/* v44 · The glass header still reflects the live page underneath, but keeps
   the campaign artwork recognisable instead of heavily diffusing it. */
html body.landing-v2 .landing-nav,
html.light-theme body.landing-v2 .landing-nav {
  -webkit-backdrop-filter:blur(7px) saturate(138%) brightness(.86) contrast(1.03) !important;
  backdrop-filter:blur(7px) saturate(138%) brightness(.86) contrast(1.03) !important;
}

/* The landing footer owns a full-bleed graphite band. Its content remains on
   the same 1160px reading grid used by the campaign sections above it. */
html body.landing-v2 .landing-footer,
html.light-theme body.landing-v2 .landing-footer {
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:56px max(28px,calc((100vw - 1160px)/2)) 36px !important;
  box-sizing:border-box !important;
}

/* Market discovery: the search now spans every asset class. A permanent,
   neutral scrollbar makes the long catalogue clearly navigable. */
html .terminal-shell .market-table {
  scrollbar-width:thin !important;
  scrollbar-color:#686e76 #202329 !important;
  scrollbar-gutter:stable !important;
}
html .terminal-shell .market-table::-webkit-scrollbar { width:7px !important; }
html .terminal-shell .market-table::-webkit-scrollbar-track { background:#202329 !important; }
html .terminal-shell .market-table::-webkit-scrollbar-thumb {
  border:1px solid #202329 !important;
  border-radius:999px !important;
  background:#686e76 !important;
}
html .terminal-shell .market-table::-webkit-scrollbar-thumb:hover { background:#858b93 !important; }

/* v44 · Final admin/staff palette. Legacy cyan/blue survives only in source
   fallbacks; every rendered shell, table and control follows graphite/red. */
html body[data-staff-role] {
  --staff-bg:#181b20 !important;
  --staff-panel:#24272d !important;
  --staff-panel-2:#2b2f35 !important;
  --staff-line:#42474f !important;
  --staff-text:#f5f6f7 !important;
  --staff-muted:#b5bac1 !important;
  --staff-blue:#005fed !important;
  --staff-cyan:#3183ff !important;
  background:#181b20 !important;
  background-image:none !important;
}
html body[data-staff-role] :is(.staff-main,.staff-content) { background:#181b20 !important; }
html body[data-staff-role] :is(.staff-sidebar,.staff-top) {
  color:#f5f6f7 !important;
  border-color:#41464e !important;
  background:#24272d !important;
  background-image:none !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}
html body[data-staff-role] :is(.staff-card,.staff-form,.staff-kpis article,.note-item,.support-admin-card,.legacy-client-dialog,.legacy-client-head,.legacy-client-tabs,.legacy-client-layout>aside,.admin-wallet,.manual-funds-form,.note-card,.row-editor,.provider-card,.access-matrix) {
  color:#f5f6f7 !important;
  border-color:#42474f !important;
  border-radius:4px !important;
  background:#24272d !important;
  background-image:none !important;
  box-shadow:none !important;
}
html body[data-staff-role] .staff-table {
  color:#eef0f2 !important;
  scrollbar-color:#6b7078 #202329 !important;
}
html body[data-staff-role] .staff-table-head {
  color:#c7cbd0 !important;
  border-color:#454a52 !important;
  background:#1d2025 !important;
  background-image:none !important;
}
html body[data-staff-role] :is(.staff-row,.fund-row,.audit-row,.activity-list>div,.provider-card>div,.managed-position-row,.kyc-review-row) {
  color:#e9ebed !important;
  border-color:#41464e !important;
  background:transparent !important;
  background-image:none !important;
}
html body[data-staff-role] :is(.staff-row,.client-main,.fund-row,.audit-row,.activity-list,.provider-card) :is(b,strong) { color:#f7f8f9 !important; }
html body[data-staff-role] :is(.staff-row,.client-main,.fund-row,.audit-row,.activity-list,.provider-card,.note-item) :is(p,small,time,code) { color:#b7bcc3 !important; }
html body[data-staff-role] :is(.staff-top small,.staff-heading span,.staff-card header small,.staff-form header small,.staff-card header a,.staff-brand small) { color:#3183ff !important; }
html body[data-staff-role] .staff-profile {
  color:#f5f6f7 !important;
  border-color:#50555d !important;
  border-radius:4px !important;
  background:#2b2f35 !important;
  background-image:none !important;
  box-shadow:inset 3px 0 #005fed !important;
}
html body[data-staff-role] .staff-profile small { color:#b7bcc3 !important; }
html body[data-staff-role] :is(.ghost,button.ghost,a.ghost) {
  color:#f1f2f4 !important;
  border-color:#555b63 !important;
  border-radius:3px !important;
  background:#30343a !important;
  background-image:none !important;
  box-shadow:none !important;
}
html body[data-staff-role] :is(.ghost,button.ghost,a.ghost):is(:hover,:focus-visible) {
  color:#fff !important;
  border-color:#317ced !important;
  background:#383c43 !important;
}
html body[data-staff-role] :is(.table-search,input,select,textarea) {
  color:#f7f8f9 !important;
  border-color:#50565e !important;
  border-radius:3px !important;
  background:#1b1e23 !important;
  background-image:none !important;
}
html body[data-staff-role] .table-search input { border:0 !important; background:transparent !important; }
html body[data-staff-role] .staff-live {
  color:#d7dade !important;
  border-color:#50565e !important;
  background:#30343a !important;
}

/* Complete admin and agent surfaces: client dossier, funding, KYC, support,
   position control and compatibility dialogs share the same neutral system. */
html body[data-staff-role] :is(.client-identity-card,.client-detail-card,.client-profile-form,.client-detail-tabs,.client-kyc-document,.client-account-summary,.staff-safety-note,.registration-review-banner) {
  color:#f5f6f7 !important;
  border-color:#444950 !important;
  border-radius:4px !important;
  background:#24272d !important;
  background-image:none !important;
  box-shadow:none !important;
}
html body[data-staff-role] .client-back a,
html body[data-staff-role] :is(.client-detail-card,.support-admin-card,.staff-card) header a {
  color:#5599ff !important;
}
html body[data-staff-role] .client-back span { color:#b7bcc3 !important; }
html body[data-staff-role] .client-detail-tabs {
  padding:5px !important;
  background:#202329 !important;
}
html body[data-staff-role] .client-detail-tabs a {
  color:#c3c7cc !important;
  border-color:transparent !important;
  border-radius:3px !important;
  background:transparent !important;
}
html body[data-staff-role] .client-detail-tabs a:is(:hover,.active) {
  color:#fff !important;
  border-bottom-color:#005fed !important;
  background:#30343a !important;
}
html body[data-staff-role] :is(.client-form-section + .client-form-section,.client-trade-row,.client-order-row,.client-ledger-row,.client-note,.client-audit-row,.client-kyc-document dl div,.client-identity-card dl div,.client-account-summary>span) {
  border-color:#42474f !important;
}
html body[data-staff-role] :is(.client-form-section header small,.client-detail-card header small,.client-kyc-document>div>small,.legacy-client-head small,.legacy-client-layout form section header small) {
  color:#3183ff !important;
}
html body[data-staff-role] :is(.client-profile-grid label,.client-note-form label,.client-trade-row label,.managed-position-row label,.support-admin-controls label,.legacy-profile-grid label) {
  color:#d7dade !important;
}
html body[data-staff-role] :is(.client-form-section header>span,.client-detail-card header>span,.client-identity-card>p,.client-identity-card dt,.client-account-summary>small,.client-account-summary em,.client-trade-row small,.client-order-row small,.client-ledger-row small,.client-note time,.client-note p,.client-kyc-note,.client-kyc-document p,.client-kyc-document dt,.client-audit-row time,.client-audit-row small) {
  color:#b7bcc3 !important;
}
html body[data-staff-role] .client-audit-row code { color:#c8ccd1 !important; }
html body[data-staff-role] :is(.detail-check,.legacy-trading-check) {
  border-color:#50565e !important;
  border-radius:3px !important;
  background:#202329 !important;
}
html body[data-staff-role] :is(.detail-check,.legacy-trading-check) input { accent-color:#005fed !important; }
html body[data-staff-role] .client-account-summary>b { color:#39c99a !important; }

html body[data-staff-role] :is(.legacy-client-dialog,.legacy-client-head,.legacy-client-tabs,.legacy-client-layout>aside) {
  color:#f5f6f7 !important;
  border-color:#444950 !important;
  border-radius:4px !important;
  background:#24272d !important;
  background-image:none !important;
  box-shadow:none !important;
}
html body[data-staff-role] .legacy-client-tabs span { color:#bfc4ca !important; border-color:transparent !important; }
html body[data-staff-role] .legacy-client-tabs span.active { color:#fff !important; border-bottom-color:#005fed !important; }
html body[data-staff-role] .legacy-client-tabs b { color:#fff !important; border-radius:2px !important; background:#4a5058 !important; }
html body[data-staff-role] :is(.legacy-client-avatar,.manual-funds-heading>i,.admin-wallet i) {
  color:#fff !important;
  border-color:#555b63 !important;
  border-radius:3px !important;
  background:#393e45 !important;
  background-image:none !important;
  box-shadow:inset 3px 0 #005fed !important;
}
html body[data-staff-role] .legacy-client-head>button {
  color:#fff !important;
  border-color:#555b63 !important;
  border-radius:3px !important;
  background:#30343a !important;
}

html body[data-staff-role] .admin-wallet-grid { gap:10px !important; }
html body[data-staff-role] :is(.admin-wallet,.admin-wallet.real,.admin-wallet.demo,.admin-wallet.bonus) {
  color:#f5f6f7 !important;
  border-color:#4b5058 !important;
  border-radius:4px !important;
  background:#2b2f35 !important;
  background-image:none !important;
}
html body[data-staff-role] .admin-wallet small { color:#b9bec5 !important; }
html body[data-staff-role] .admin-wallet input { border-color:#565c64 !important; border-radius:3px !important; background:#191c20 !important; }
html body[data-staff-role] :is(.manual-funds-form>p,.manual-funds-grid label,.manual-funds-form>footer>span) { color:#c4c8cd !important; }
html body[data-staff-role] .manual-funds-form>footer { border-color:#454a52 !important; }
html body[data-staff-role] :is(.support-admin-card>p,.client-kyc-document) {
  border-color:#484d55 !important;
  background:#202329 !important;
  background-image:none !important;
}
html body[data-staff-role] .support-admin-meta { color:#b7bcc3 !important; }
html body[data-staff-role] .status.in_progress {
  color:#ffd574 !important;
  border-color:rgba(245,189,73,.46) !important;
  background:rgba(245,189,73,.1) !important;
}
html body[data-staff-role] .registration-review-banner p { color:#d0d3d7 !important; }
html body[data-staff-role] .staff-safety-note { color:#b7bcc3 !important; }

html body[data-staff-role] :is(.kyc-review-list,.managed-position-list,.staff-table) {
  scrollbar-width:thin !important;
  scrollbar-color:#6b7078 #202329 !important;
}
html body[data-staff-role] :is(.kyc-review-list,.managed-position-list,.staff-table)::-webkit-scrollbar { height:8px !important; width:8px !important; }
html body[data-staff-role] :is(.kyc-review-list,.managed-position-list,.staff-table)::-webkit-scrollbar-track { background:#202329 !important; }
html body[data-staff-role] :is(.kyc-review-list,.managed-position-list,.staff-table)::-webkit-scrollbar-thumb { border-radius:999px !important; background:#6b7078 !important; }

@media (max-width:760px) {
  html body.landing-v2 .landing-nav,
  html.light-theme body.landing-v2 .landing-nav {
    -webkit-backdrop-filter:blur(5px) saturate(132%) brightness(.86) !important;
    backdrop-filter:blur(5px) saturate(132%) brightness(.86) !important;
  }
  html body.landing-v2 .landing-footer,
  html.light-theme body.landing-v2 .landing-footer {
    padding:42px 14px 30px !important;
  }
}

/* v45 · Last-mile staff text normalization. Keep decorative blue/cyan out of
   administrative and agent consoles; only semantic financial states use
   colour. The repeated role attribute intentionally outranks legacy contrast
   helpers that are still shared with public pages. */
html body[data-staff-role][data-staff-role][data-staff-role] .staff-table-head {
  color:#c7cbd0 !important;
  background:#1d2025 !important;
}
html body[data-staff-role][data-staff-role][data-staff-role] :is(
  .staff-profile small,
  .staff-live,
  .staff-heading p,
  .staff-kpis article small,
  .staff-kpis article span,
  .staff-row small,
  .fund-row small,
  .audit-row small,
  .activity-list small,
  .provider-card small,
  .provider-card p,
  .staff-empty
) {
  color:#b7bcc3 !important;
}
html body[data-staff-role][data-staff-role][data-staff-role] :is(
  .staff-form label,
  .note-card label,
  .row-editor label,
  .manual-funds-grid label,
  .support-admin-controls label
) {
  color:#d7dade !important;
  border-color:#50565e !important;
}
html body[data-staff-role][data-staff-role][data-staff-role] :is(
  .note-card header small,
  .support-admin-card header small,
  .row-editor header small
) {
  color:#3183ff !important;
}

/* v46 · Mobile headers use the company mark instead of a page-name label.
   Every action owns a fixed, compact slot so language, funding and profile
   controls remain separated even on 320px screens. */
html body.portal-body .portal-top-brand {
  display:none;
}

@media (max-width:760px) {
  html body.portal-body .portal-top {
    min-height:58px !important;
    height:58px !important;
    padding:7px 10px !important;
    display:grid !important;
    grid-template-columns:40px minmax(0,1fr) !important;
    gap:8px !important;
    align-items:center !important;
    overflow:visible !important;
  }
  html body.portal-body .portal-section-heading {
    display:none !important;
  }
  html body.portal-body .portal-top-brand {
    grid-column:1 !important;
    width:38px !important;
    height:38px !important;
    display:grid !important;
    place-items:center !important;
    border:0 !important;
    border-radius:8px !important;
    background:transparent !important;
    text-decoration:none !important;
  }
  html body.portal-body .portal-top-brand img {
    width:31px !important;
    height:31px !important;
    display:block !important;
    object-fit:contain !important;
  }
  html body.portal-body .portal-user {
    grid-column:2 !important;
    min-width:0 !important;
    justify-self:end !important;
    gap:5px !important;
  }
  html body.portal-body .portal-user > .vm-language-switcher {
    margin-right:0 !important;
  }
  html body.portal-body .portal-user .vm-language-current,
  html body.portal-body .portal-user-trigger {
    width:34px !important;
    min-width:34px !important;
    height:34px !important;
    min-height:34px !important;
    flex:0 0 34px !important;
  }

  html .terminal-shell .terminal-topbar {
    grid-template-columns:36px minmax(0,1fr) !important;
    gap:6px !important;
    padding:0 7px !important;
    overflow:visible !important;
  }
  html .terminal-shell .terminal-brand {
    width:34px !important;
    min-width:34px !important;
    justify-content:center !important;
    overflow:hidden !important;
  }
  html .terminal-shell .terminal-brand > span:last-child {
    display:none !important;
  }
  html .terminal-shell .terminal-brand .candle-mark {
    width:30px !important;
    min-width:30px !important;
    height:30px !important;
    transform:scale(.82) !important;
  }
  html .terminal-shell .top-controls {
    width:auto !important;
    max-width:100% !important;
    min-width:0 !important;
    justify-self:end !important;
    justify-content:flex-end !important;
    gap:4px !important;
    white-space:nowrap !important;
  }
  html .terminal-shell .top-controls > .vm-language-switcher {
    width:34px !important;
    min-width:34px !important;
    flex:0 0 34px !important;
  }
  html .terminal-shell .top-controls .vm-language-current,
  html .terminal-shell .top-controls .deposit-button,
  html .terminal-shell .top-controls .top-avatar {
    width:34px !important;
    min-width:34px !important;
    height:32px !important;
    min-height:32px !important;
    flex:0 0 34px !important;
    padding:0 !important;
    border-radius:7px !important;
    overflow:hidden !important;
  }
  html .terminal-shell .top-controls .deposit-button {
    display:grid !important;
    place-items:center !important;
  }
  html .terminal-shell .top-controls .deposit-button > span,
  html .terminal-shell .top-controls .top-client-copy {
    display:none !important;
  }
  html .terminal-shell .top-controls .deposit-button .ui-icon {
    width:16px !important;
    height:16px !important;
    margin:0 !important;
  }
  html .terminal-shell .top-client-initials {
    width:27px !important;
    min-width:27px !important;
    height:27px !important;
    flex:0 0 27px !important;
    font-size:8px !important;
  }
  html .terminal-shell .top-avatar::after {
    right:2px !important;
    bottom:2px !important;
    width:5px !important;
    height:5px !important;
    border-width:1px !important;
  }
}

/* v47 · The mobile funding action keeps its complete label. It is wider than
   the two square controls beside it, while the group still fits at 320px. */
@media (max-width:760px) {
  html .terminal-shell .top-controls .deposit-button {
    width:76px !important;
    min-width:76px !important;
    flex:0 0 76px !important;
    padding:0 8px !important;
    display:inline-flex !important;
    justify-content:center !important;
    gap:5px !important;
    overflow:hidden !important;
  }
  html .terminal-shell .top-controls .deposit-button > span {
    min-width:0 !important;
    display:inline-block !important;
    overflow:visible !important;
    color:#fff !important;
    font-size:8px !important;
    font-weight:900 !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }
  html .terminal-shell .top-controls .deposit-button .ui-icon {
    width:14px !important;
    min-width:14px !important;
    height:14px !important;
    flex:0 0 14px !important;
  }
}

/* v48 · Precise interaction and mobile-fit audit. Selected controls keep a
   single red state without browser-blue rings or raised shadows. */
html .terminal-shell :is(button,a,input,select,textarea):focus,
html .terminal-shell :is(button,a,input,select,textarea):focus-visible,
html body.portal-body :is(button,a,input,select,textarea):focus,
html body.portal-body :is(button,a,input,select,textarea):focus-visible,
html body[data-staff-role] :is(button,a,input,select,textarea):focus,
html body[data-staff-role] :is(button,a,input,select,textarea):focus-visible {
  outline:0 !important;
  outline-offset:0 !important;
  box-shadow:none !important;
}
html .terminal-shell :is(.money-input,.market-search):focus-within,
html body.portal-body .cash-input:focus-within,
html body.portal-body :is(.cash-input,.method-grid input,.method-grid select):focus,
html body.portal-body :is(.cash-input,.method-grid input,.method-grid select):focus-visible {
  outline:0 !important;
  border-color:#005fed !important;
  box-shadow:none !important;
}
html .terminal-shell :is(.chart-tool,.chart-action,.round-button,.market-tabs button,.market-row,.order-types button,.buy-sell button,.close-presets button):focus-visible,
html body.portal-body :is(.portal-user-trigger,.payment-methods button,.portal-mobile-nav a,.portal-account-menu a):focus-visible,
html body[data-staff-role] :is(button,a):focus-visible {
  border-color:#005fed !important;
  box-shadow:none !important;
}

/* Active chart tools use the same flat signal treatment on desktop and
   touch layouts. The open menu state counts as an active selection. */
html .terminal-shell .chart-tool.primary:is(.active,[aria-expanded="true"]),
html .terminal-shell .chart-tool.more[aria-expanded="true"] {
  color:#fff !important;
  border-color:transparent !important;
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}
html .terminal-shell .chart-tool.primary:is(.active,[aria-expanded="true"]) > i,
html .terminal-shell .chart-tool.more[aria-expanded="true"] > i {
  color:#fff !important;
  border-color:#005fed !important;
  background:#005fed !important;
  background-image:none !important;
  box-shadow:none !important;
}
html .terminal-shell :is(.chart-action,.option-menu>button,.timeframe-menu button,.market-tabs button,.table-tabs button,.mobile-app-nav button).active,
html .terminal-shell :is(.chart-action,.option-menu>button,.timeframe-menu button)[aria-pressed="true"] {
  box-shadow:none !important;
}
html .terminal-shell .option-menu > button.active {
  color:#fff !important;
  border-color:#005fed !important;
  border-left-color:#005fed !important;
  background:#38343a !important;
  background-image:none !important;
  box-shadow:none !important;
}
html .terminal-shell .timeframe-menu button.active {
  color:#fff !important;
  border-color:#005fed !important;
  background:#005fed !important;
  box-shadow:none !important;
}

/* Direction is communicated semantically: buying is a restrained broker
   green, while red remains reserved for selling and destructive actions. */
html .terminal-shell .quote-button.buy,
html body:has(.terminal-shell) .order-ticket .buy-sell button.active[data-side="buy"],
html body:has(.terminal-shell) .order-ticket .submit-order.buy-action {
  color:#fff !important;
  border-color:#19785d !important;
  background:#19785d !important;
  background-image:none !important;
  box-shadow:none !important;
}
html .terminal-shell .quote-button.sell,
html body:has(.terminal-shell) .order-ticket .submit-order.sell-action {
  color:#fff !important;
  border-color:#0050c9 !important;
  background:#0050c9 !important;
  background-image:none !important;
  box-shadow:none !important;
}
html body:has(.terminal-shell) .order-ticket .buy-sell button.active[data-side="sell"] {
  color:#fff !important;
  border-color:#075bd8 !important;
  background:#075bd8 !important;
  box-shadow:none !important;
}

/* Dialogs always sit above the sticky terminal header. Their heading remains
   visible while a compact phone viewport scrolls through the ticket. */
html body:has(.terminal-shell) .modal-backdrop {
  z-index:1400 !important;
}
html body:has(.terminal-shell) .order-ticket .close-modal {
  width:34px !important;
  min-width:34px !important;
  height:34px !important;
  min-height:34px !important;
  flex:0 0 34px !important;
  display:grid !important;
  place-items:center !important;
  line-height:1 !important;
  box-shadow:none !important;
}
html body:has(.terminal-shell) .order-ticket .money-input:focus-within,
html body:has(.terminal-shell) .order-ticket select:focus,
html body:has(.terminal-shell) .order-ticket select:focus-visible {
  border-color:#005fed !important;
  outline:0 !important;
  box-shadow:none !important;
}

/* Menus share one measured layout. Long drawing and indicator menus scroll
   inside their own centered panel instead of escaping the phone viewport. */
html .terminal-shell .toolbar-menu[hidden] { display:none !important; }
html .terminal-shell .toolbar-menu:not([hidden]) {
  max-height:min(520px,calc(100dvh - 130px)) !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  border-radius:10px !important;
  box-shadow:0 16px 38px rgba(0,0,0,.34) !important;
  scrollbar-width:thin !important;
  scrollbar-color:#6b7078 #25282e !important;
}
html .terminal-shell .toolbar-menu > header {
  min-height:58px !important;
  padding:10px 12px !important;
  display:flex !important;
  align-items:center !important;
}
html .terminal-shell .option-menu > button {
  width:100% !important;
  min-height:58px !important;
  padding:8px 10px !important;
  display:grid !important;
  grid-template-columns:38px minmax(0,1fr) !important;
  gap:10px !important;
  align-items:center !important;
  text-align:left !important;
  box-shadow:none !important;
}
html .terminal-shell .option-menu > button > i {
  width:38px !important;
  min-width:38px !important;
  height:38px !important;
  display:grid !important;
  place-items:center !important;
  margin:0 !important;
}
html .terminal-shell .option-menu > button > span {
  min-width:0 !important;
  display:grid !important;
  gap:3px !important;
}
html .terminal-shell .option-menu > button > span :is(b,small) {
  max-width:100% !important;
  overflow-wrap:anywhere !important;
  line-height:1.25 !important;
}
html .terminal-shell .tool-use-guide {
  margin:6px 8px !important;
  padding:10px !important;
  display:grid !important;
  gap:7px !important;
  border:1px solid #4a5058 !important;
  border-radius:7px !important;
  background:#30343a !important;
  box-shadow:none !important;
}

/* The account initials occupy the exact optical centre; the availability dot
   is independently anchored and no longer pushes the letters. */
html .terminal-shell .top-avatar {
  position:relative !important;
  display:grid !important;
  place-items:center !important;
  padding:2px !important;
  overflow:visible !important;
  box-shadow:none !important;
}
html .terminal-shell .top-client-initials {
  position:static !important;
  inset:auto !important;
  margin:0 !important;
  display:grid !important;
  place-items:center !important;
  text-align:center !important;
  line-height:1 !important;
  transform:none !important;
}
html .terminal-shell .top-avatar::after {
  position:absolute !important;
  right:1px !important;
  bottom:1px !important;
  transform:none !important;
}

/* The card brands now sit inside a recognisable physical-card frame. */
html body.portal-body #cashMovementForm [data-payment-method="card"] > .funding-method-visual {
  width:88px !important;
  min-width:88px !important;
  height:34px !important;
  padding:4px 7px !important;
  box-sizing:border-box !important;
  border:1px solid #656b74 !important;
  border-radius:6px !important;
  background-color:#25282e !important;
  background-size:72px auto !important;
  background-origin:content-box !important;
  background-clip:border-box !important;
  box-shadow:inset 0 1px rgba(255,255,255,.08) !important;
}
html body.portal-body #cashMovementForm .payment-methods button.active {
  box-shadow:none !important;
}

/* Fund control is supporting legal copy at the end of the transaction form,
   rather than a competing feature card beside the withdrawal/deposit flow. */
html body.portal-body .funding-layout {
  grid-template-columns:minmax(0,1fr) !important;
}
html body.portal-body .funding-assurance {
  width:100% !important;
  margin:18px 0 0 !important;
  padding:13px 0 0 !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:7px 12px !important;
  color:#aeb3ba !important;
  border:0 !important;
  border-top:1px solid #444950 !important;
  border-radius:0 !important;
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}
html body.portal-body .funding-assurance > :is(span,h3,p) {
  grid-column:1 / -1 !important;
  margin:0 !important;
}
html body.portal-body .funding-assurance > span {
  color:#3183ff !important;
  font-size:7px !important;
  font-weight:900 !important;
  letter-spacing:.12em !important;
}
html body.portal-body .funding-assurance > h3 {
  color:#d7dade !important;
  font-size:10px !important;
  line-height:1.3 !important;
}
html body.portal-body .funding-assurance > p {
  color:#949aa2 !important;
  font-size:8px !important;
  line-height:1.5 !important;
}
html body.portal-body .funding-assurance > div {
  min-width:0 !important;
  padding:6px 0 0 !important;
  display:grid !important;
  grid-template-columns:15px minmax(0,1fr) !important;
  gap:5px !important;
  align-items:start !important;
  border:0 !important;
  border-top:1px solid #3e434a !important;
  background:transparent !important;
}
html body.portal-body .funding-assurance > div > i {
  width:15px !important;
  height:15px !important;
  display:grid !important;
  place-items:center !important;
  color:#3183ff !important;
  border:0 !important;
  background:transparent !important;
  font-size:7px !important;
  font-style:normal !important;
}
html body.portal-body .funding-assurance > div b { font-size:8px !important; }
html body.portal-body .funding-assurance > div small {
  color:#9298a0 !important;
  font-size:7px !important;
  line-height:1.4 !important;
}

/* Long catalogues remain visibly scrollable. The API delivers 50 FX pairs,
   100 shares, 20 indices, 20 cryptocurrencies and 20 commodities. */
html .terminal-shell .market-table {
  min-height:0 !important;
  flex:1 1 auto !important;
  overflow-x:hidden !important;
  overflow-y:scroll !important;
  overscroll-behavior:contain !important;
  scrollbar-gutter:stable !important;
}

/* Staff mobile headers and the client header display the mark, never a
   cramped section word such as “Resumen”. */
html body[data-staff-role] .staff-top-brand { display:none; }

@media (max-width:760px) {
  html body:has(.terminal-shell) .modal-backdrop.open {
    align-items:flex-start !important;
    justify-content:center !important;
    padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom)) !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
  }
  html body:has(.terminal-shell) .order-ticket {
    max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
    margin:0 auto !important;
    padding:16px !important;
    scroll-padding-top:62px !important;
  }
  html body:has(.terminal-shell) .order-ticket > header {
    position:sticky !important;
    z-index:6 !important;
    top:-16px !important;
    margin:-16px -16px 10px !important;
    padding:14px 16px 10px !important;
    align-items:flex-start !important;
    border-bottom:1px solid #3f444b !important;
    background:#202329 !important;
  }
  html body:has(.terminal-shell) .order-ticket .close-modal {
    position:relative !important;
    z-index:7 !important;
  }

  html .terminal-shell .toolbar-menu:not([hidden]) {
    position:fixed !important;
    z-index:980 !important;
    top:calc(98px + env(safe-area-inset-top)) !important;
    left:50% !important;
    right:auto !important;
    bottom:auto !important;
    width:min(380px,calc(100vw - 20px)) !important;
    max-width:calc(100vw - 20px) !important;
    max-height:calc(100dvh - 168px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
    margin:0 !important;
    padding:7px !important;
    transform:translateX(-50%) !important;
    transform-origin:top center !important;
  }
  html .terminal-shell .toolbar-menu > header {
    min-height:48px !important;
    padding:8px 9px !important;
  }
  html .terminal-shell .option-menu > button {
    min-height:52px !important;
    padding:7px 8px !important;
    grid-template-columns:34px minmax(0,1fr) !important;
    gap:9px !important;
  }
  html .terminal-shell .option-menu > button > i {
    width:34px !important;
    min-width:34px !important;
    height:34px !important;
  }
  html .terminal-shell .tool-use-guide {
    margin:5px 6px !important;
    padding:8px !important;
  }

  html .terminal-shell .top-avatar {
    width:34px !important;
    min-width:34px !important;
    height:32px !important;
    min-height:32px !important;
    padding:1px !important;
  }
  html .terminal-shell .top-client-initials {
    width:27px !important;
    min-width:27px !important;
    height:27px !important;
    min-height:27px !important;
  }

  html .terminal-shell.mobile-view-markets .market-sidebar {
    height:calc(100dvh - 66px - env(safe-area-inset-bottom)) !important;
    max-height:calc(100dvh - 66px - env(safe-area-inset-bottom)) !important;
    display:flex !important;
    flex-direction:column !important;
    overflow:hidden !important;
  }
  html .terminal-shell.mobile-view-markets .market-table {
    padding-bottom:calc(64px + env(safe-area-inset-bottom)) !important;
    scroll-padding-bottom:calc(64px + env(safe-area-inset-bottom)) !important;
  }

  html body.portal-body .portal-top {
    grid-template-columns:40px minmax(0,1fr) !important;
  }
  html body.portal-body .portal-section-heading { display:none !important; }
  html body.portal-body .portal-top-brand {
    grid-column:1 !important;
    display:grid !important;
  }
  html body.portal-body .portal-user { grid-column:2 !important; }

  html body.portal-body #cashMovementForm [data-payment-method="card"] > .funding-method-visual {
    width:72px !important;
    min-width:72px !important;
    height:29px !important;
    padding:3px 5px !important;
    background-size:60px auto !important;
  }
  html body.portal-body .funding-assurance {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:6px 10px !important;
  }

  html body[data-staff-role] .staff-top {
    grid-template-columns:36px 36px minmax(0,1fr) auto !important;
    gap:6px !important;
    align-items:center !important;
  }
  html body[data-staff-role] .staff-top-brand {
    width:34px !important;
    height:34px !important;
    display:grid !important;
    place-items:center !important;
    border:0 !important;
    border-radius:7px !important;
    background:transparent !important;
  }
  html body[data-staff-role] .staff-top-brand img {
    width:29px !important;
    height:29px !important;
    display:block !important;
    object-fit:contain !important;
  }
  html body[data-staff-role] .staff-section-heading { display:none !important; }
  html body[data-staff-role] .staff-top > .vm-language-switcher { margin-left:auto !important; }
}

@media (max-width:390px) {
  html body.portal-body .funding-assurance {
    grid-template-columns:1fr !important;
  }
}

/* v58 · Infrequent client actions remain available without occupying the dossier. */
html body[data-staff-role] .client-action-disclosure {
  width:100% !important;
  min-width:0 !important;
  border:1px solid #494e56 !important;
  border-radius:10px !important;
  background:#20242a !important;
  overflow:hidden !important;
  box-shadow:none !important;
}
html body[data-staff-role] .client-action-disclosure > summary {
  min-height:64px !important;
  padding:10px 14px !important;
  display:grid !important;
  grid-template-columns:38px minmax(0,1fr) auto 18px !important;
  align-items:center !important;
  gap:11px !important;
  color:#fff !important;
  cursor:pointer !important;
  list-style:none !important;
  user-select:none !important;
}
html body[data-staff-role] .client-action-disclosure > summary::-webkit-details-marker { display:none !important; }
html body[data-staff-role] .client-action-disclosure > summary:focus-visible {
  outline:0 !important;
  box-shadow:inset 0 0 0 2px var(--vm-action) !important;
}
html body[data-staff-role] .client-action-disclosure > summary > i {
  width:36px !important;
  height:36px !important;
  display:grid !important;
  place-items:center !important;
  color:#fff !important;
  border:1px solid #555b63 !important;
  border-radius:9px !important;
  background:#34383f !important;
}
html body[data-staff-role] .client-action-disclosure > summary > i .ui-icon {
  width:19px !important;
  height:19px !important;
}
html body[data-staff-role] .client-action-disclosure > summary > span {
  min-width:0 !important;
  display:grid !important;
  gap:3px !important;
}
html body[data-staff-role] .client-action-disclosure > summary small {
  color:#60a0ff !important;
  font-size:8px !important;
  font-weight:900 !important;
  letter-spacing:.09em !important;
}
html body[data-staff-role] .client-action-disclosure > summary b {
  color:#fff !important;
  font-size:13px !important;
}
html body[data-staff-role] .client-action-disclosure > summary em {
  color:#aeb4bc !important;
  font-size:10px !important;
  font-style:normal !important;
}
html body[data-staff-role] .client-action-disclosure > summary > strong {
  width:18px !important;
  height:18px !important;
  display:grid !important;
  place-items:center !important;
  color:#c9cdd2 !important;
  transition:transform .18s ease !important;
}
html body[data-staff-role] .client-action-disclosure > summary > strong .ui-icon {
  width:15px !important;
  height:15px !important;
}
html body[data-staff-role] .client-action-disclosure[open] > summary {
  border-bottom:1px solid #444950 !important;
  background:#282c32 !important;
}
html body[data-staff-role] .client-action-disclosure[open] > summary > strong {
  transform:rotate(180deg) !important;
}
html body[data-staff-role] .client-action-disclosure-body {
  padding:18px !important;
  background:#24282e !important;
}
html body[data-staff-role] .manual-funds-disclosure > .manual-funds-form {
  width:100% !important;
  margin:0 !important;
  padding:18px !important;
  border:0 !important;
  border-radius:0 !important;
  background:#24282e !important;
  box-shadow:none !important;
}
html body[data-staff-role] .manual-funds-disclosure > .manual-funds-form > p {
  margin:0 0 18px !important;
}

@media (max-width:620px) {
  html body[data-staff-role] .client-action-disclosure > summary {
    grid-template-columns:36px minmax(0,1fr) 16px !important;
  }
  html body[data-staff-role] .client-action-disclosure > summary > em { display:none !important; }
  html body[data-staff-role] .client-action-disclosure-body,
  html body[data-staff-role] .manual-funds-disclosure > .manual-funds-form {
    padding:15px !important;
  }
}

/* v49 · The catalogue begins below the category rail. Both surfaces keep
   their own flex slot, so the first asset can never cover a market option. */
html .terminal-shell .market-tabs {
  position:relative !important;
  z-index:4 !important;
  flex:0 0 auto !important;
  margin-bottom:8px !important;
  background:#1d2025 !important;
}
html .terminal-shell .market-table {
  position:relative !important;
  z-index:1 !important;
  padding-top:5px !important;
  border-top:1px solid #3f444b !important;
  isolation:isolate !important;
}

@media (max-width:760px) {
  html .terminal-shell .market-tabs {
    margin-bottom:7px !important;
    padding-bottom:7px !important;
  }
  html .terminal-shell.mobile-view-markets .market-table {
    padding-top:6px !important;
  }
}

/* v50 · A clearer graphite chart uses truly black grid lines. Account level
   crowns are deliberately independent from the commercial plan so benefits,
   leverage and swap rules can be connected later without changing the UI. */
html .terminal-shell .terminal-chart {
  background:#202328 !important;
}
html .terminal-shell .chart-stage {
  background:#292c31 !important;
  background-image:none !important;
}
html .terminal-shell .chart-stage canvas {
  background:transparent !important;
}

html .client-tier-avatar {
  position:relative !important;
  isolation:isolate !important;
}
html .client-tier-avatar .account-tier-crown {
  position:absolute !important;
  z-index:3 !important;
  top:2px !important;
  left:50% !important;
  width:18px !important;
  height:14px !important;
  display:grid !important;
  place-items:center !important;
  transform:translateX(-50%) !important;
  color:#f7f7f4 !important;
  filter:drop-shadow(0 1px 1px #000) !important;
  pointer-events:none !important;
}
html .client-tier-avatar .account-tier-crown svg {
  width:100% !important;
  height:100% !important;
  display:block !important;
  overflow:visible !important;
}
html .client-tier-avatar .account-tier-crown svg path:first-child {
  fill:currentColor !important;
  stroke:currentColor !important;
  stroke-width:.7 !important;
  stroke-linejoin:round !important;
}
html .client-tier-avatar .account-tier-crown svg path:last-child {
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:2 !important;
  stroke-linecap:round !important;
}
html .client-tier-avatar .account-avatar-initials {
  position:relative !important;
  z-index:2 !important;
  display:grid !important;
  place-items:center !important;
  color:inherit !important;
  font-style:normal !important;
  transform:translateY(5px) !important;
}
html .client-tier-avatar .account-tier-crown.tier-silver { color:#fff !important; }
html .client-tier-avatar .account-tier-crown.tier-gold { color:#ffe25a !important; }
html .client-tier-avatar .account-tier-crown.tier-platinum { color:#d8a83f !important; }
html .client-tier-avatar .account-tier-crown.tier-diamond { color:#56baff !important; }
html .client-tier-avatar .account-tier-crown.tier-exclusive { color:#d6a8ff !important; }
html .client-tier-avatar.account-tier-pending .account-tier-crown {
  opacity:.86 !important;
  filter:grayscale(.25) drop-shadow(0 1px 1px #000) !important;
}
html .client-tier-avatar.account-tier-pending .account-tier-crown::after {
  content:"" !important;
  position:absolute !important;
  right:-2px !important;
  bottom:0 !important;
  width:4px !important;
  height:4px !important;
  border:1px solid #202329 !important;
  border-radius:50% !important;
  background:#f4b942 !important;
}
html body[data-staff-role] .client-avatar.client-tier-avatar {
  overflow:hidden !important;
}
html body[data-staff-role] .client-avatar.client-tier-avatar .account-tier-crown {
  top:5px !important;
  width:24px !important;
  height:18px !important;
}
html body[data-staff-role] .client-avatar.client-tier-avatar .account-avatar-initials {
  transform:translateY(7px) !important;
}
html body[data-staff-role] .client-tier-name {
  display:block !important;
  margin:-7px 0 11px !important;
  color:#aeb4bc !important;
  font-size:7px !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-align:center !important;
}

html body.portal-body .portal-user-trigger {
  position:relative !important;
  overflow:hidden !important;
}

html .terminal-shell .timeframe-grid {
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}

@media (max-width:760px) {
  html .client-tier-avatar .account-tier-crown {
    top:2px !important;
    width:17px !important;
    height:13px !important;
  }
  html .terminal-shell .timeframe-menu:not([hidden]) {
    max-height:calc(100dvh - 150px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
    overflow-y:auto !important;
  }
}

/* v58 · Secondary administration settings stay compact until they are needed. */
html body[data-staff-role] .admin-config-disclosure {
  width:100% !important;
  margin:6px 0 0 !important;
  overflow:hidden !important;
  border:1px solid #42474f !important;
  border-radius:11px !important;
  background:#20242a !important;
  box-shadow:none !important;
}
html body[data-staff-role] .admin-config-disclosure > summary {
  min-height:62px !important;
  padding:12px 14px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 28px !important;
  align-items:center !important;
  gap:14px !important;
  cursor:pointer !important;
  list-style:none !important;
  user-select:none !important;
}
html body[data-staff-role] .admin-config-disclosure > summary::-webkit-details-marker {
  display:none !important;
}
html body[data-staff-role] .admin-config-disclosure > summary:focus-visible {
  outline:0 !important;
  box-shadow:inset 0 0 0 2px var(--vm-action) !important;
}
html body[data-staff-role] .admin-config-disclosure > summary > span {
  min-width:0 !important;
  display:block !important;
  overflow-wrap:anywhere !important;
}
html body[data-staff-role] .admin-config-disclosure > summary small {
  display:block !important;
  margin:0 0 4px !important;
  color:var(--vm-action) !important;
  font-size:9px !important;
  font-weight:900 !important;
  letter-spacing:.12em !important;
}
html body[data-staff-role] .admin-config-disclosure > summary b {
  display:block !important;
  margin:0 !important;
  color:#f4f5f7 !important;
  font-size:14px !important;
  line-height:1.25 !important;
}
html body[data-staff-role] .admin-config-disclosure > summary > strong {
  width:28px !important;
  height:28px !important;
  display:grid !important;
  place-items:center !important;
  color:#c7cbd1 !important;
  border:1px solid #4a5058 !important;
  border-radius:8px !important;
  background:#2d3239 !important;
  transition:transform .18s ease !important;
}
html body[data-staff-role] .admin-config-disclosure > summary > strong .ui-icon {
  width:16px !important;
  height:16px !important;
}
html body[data-staff-role] .admin-config-disclosure[open] > summary {
  background:#272b31 !important;
}
html body[data-staff-role] .admin-config-disclosure[open] > summary > strong {
  color:#fff !important;
  border-color:var(--vm-action) !important;
  background:var(--vm-action) !important;
  transform:rotate(180deg) !important;
}
html body[data-staff-role] .admin-config-disclosure-body {
  padding:16px !important;
  border-top:1px solid #3d4249 !important;
  background:#24282e !important;
}
html body[data-staff-role] .admin-config-disclosure-body > p {
  margin:0 0 14px !important;
  color:#aeb4bc !important;
  line-height:1.55 !important;
}
html body[data-staff-role] .admin-policy-note {
  margin:14px 0 !important;
  padding:12px 14px !important;
  display:flex !important;
  align-items:flex-start !important;
  gap:11px !important;
  border:1px solid color-mix(in srgb,var(--vm-action) 34%,#454b53) !important;
  border-radius:10px !important;
  background:color-mix(in srgb,var(--vm-action) 7%,#20242a) !important;
}
html body[data-staff-role] .admin-policy-note > i {
  width:30px !important;
  height:30px !important;
  flex:0 0 30px !important;
  display:grid !important;
  place-items:center !important;
  color:#fff !important;
  border-radius:8px !important;
  background:var(--vm-action) !important;
}
html body[data-staff-role] .admin-policy-note > i .ui-icon {
  width:17px !important;
  height:17px !important;
}
html body[data-staff-role] .admin-policy-note > span {
  min-width:0 !important;
  display:grid !important;
  gap:3px !important;
}
html body[data-staff-role] .admin-policy-note b {
  color:#f5f6f8 !important;
  font-size:12px !important;
}
html body[data-staff-role] .admin-policy-note small {
  color:#aeb4bc !important;
  font-size:10px !important;
  line-height:1.45 !important;
}
html body[data-staff-role] .admin-config-disclosure-body .form-grid {
  margin:0 !important;
}
@media (max-width:620px) {
  html body[data-staff-role] .admin-config-disclosure > summary {
    min-height:58px !important;
    padding:10px 12px !important;
    gap:10px !important;
  }
  html body[data-staff-role] .admin-config-disclosure > summary b {
    font-size:13px !important;
  }
  html body[data-staff-role] .admin-config-disclosure-body {
    padding:12px !important;
  }
}

/* v52 · Registration has one deliberate reading order. The explanatory
   panel and form keep independent columns on wide screens, then stack before
   either side becomes cramped. No child can widen the page. */
html body.registration-body {
  width:100% !important;
  max-width:100% !important;
  overflow-x:hidden !important;
}
html body.registration-body .registration-layout {
  width:min(1180px,calc(100% - 40px)) !important;
  max-width:1180px !important;
  margin:0 auto !important;
  padding:48px 0 76px !important;
  display:grid !important;
  grid-template-columns:minmax(300px,380px) minmax(0,1fr) !important;
  gap:24px !important;
  align-items:start !important;
  box-sizing:border-box !important;
}
html body.registration-body .registration-layout > * {
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}
html body.registration-body .registration-intro {
  position:sticky !important;
  top:92px !important;
  padding:30px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  border:1px solid #c5c9ce !important;
  border-radius:12px !important;
  background:#f4f5f6 !important;
  box-shadow:0 14px 34px rgba(26,30,35,.08) !important;
}
html body.registration-body .registration-intro > a:first-child {
  width:max-content !important;
  max-width:100% !important;
  margin:0 0 28px !important;
  color:#52606b !important;
  font-size:12px !important;
  text-decoration:none !important;
}
html body.registration-body .registration-intro > span {
  margin:0 0 10px !important;
  color:#0050c9 !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.14em !important;
}
html body.registration-body .registration-intro > h2 {
  max-width:330px !important;
  margin:0 0 24px !important;
  color:#20242a !important;
  font-size:clamp(34px,3.4vw,46px) !important;
  line-height:1.02 !important;
  letter-spacing:-.045em !important;
  overflow-wrap:normal !important;
}
html body.registration-body .registration-steps {
  margin:0 !important;
  padding:0 !important;
  display:grid !important;
  gap:9px !important;
  list-style:none !important;
}
html body.registration-body .registration-steps > li {
  min-width:0 !important;
  min-height:68px !important;
  padding:12px !important;
  display:grid !important;
  grid-template-columns:38px minmax(0,1fr) !important;
  gap:12px !important;
  align-items:center !important;
  border:1px solid #d2d5d8 !important;
  border-radius:8px !important;
  background:#fff !important;
}
html body.registration-body .registration-steps > li > b {
  width:38px !important;
  height:38px !important;
  display:grid !important;
  place-items:center !important;
  color:#fff !important;
  border-radius:7px !important;
  background:#30343a !important;
  font-size:14px !important;
}
html body.registration-body .registration-steps > li > span {
  min-width:0 !important;
  display:grid !important;
  gap:4px !important;
}
html body.registration-body .registration-steps strong {
  color:#20242a !important;
  font-size:13px !important;
  line-height:1.25 !important;
}
html body.registration-body .registration-steps small {
  color:#656c74 !important;
  font-size:11px !important;
  line-height:1.4 !important;
}
html body.registration-body .registration-note {
  margin:20px 0 0 !important;
  padding:15px 0 0 !important;
  color:#656c74 !important;
  border-top:1px solid #d2d5d8 !important;
  font-size:11px !important;
  line-height:1.55 !important;
}
html body.registration-body .registration-panel,
html body.registration-body .registration-success {
  padding:32px !important;
  border:1px solid #c5c9ce !important;
  border-radius:12px !important;
  background:#f7f8f9 !important;
  box-shadow:0 14px 34px rgba(26,30,35,.08) !important;
}
html body.registration-body .registration-panel > header {
  max-width:630px !important;
  margin:0 0 26px !important;
}
html body.registration-body .registration-panel > header h1 {
  margin:8px 0 10px !important;
  color:#20242a !important;
  font-size:clamp(30px,4vw,46px) !important;
  line-height:1.04 !important;
}
html body.registration-body .registration-form {
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:16px !important;
}
html body.registration-body .registration-form > * { min-width:0 !important; }
html body.registration-body .registration-form label {
  align-content:start !important;
}
html body.registration-body .registration-form :is(input,select) {
  max-width:100% !important;
  box-sizing:border-box !important;
}
html body.registration-body .registration-consent,
html body.registration-body .registration-form > button {
  grid-column:1 / -1 !important;
}

@media (max-width:960px) {
  html body.registration-body .registration-layout {
    width:min(760px,calc(100% - 32px)) !important;
    padding:32px 0 64px !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:18px !important;
  }
  html body.registration-body .registration-intro {
    position:static !important;
    top:auto !important;
  }
  html body.registration-body .registration-intro > h2 {
    max-width:620px !important;
  }
  html body.registration-body .registration-steps {
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
  html body.registration-body .registration-steps > li {
    min-height:124px !important;
    align-content:start !important;
    grid-template-columns:1fr !important;
  }
}

@media (max-width:620px) {
  html body.registration-body .registration-layout {
    width:100% !important;
    padding:12px 12px 48px !important;
    gap:12px !important;
  }
  html body.registration-body .registration-intro,
  html body.registration-body .registration-panel,
  html body.registration-body .registration-success {
    padding:22px 18px !important;
    border-radius:10px !important;
  }
  html body.registration-body .registration-intro > a:first-child {
    margin-bottom:22px !important;
  }
  html body.registration-body .registration-intro > h2 {
    margin-bottom:19px !important;
    font-size:clamp(32px,10vw,40px) !important;
  }
  html body.registration-body .registration-steps {
    grid-template-columns:1fr !important;
  }
  html body.registration-body .registration-steps > li {
    min-height:64px !important;
    grid-template-columns:36px minmax(0,1fr) !important;
    align-content:center !important;
  }
  html body.registration-body .registration-steps > li > b {
    width:36px !important;
    height:36px !important;
  }
  html body.registration-body .registration-note {
    margin-top:16px !important;
  }
  html body.registration-body .registration-panel > header {
    margin-bottom:22px !important;
  }
  html body.registration-body .registration-panel > header h1 {
    font-size:clamp(29px,9vw,38px) !important;
  }
  html body.registration-body .registration-form {
    grid-template-columns:minmax(0,1fr) !important;
    gap:14px !important;
  }
  html body.registration-body .registration-consent,
  html body.registration-body .registration-form > button {
    grid-column:1 !important;
  }
}

/* v55 · Graphite/red product language and explicit administrator controls. */
:root {
  --vm-action:#005fed;
  --vm-action-hover:#3183ff;
  --vm-action-deep:#004ab9;
  --vm-surface:#24272d;
  --vm-surface-raised:#2c3036;
  --vm-border:#484d55;
}

/* Remove the verbose legacy notices the product no longer displays. */
html body :is(.footer-risk,.footer-disclosures,.lp-footer-risk,.lp-footer-disclosures),
html body.portal-body :is(.funding-assurance,.funding-safety,.crypto-wallets) {
  display:none !important;
}

/* One action color across public pages, client portal, staff tools and the
   trading terminal. Green remains reserved for buy/profit states. */
html body.public-info-body :is(.public-primary,.public-open,.support-widget form button),
html body.landing-body :is(.nav-primary,.hero-primary,.final-cta>a,.lp-home-account>a,.lp-home-support>a),
html body.login-body .login-submit,
html body.portal-body :is(.primary-action,.deposit-button),
html body[data-staff-role] :is(button.primary,a.primary),
html body:has(.terminal-shell) :is(.submit-order,.position-close,.market-tabs button.active) {
  color:#fff !important;
  border-color:var(--vm-action) !important;
  background:var(--vm-action) !important;
  background-image:none !important;
  box-shadow:none !important;
}
html body.public-info-body :is(.public-primary,.public-open,.support-widget form button):hover,
html body.landing-body :is(.nav-primary,.hero-primary,.final-cta>a,.lp-home-account>a,.lp-home-support>a):hover,
html body.login-body .login-submit:hover,
html body.portal-body :is(.primary-action,.deposit-button):hover,
html body[data-staff-role] :is(button.primary,a.primary):hover,
html body:has(.terminal-shell) :is(.submit-order,.position-close):hover {
  background:var(--vm-action-hover) !important;
  border-color:var(--vm-action-hover) !important;
}
html body:has(.terminal-shell) .quote-button.sell {
  color:#fff !important;
  border-color:var(--vm-action) !important;
  background:var(--vm-action) !important;
}
html body:has(.terminal-shell) .quote-button.buy {
  color:#fff !important;
  border-color:#237f67 !important;
  background:#237f67 !important;
}
html body :is(button,a,input,select,textarea):focus-visible {
  outline:2px solid var(--vm-action) !important;
  outline-offset:2px !important;
  box-shadow:none !important;
}

/* Public payment marks now belong to the graphite/red brand instead of the
   retired cyan system. */
html body.public-info-body .footer-payments > div > span,
html body.landing-body .lp-footer-payments header > b {
  color:#3183ff !important;
}
html body.public-info-body .footer-payments a,
html body.landing-body .lp-footer-payments a {
  color:#f5f6f7 !important;
  border-color:#4b5058 !important;
  background:#272a30 !important;
  box-shadow:none !important;
}
html body.public-info-body .footer-payments a:hover,
html body.landing-body .lp-footer-payments a:hover {
  border-color:var(--vm-action) !important;
  background:#30272c !important;
}
html body.public-info-body .footer-legal-compact,
html body.landing-body .lp-footer-copy {
  display:block !important;
  padding-top:18px !important;
  color:#9da3aa !important;
  border-top:1px solid #454a52 !important;
  line-height:1.6 !important;
}
html body :is(.footer-legal-compact,.lp-footer-copy) a {
  color:#f1f2f4 !important;
}

/* The desktop WebTrader action is a real product launcher, with a generous
   hit area, clear icon and directional cue. */
html body.portal-body .portal-trade-persistent {
  position:relative !important;
  min-width:264px !important;
  min-height:56px !important;
  padding:8px 42px 8px 9px !important;
  grid-template-columns:40px minmax(0,1fr) !important;
  gap:2px 12px !important;
  color:#fff !important;
  border:1px solid #5d626a !important;
  border-left:3px solid var(--vm-action) !important;
  border-radius:11px !important;
  background:linear-gradient(135deg,#30343a,#24272d) !important;
  box-shadow:0 8px 22px rgba(0,0,0,.18) !important;
  transition:border-color .18s ease,transform .18s ease,background .18s ease !important;
}
html body.portal-body .portal-trade-persistent::after {
  content:none !important;
}
html body.portal-body .portal-trade-persistent .trade-launch-arrow {
  position:absolute !important;
  right:13px !important;
  top:50% !important;
  width:22px !important;
  height:22px !important;
  display:grid !important;
  place-items:center !important;
  color:#3183ff !important;
  transform:translateY(-50%) !important;
}
html body.portal-body .portal-trade-persistent .trade-launch-arrow .ui-icon {
  width:19px !important;
  height:19px !important;
  stroke-width:2.2 !important;
}
html body.portal-body .portal-trade-persistent:hover {
  border-color:var(--vm-action) !important;
  background:linear-gradient(135deg,#383037,#282a30) !important;
  transform:translateY(-1px) !important;
}
html body.portal-body .portal-trade-persistent .trade-launch-icon {
  width:40px !important;
  height:40px !important;
  color:#fff !important;
  border:0 !important;
  border-radius:9px !important;
  background:linear-gradient(145deg,var(--vm-action-hover),var(--vm-action-deep)) !important;
  box-shadow:none !important;
}
html body.portal-body .portal-trade-persistent > span {
  color:#fff !important;
  font-size:12px !important;
  letter-spacing:.01em !important;
}
html body.portal-body .portal-trade-persistent > small {
  color:#b8bdc4 !important;
  font-size:9px !important;
}

html .terminal-shell .closed-price-arrow {
  width:18px !important;
  height:18px !important;
  display:inline-grid !important;
  place-items:center !important;
}
html .terminal-shell .closed-price-arrow .ui-icon {
  width:14px !important;
  height:14px !important;
  stroke-width:2 !important;
}

/* Profile and KYC are visibly one area while preserving separate server-side
   decisions for document approval and permission to trade. */
html body.portal-body .profile-section-nav {
  margin:0 0 26px !important;
  padding:5px !important;
  display:inline-flex !important;
  gap:4px !important;
  border:1px solid var(--vm-border) !important;
  border-radius:12px !important;
  background:#24272d !important;
}
html body.portal-body .profile-section-nav a {
  min-height:38px !important;
  padding:0 15px !important;
  display:inline-flex !important;
  align-items:center !important;
  color:#c4c8ce !important;
  border-radius:8px !important;
  text-decoration:none !important;
  font-size:11px !important;
  font-weight:800 !important;
}
html body.portal-body .profile-section-nav a:is(.active,:hover) {
  color:#fff !important;
  background:#34383f !important;
  box-shadow:inset 3px 0 var(--vm-action) !important;
}
html body.portal-body .profile-kyc-section {
  padding-top:8px !important;
  scroll-margin-top:92px !important;
}
html body.portal-body .kyc-control-grid article,
html body.portal-body .kyc-workflow,
html body.portal-body .kyc-document,
html body.portal-body .kyc-upload-form label {
  border-color:var(--vm-border) !important;
  background:#25282e !important;
  background-image:none !important;
  box-shadow:none !important;
}
html body.portal-body .kyc-document > i,
html body.portal-body .kyc-control-grid article > i {
  color:#fff !important;
  background:#3a3e45 !important;
  box-shadow:inset 0 -2px var(--vm-action) !important;
}
html body.portal-body .kyc-document.approved > i,
html body.portal-body .kyc-control-grid article.operating > i {
  background:#237f67 !important;
  box-shadow:none !important;
}
html body.portal-body .kyc-control-grid article.restricted > i,
html body.portal-body .kyc-document.rejected > i {
  background:var(--vm-action) !important;
  box-shadow:none !important;
}
html body.portal-body .kyc-upload-form input::file-selector-button {
  margin-right:10px !important;
  padding:8px 11px !important;
  color:#fff !important;
  border:0 !important;
  border-radius:7px !important;
  background:var(--vm-action) !important;
  font-weight:800 !important;
  cursor:pointer !important;
}

/* Deposit/withdrawal data is presented as a clean form; the previous wallet
   notice and explanatory control-of-funds block are intentionally absent. */
html body.portal-body .crypto-deposit-address {
  margin-top:16px !important;
  padding:14px 16px !important;
  display:grid !important;
  gap:7px !important;
  border:1px solid var(--vm-border) !important;
  border-left:3px solid var(--vm-action) !important;
  border-radius:10px !important;
  background:#25282e !important;
}
html body.portal-body .crypto-deposit-address > small {
  color:#3183ff !important;
  font-size:8px !important;
  font-weight:900 !important;
  letter-spacing:.11em !important;
}
html body.portal-body .crypto-deposit-address > span {
  color:#f3f4f5 !important;
  font-family:ui-monospace,SFMono-Regular,Consolas,monospace !important;
  font-size:11px !important;
  overflow-wrap:anywhere !important;
}
html body.portal-body #cashMovementForm .payment-methods button {
  color:#d0d3d7 !important;
}
html body.portal-body #cashMovementForm .payment-methods button:is(:hover,.active) {
  color:#fff !important;
  border-bottom-color:var(--vm-action) !important;
  background:linear-gradient(180deg,transparent,rgba(0,95,237,.08)) !important;
  box-shadow:none !important;
}
html body.portal-body #cashMovementForm .payment-methods button > :is(i,.nav-icon) {
  color:#3183ff !important;
  border-color:#565b63 !important;
  background-color:#2c3036 !important;
  box-shadow:none !important;
}

/* Staff actions and selected navigation no longer fall back to the old blue
   palette. */
html body[data-staff-role] :is(.staff-sidebar nav a.active,.client-detail-tabs a.active) {
  color:#fff !important;
  border-color:#555a62 !important;
  background:#30343a !important;
  background-image:none !important;
  box-shadow:inset 3px 0 var(--vm-action) !important;
}
html body[data-staff-role] :is(.staff-sidebar nav a.active i,.staff-card header a,.client-back a) {
  color:#3183ff !important;
}
html body[data-staff-role] :is(.staff-heading>div>span,.staff-card header small,.client-form-section header small,.client-detail-card header small) {
  color:#3183ff !important;
}

/* Secondary actions are neutral graphite. Selected controls use the brand red;
   the only semantic exception is buying/profit, which remains restrained green. */
html body.public-info-body :is(.public-secondary,.public-header .public-login,.support-page-layout > aside > a),
html body.landing-body :is(.nav-login,.hero-secondary,.lp-nav-group > button,.lp-menu-toggle),
html body.portal-body :is(.ghost-action,.portal-account-menu a,.portal-account-logout,.settings-card button),
html body[data-staff-role] :is(button.ghost,a.ghost,.note-card header button),
html body:has(.terminal-shell) :is(.utility-button,.round-button,.chart-tool,.chart-action,.toolbar-menu button,.order-types button,.close-presets button,.table-tabs button,.logout-button,.reset-account) {
  color:#e5e7ea !important;
  border-color:#50555d !important;
  background:#2a2e34 !important;
  background-image:none !important;
  box-shadow:none !important;
}
html body.portal-body :is(.portal-sidebar nav a.active,.portal-account-menu a.active,.portal-mobile-nav a.active),
html body:has(.terminal-shell) :is(.chart-tool.active,.chart-action.active,.toolbar-menu button.active,.timeframe-grid button.active,.order-types button.active,.close-presets button.active,.table-tabs button.active,.mobile-app-nav button.active) {
  color:#fff !important;
  border-color:var(--vm-action) !important;
  background:#34272d !important;
  background-image:none !important;
  box-shadow:inset 0 -3px var(--vm-action) !important;
}
html body:has(.terminal-shell) .buy-sell button {
  color:#d7dade !important;
  border-color:#50555d !important;
  background:#24272d !important;
  box-shadow:none !important;
}
html body:has(.terminal-shell) .buy-sell button[data-side="buy"].active {
  color:#fff !important;
  border-color:#237f67 !important;
  background:#237f67 !important;
}
html body:has(.terminal-shell) .buy-sell button[data-side="sell"].active {
  color:#fff !important;
  border-color:var(--vm-action) !important;
  background:var(--vm-action) !important;
}
html body[data-staff-role] button.danger,
html body:has(.terminal-shell) :is(.danger-tool,.position-close) {
  color:#fff !important;
  border-color:var(--vm-action) !important;
  background:var(--vm-action) !important;
  background-image:none !important;
  box-shadow:none !important;
}
html body:has(.terminal-shell) :is(.toolbar-menu,.order-ticket,.account-popover) {
  border-color:#555a62 !important;
  background:#22252a !important;
  box-shadow:0 18px 45px rgba(0,0,0,.38) !important;
}
html body:has(.terminal-shell) :is(input,select,textarea):focus,
html body.portal-body :is(input,select,textarea):focus,
html body[data-staff-role] :is(input,select,textarea):focus {
  border-color:var(--vm-action) !important;
  box-shadow:none !important;
}

@media (max-width:760px) {
  html body.portal-body .profile-section-nav {
    width:100% !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
  }
  html body.portal-body .profile-section-nav a {
    justify-content:center !important;
    text-align:center !important;
  }
}

@media (max-width:380px) {
  html body.registration-body .registration-layout { padding-inline:8px !important; }
  html body.registration-body .registration-intro,
  html body.registration-body .registration-panel,
  html body.registration-body .registration-success { padding:19px 15px !important; }
  html body.registration-body .registration-intro > h2 { font-size:30px !important; }
}

/* v53 · Soft registration surfaces replace the table-like outlines. */
html body.registration-body .registration-intro,
html body.registration-body .registration-panel,
html body.registration-body .registration-success {
  border:0 !important;
  border-radius:18px !important;
  background:#f8f9fa !important;
  box-shadow:0 16px 42px rgba(32,36,42,.09) !important;
}
html body.registration-body .registration-steps {
  gap:11px !important;
}
html body.registration-body .registration-steps > li {
  border:0 !important;
  border-radius:11px !important;
  background:#eceff2 !important;
  box-shadow:0 3px 10px rgba(32,36,42,.045) !important;
}
html body.registration-body .registration-steps > li > b {
  border:0 !important;
  border-radius:9px !important;
  background:#30343a !important;
  box-shadow:none !important;
}
html body.registration-body .registration-note {
  margin-top:18px !important;
  padding:15px 16px !important;
  border:0 !important;
  border-radius:10px !important;
  background:#eceff2 !important;
}

@media (max-width:620px) {
  html body.registration-body .registration-intro,
  html body.registration-body .registration-panel,
  html body.registration-body .registration-success {
    border-radius:14px !important;
    box-shadow:0 10px 28px rgba(32,36,42,.08) !important;
  }
}

/* v54 · One spacing system for public, client, trading and staff surfaces. */
:root {
  --vm-space-1:4px;
  --vm-space-2:8px;
  --vm-space-3:12px;
  --vm-space-4:16px;
  --vm-space-5:20px;
  --vm-space-6:24px;
  --vm-space-8:32px;
  --vm-page-gutter:clamp(14px,2.35vw,32px);
  --vm-panel-padding:clamp(18px,2vw,26px);
  --vm-layout-gap:clamp(14px,1.8vw,24px);
}

html *,
html *::before,
html *::after {
  box-sizing:border-box;
}

html body :is(button,input,select,textarea),
html body :is(.portal-main,.staff-main,.terminal-grid,.trade-workspace,.portal-content,.staff-content),
html body :is(.summary-cards,.summary-grid,.status-grid,.history-grid,.performance-grid,.performance-layout,.staff-grid,.form-grid) > * {
  min-width:0;
}

/* Registration: keep every number fully inside its card and aligned to the
   same internal gutter on desktop, tablet and mobile. */
html body.registration-body .registration-intro {
  padding:clamp(24px,2.5vw,34px) !important;
  overflow:visible !important;
}
html body.registration-body .registration-steps {
  width:100% !important;
  padding:2px !important;
  gap:12px !important;
  overflow:visible !important;
}
html body.registration-body .registration-steps > li {
  position:relative !important;
  inset:auto !important;
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:14px 16px !important;
  grid-template-columns:40px minmax(0,1fr) !important;
  gap:14px !important;
  align-items:center !important;
  border:0 !important;
  border-block:0 !important;
  transform:none !important;
  overflow:visible !important;
}
html body.registration-body .registration-steps > li > b {
  position:relative !important;
  inset:auto !important;
  width:40px !important;
  height:40px !important;
  margin:0 !important;
  display:grid !important;
  place-items:center !important;
  justify-self:center !important;
  align-self:center !important;
  transform:none !important;
  overflow:visible !important;
  line-height:1 !important;
}
html body.registration-body .registration-steps > li > span,
html body.registration-body .registration-steps :is(strong,small) {
  min-width:0 !important;
  max-width:100% !important;
  overflow-wrap:anywhere !important;
}
html body.registration-body .registration-note {
  margin:20px 2px 0 !important;
  padding:16px !important;
}
html body.registration-body .registration-panel,
html body.registration-body .registration-success {
  padding:clamp(24px,2.6vw,36px) !important;
}

/* Shared application rhythm. Large work areas keep generous gutters while
   dense trading controls remain compact and predictable. */
body.portal-body .portal-content,
body[data-staff-role] .staff-content {
  padding:var(--vm-page-gutter) !important;
}
body.portal-body :is(.summary-cards,.summary-grid,.status-grid,.history-grid,.performance-grid,.performance-layout,.funding-layout,.method-grid,.account-grid),
body[data-staff-role] :is(.staff-kpis,.staff-grid,.client-detail-layout,.client-profile-grid,.admin-wallet-grid,.manual-funds-grid,.form-grid) {
  gap:var(--vm-layout-gap) !important;
}
body.portal-body :is(.summary-cards article,.history-card,.cash-card,.settings-card,.account-detail-card,.kyc-workflow),
body[data-staff-role] :is(.staff-kpis article,.staff-card,.staff-form,.client-identity-card,.client-detail-card,.client-portfolio-card) {
  padding:var(--vm-panel-padding) !important;
}
body.portal-body :is(.portal-top,.content-heading,.welcome-row),
body[data-staff-role] :is(.staff-top,.staff-heading) {
  column-gap:var(--vm-space-4) !important;
}
body.portal-body :is(.portal-top,.portal-user,.portal-user > div),
body[data-staff-role] :is(.staff-top,.staff-profile) {
  align-items:center !important;
}

@media (min-width:901px) {
  body:has(.terminal-shell) .terminal-shell {
    padding:8px !important;
    gap:8px !important;
  }
  body:has(.terminal-shell) .terminal-topbar,
  body:has(.terminal-shell) .terminal-grid {
    border-radius:12px !important;
  }
  body:has(.terminal-shell) .terminal-grid {
    gap:8px !important;
    background:transparent !important;
    overflow:hidden !important;
  }
  body:has(.terminal-shell) :is(.market-sidebar,.trade-workspace,.account-sidebar) {
    min-width:0 !important;
    border:1px solid #363a42 !important;
    border-radius:10px !important;
    overflow:hidden !important;
  }
}

@media (max-width:960px) {
  html body.registration-body .registration-steps > li {
    padding:16px !important;
    grid-template-columns:40px minmax(0,1fr) !important;
    align-content:center !important;
    min-height:78px !important;
  }
  body.portal-body .portal-top,
  body[data-staff-role] .staff-top {
    padding-inline:var(--vm-space-4) !important;
  }
}

@media (max-width:620px) {
  :root {
    --vm-page-gutter:12px;
    --vm-panel-padding:16px;
    --vm-layout-gap:12px;
  }
  html body.registration-body .registration-layout {
    padding-inline:12px !important;
  }
  html body.registration-body .registration-intro,
  html body.registration-body .registration-panel,
  html body.registration-body .registration-success {
    padding:20px !important;
  }
  html body.registration-body .registration-steps {
    padding:2px 0 !important;
  }
  html body.registration-body .registration-steps > li {
    min-height:72px !important;
    padding:14px !important;
    grid-template-columns:38px minmax(0,1fr) !important;
    gap:13px !important;
  }
  html body.registration-body .registration-steps > li > b {
    width:38px !important;
    height:38px !important;
  }
  html body.registration-body .registration-note {
    margin-inline:0 !important;
  }
  body:has(.terminal-shell) .terminal-shell {
    padding-inline:6px !important;
    gap:6px !important;
  }
}

/* v56 · Desktop account identity, modern icon controls and live-position polish. */
html .client-tier-avatar,
html body.portal-body .portal-user-trigger,
html body[data-staff-role] .client-avatar.client-tier-avatar {
  overflow:visible !important;
}
html .client-tier-avatar .account-tier-crown {
  top:-9px !important;
  width:21px !important;
  height:16px !important;
  filter:drop-shadow(0 2px 2px rgba(0,0,0,.72)) !important;
}
html .client-tier-avatar .account-avatar-initials {
  transform:none !important;
}
html .terminal-shell .top-avatar .account-tier-crown {
  top:-7px !important;
  right:9px !important;
  left:auto !important;
  transform:none !important;
}
html body.portal-body .portal-user-trigger .account-tier-crown {
  top:-9px !important;
}
html .terminal-shell .account-popover-avatar .account-tier-crown,
html body[data-staff-role] .client-avatar.client-tier-avatar .account-tier-crown {
  top:-8px !important;
}
html body[data-staff-role] .client-avatar.client-tier-avatar .account-avatar-initials {
  transform:none !important;
}

@media (min-width:901px) {
  html .terminal-shell .terminal-topbar {
    min-height:76px !important;
    height:76px !important;
    padding:0 16px !important;
    grid-template-columns:190px minmax(430px,1fr) auto !important;
    gap:14px !important;
  }
  html .terminal-shell .top-controls {
    gap:9px !important;
    align-items:center !important;
  }
  html .terminal-shell .top-controls .deposit-button {
    min-width:116px !important;
    min-height:44px !important;
    padding:0 16px !important;
    display:inline-flex !important;
    justify-content:center !important;
    gap:8px !important;
    border:1px solid var(--vm-action) !important;
    border-radius:10px !important;
    background:var(--vm-action) !important;
    box-shadow:none !important;
  }
  html .terminal-shell .top-controls .deposit-button .ui-icon {
    width:18px !important;
    height:18px !important;
  }
  html .terminal-shell .top-avatar {
    min-width:174px !important;
    height:48px !important;
    padding:4px 6px 4px 14px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:12px !important;
    border:1px solid #50555d !important;
    border-radius:11px !important;
    background:#292d33 !important;
  }
  html .terminal-shell .top-client-copy {
    flex:1 1 auto !important;
    text-align:left !important;
  }
  html .terminal-shell .top-client-copy b {
    max-width:108px !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    font-size:10px !important;
  }
  html .terminal-shell .top-client-initials {
    width:34px !important;
    min-width:34px !important;
    height:34px !important;
    flex:0 0 34px !important;
    border:1px solid rgba(255,255,255,.18) !important;
    box-shadow:inset 0 -2px rgba(0,0,0,.24) !important;
  }
  html .terminal-shell .top-avatar::after {
    right:5px !important;
    bottom:5px !important;
  }
}

html .terminal-shell :is(.round-button.small,.chart-action) {
  border-radius:9px !important;
}
html .terminal-shell :is(.round-button.small,.chart-action) .ui-icon {
  width:18px !important;
  height:18px !important;
  stroke-width:1.9 !important;
}
html .terminal-shell #positionsToggle .ui-icon {
  transition:transform .18s ease !important;
}
html .terminal-shell #positionsToggle.is-collapsed .ui-icon {
  transform:rotate(180deg) !important;
}
html .terminal-shell .logout-button {
  min-height:42px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  border-radius:9px !important;
}
html .terminal-shell .logout-button .nav-icon {
  width:22px !important;
  height:22px !important;
  display:grid !important;
  place-items:center !important;
}
html .terminal-shell .logout-button .ui-icon {
  width:17px !important;
  height:17px !important;
}

/* A selected tool is unmistakably red; inactive utility controls stay neutral. */
html .terminal-shell .chart-tool.primary:is(.active,[aria-expanded="true"]),
html .terminal-shell .chart-tool.more[aria-expanded="true"],
html .terminal-shell :is(.chart-action,.round-button,.option-menu>button,.timeframe-menu button,.table-tabs button,.mobile-app-nav button).active,
html .terminal-shell :is(.chart-action,.option-menu>button,.timeframe-menu button)[aria-pressed="true"] {
  color:#fff !important;
  border-color:var(--vm-action) !important;
  background:var(--vm-action) !important;
  background-image:none !important;
  box-shadow:none !important;
}
html .terminal-shell .order-ticket :is(.order-types,.close-presets) button.active,
html body.portal-body #cashMovementForm .payment-methods button.active {
  color:#fff !important;
  border-color:var(--vm-action) !important;
  background:var(--vm-action) !important;
  background-image:none !important;
  box-shadow:none !important;
}
html body.portal-body #cashMovementForm .payment-methods button.active :is(.funding-method-visual,.nav-icon) {
  color:#fff !important;
  filter:brightness(0) invert(1) !important;
}
html .terminal-shell .chart-tool.primary:is(.active,[aria-expanded="true"]) > i,
html .terminal-shell .chart-tool.more[aria-expanded="true"] > i {
  color:#fff !important;
  border-color:transparent !important;
  background:transparent !important;
  box-shadow:none !important;
}

@media (min-width:1200px) {
  html .terminal-shell .toolbar-actions {
    gap:5px !important;
  }
  html .terminal-shell .toolbar-actions .chart-action {
    width:55px !important;
    min-width:55px !important;
    height:46px !important;
    min-height:46px !important;
    padding:4px 3px !important;
    display:grid !important;
    grid-template-rows:21px 10px !important;
    place-items:center !important;
    gap:2px !important;
  }
  html .terminal-shell .toolbar-actions .chart-action > i {
    display:grid !important;
    place-items:center !important;
  }
  html .terminal-shell .toolbar-actions .chart-action > small {
    display:block !important;
    color:#c4c8ce !important;
    font-size:6.5px !important;
    font-weight:800 !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }
  html .terminal-shell .toolbar-actions .chart-action.active > small {
    color:#fff !important;
  }
}

@media (max-width:760px) {
  html .client-tier-avatar .account-tier-crown {
    top:-7px !important;
    width:18px !important;
    height:14px !important;
  }
  html .terminal-shell .top-avatar .account-tier-crown {
    right:7px !important;
  }
}

/* v58 · Mobile client directory uses readable cards instead of a clipped desktop table. */
@media (max-width:760px) {
  html body[data-staff-role] .client-list-grid,
  html body[data-staff-role] .client-list-grid > *,
  html body[data-staff-role] .client-list-grid .staff-card,
  html body[data-staff-role] .client-list-grid .staff-table:not(.agents-table) {
    min-width:0 !important;
    max-width:100% !important;
  }
  html body[data-staff-role] .staff-heading,
  html body[data-staff-role] .staff-heading > div {
    width:100% !important;
    min-width:0 !important;
  }
  html body[data-staff-role] .staff-heading p {
    max-width:100% !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
  }
  html body[data-staff-role] .client-list-grid .staff-card {
    padding:15px !important;
    overflow:visible !important;
  }
  html body[data-staff-role] .client-list-grid .staff-card > header {
    width:100% !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:12px !important;
  }
  html body[data-staff-role] .client-list-grid .table-search {
    width:100% !important;
    min-width:0 !important;
    min-height:42px !important;
  }
  html body[data-staff-role] .client-list-grid .table-search input {
    width:100% !important;
    min-width:0 !important;
  }
  html body[data-staff-role] .client-list-grid .staff-table {
    width:100% !important;
    min-width:0 !important;
    overflow:visible !important;
    display:grid !important;
    gap:10px !important;
  }
  html body[data-staff-role] .client-list-grid .staff-table-head {
    display:none !important;
  }
  html body[data-staff-role] .client-list-grid .staff-row.client-row {
    width:100% !important;
    min-width:0 !important;
    margin-top:10px !important;
    padding:15px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    grid-template-areas:
      "client client"
      "agent account"
      "control control"
      "actions actions" !important;
    gap:14px 12px !important;
    align-items:start !important;
    border:1px solid #444951 !important;
    border-radius:9px !important;
    background:#24282e !important;
  }
  html body[data-staff-role] .client-list-grid .staff-row.client-row > span {
    min-width:0 !important;
    overflow-wrap:anywhere !important;
  }
  html body[data-staff-role] .client-list-grid .staff-row.client-row > .client-main,
  html body[data-staff-role] .client-list-grid .staff-row.client-row > .row-actions {
    grid-column:1 / -1 !important;
  }
  html body[data-staff-role] .client-list-grid .staff-row.client-row > .client-main { grid-area:client !important; }
  html body[data-staff-role] .client-list-grid .staff-row.client-row > span:nth-child(2) { grid-area:agent !important; }
  html body[data-staff-role] .client-list-grid .staff-row.client-row > span:nth-child(3) { grid-area:account !important; }
  html body[data-staff-role] .client-list-grid .staff-row.client-row > span:nth-child(4) { grid-area:control !important; }
  html body[data-staff-role] .client-list-grid .staff-row.client-row > .row-actions { grid-area:actions !important; }
  html body[data-staff-role] .client-list-grid .staff-row.client-row > span:nth-child(2)::before,
  html body[data-staff-role] .client-list-grid .staff-row.client-row > span:nth-child(3)::before,
  html body[data-staff-role] .client-list-grid .staff-row.client-row > span:nth-child(4)::before {
    display:block !important;
    margin-bottom:5px !important;
    color:#9fa5ad !important;
    font-size:8px !important;
    font-weight:900 !important;
    letter-spacing:.1em !important;
  }
  html body[data-staff-role] .client-list-grid .staff-row.client-row > span:nth-child(2)::before { content:"AGENTE"; }
  html body[data-staff-role] .client-list-grid .staff-row.client-row > span:nth-child(3)::before { content:"CUENTA"; }
  html body[data-staff-role] .client-list-grid .staff-row.client-row > span:nth-child(4)::before { content:"CONTROL"; }
  html body[data-staff-role] .client-list-grid .staff-row.client-row > span:nth-child(4) {
    grid-column:1 / -1 !important;
    display:flex !important;
    flex-wrap:wrap !important;
    gap:5px !important;
  }
  html body[data-staff-role] .client-list-grid .staff-row.client-row > span:nth-child(4)::before {
    flex:0 0 100% !important;
  }
  html body[data-staff-role] .client-list-grid .client-main small,
  html body[data-staff-role] .client-list-grid .status {
    max-width:100% !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
  }
  html body[data-staff-role] .client-list-grid .row-actions,
  html body[data-staff-role] .client-list-grid .row-actions:has([data-review-registration]) {
    width:100% !important;
    min-width:0 !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
  }
  html body[data-staff-role] .client-list-grid .row-actions > :only-child {
    grid-column:1 / -1 !important;
  }
  html body[data-staff-role] .client-list-grid .row-actions :is(a,button) {
    width:100% !important;
    min-width:0 !important;
    min-height:42px !important;
  }
  html body[data-staff-role] .client-list-grid .row-actions:has([data-review-registration]) > :last-child {
    grid-column:1 / -1 !important;
  }
}

@media (max-width:390px) {
  html body[data-staff-role] .client-list-grid .staff-row.client-row {
    grid-template-columns:minmax(0,1fr) !important;
    grid-template-areas:"client" "agent" "account" "control" "actions" !important;
  }
  html body[data-staff-role] .client-list-grid .staff-row.client-row > span:nth-child(4),
  html body[data-staff-role] .client-list-grid .staff-row.client-row > .client-main,
  html body[data-staff-role] .client-list-grid .staff-row.client-row > .row-actions {
    grid-column:1 !important;
  }
  html body[data-staff-role] .client-list-grid .row-actions,
  html body[data-staff-role] .client-list-grid .row-actions:has([data-review-registration]) {
    grid-template-columns:minmax(0,1fr) !important;
  }
  html body[data-staff-role] .client-list-grid .row-actions:has([data-review-registration]) > :last-child {
    grid-column:auto !important;
  }
}

/* v59 · Keep the trading identity and primary actions usable through the
   tablet/compact-desktop handoff instead of leaving a hidden 1081–1120 gap. */
@media (min-width:901px) {
  html .terminal-shell .top-controls {
    display:flex !important;
  }
}

@media (min-width:901px) and (max-width:1120px) {
  html .terminal-shell .terminal-topbar {
    grid-template-columns:150px minmax(0,1fr) auto !important;
    gap:10px !important;
    padding-inline:12px !important;
    overflow:visible !important;
  }
  html .terminal-shell .terminal-brand,
  html .terminal-shell .top-metrics,
  html .terminal-shell .top-metrics article,
  html .terminal-shell .top-controls {
    min-width:0 !important;
  }
  html .terminal-shell .top-metrics {
    width:100% !important;
  }
  html .terminal-shell .top-controls {
    gap:6px !important;
    align-items:center !important;
  }
  html .terminal-shell .top-controls :is(.utility-button,.live-status) {
    display:none !important;
  }
  html .terminal-shell .top-controls .deposit-button,
  html .terminal-shell .top-controls .top-avatar {
    width:44px !important;
    min-width:44px !important;
    height:42px !important;
    min-height:42px !important;
    flex:0 0 44px !important;
    padding:0 !important;
    justify-content:center !important;
    overflow:visible !important;
  }
  html .terminal-shell .top-controls .deposit-button > span,
  html .terminal-shell .top-controls .top-client-copy {
    display:none !important;
  }
  html .terminal-shell .top-controls .deposit-button .ui-icon {
    width:18px !important;
    height:18px !important;
    margin:0 !important;
  }
  html .terminal-shell .top-client-initials {
    width:34px !important;
    min-width:34px !important;
    height:34px !important;
    min-height:34px !important;
  }
}

/* v59 · Accessible staff overlays: a real mobile-nav backdrop and scroll
   locking shared by the navigation drawer and note dialog. */
html body[data-staff-role].staff-menu-open,
html body[data-staff-role].staff-modal-open {
  overflow:hidden !important;
}
html body[data-staff-role] .staff-nav-backdrop {
  display:none;
  border:0;
  padding:0;
}
@media (max-width:760px) {
  html body[data-staff-role] .staff-shell.menu-open .staff-nav-backdrop {
    display:block !important;
    position:fixed;
    inset:0;
    z-index:1001;
    background:rgba(7,8,10,.66);
    backdrop-filter:blur(3px);
  }
  html body[data-staff-role] .staff-shell.menu-open .staff-sidebar {
    z-index:1002 !important;
  }
}

/* v59 · Resolution-independent market identities.  Legacy vendor artwork
   below 64 px is represented by a compact CSS monogram instead of being
   enlarged into a blurred bitmap.  Vector company marks remain untouched. */
html .terminal-shell .asset-logo.icon-brand-monogram {
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  border:1px solid color-mix(in srgb,var(--asset-color,#68717b) 72%,#f4f5f6) !important;
  border-radius:9px !important;
  background:var(--asset-color,#4d5660) !important;
  background:
    radial-gradient(circle at 24% 18%,rgba(255,255,255,.28),transparent 38%),
    linear-gradient(145deg,
      color-mix(in srgb,var(--asset-color,#68717b) 88%,#252a30),
      color-mix(in srgb,var(--asset-color,#68717b) 54%,#08090b)) !important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.22),
    inset 0 -1px rgba(0,0,0,.28),
    0 4px 10px rgba(0,0,0,.26) !important;
}
html .terminal-shell .asset-logo.icon-brand-monogram::after {
  content:"";
  position:absolute;
  z-index:1;
  inset:-38% 53% -38% -22%;
  transform:skewX(-17deg);
  background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,255,255,0));
  pointer-events:none;
}
html .terminal-shell .asset-logo.icon-brand-monogram .asset-monogram {
  position:relative !important;
  z-index:2 !important;
  width:100% !important;
  height:100% !important;
  display:grid !important;
  place-items:center !important;
  color:#fff !important;
  font-family:var(--vm-font,"Segoe UI",Arial,sans-serif) !important;
  font-size:8.5px !important;
  font-weight:900 !important;
  font-variant-numeric:tabular-nums !important;
  line-height:1 !important;
  letter-spacing:.025em !important;
  text-shadow:0 1px 2px rgba(0,0,0,.52) !important;
  -webkit-font-smoothing:antialiased;
}
html .terminal-shell .asset-logo.large.icon-brand-monogram {
  border-radius:12px !important;
}
html .terminal-shell .asset-logo.large.icon-brand-monogram .asset-monogram {
  font-size:12px !important;
  letter-spacing:.035em !important;
}
html.light-theme .terminal-shell .asset-logo.icon-brand-monogram {
  border-color:color-mix(in srgb,var(--asset-color,#68717b) 70%,#48515a) !important;
  box-shadow:inset 0 1px rgba(255,255,255,.28),0 3px 9px rgba(35,39,43,.18) !important;
}

/* The command palette receives the same crisp identity and CSS colour token
   as its market-row source; no extra raster request or upscaling is needed. */
.elite-command-item .command-asset-logo.icon-brand-monogram {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--asset-color,#68717b) 72%,#f4f5f6);
  border-radius:7px;
  color:#fff;
  background:var(--asset-color,#4d5660);
  background:
    radial-gradient(circle at 24% 18%,rgba(255,255,255,.26),transparent 38%),
    linear-gradient(145deg,
      color-mix(in srgb,var(--asset-color,#68717b) 88%,#252a30),
      color-mix(in srgb,var(--asset-color,#68717b) 54%,#08090b));
  box-shadow:inset 0 1px rgba(255,255,255,.2),0 3px 8px rgba(0,0,0,.24);
}
.elite-command-item .command-asset-logo.icon-brand-monogram .asset-monogram {
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  color:#fff;
  font-family:var(--vm-font,"Segoe UI",Arial,sans-serif);
  font-size:7px;
  font-weight:900;
  line-height:1;
  letter-spacing:.02em;
  text-shadow:0 1px 2px rgba(0,0,0,.5);
}

/* v59 · Final mobile header quality pass. Primary navigation never shrinks
   below a comfortable 44 px touch target and narrow screens keep one clear
   conversion action instead of compressing four competing controls. */
@media (max-width:720px) {
  html body.public-info-body .public-header {
    min-height:70px !important;
    gap:7px !important;
  }
  html body.public-info-body .public-actions .public-support-link {
    display:none !important;
  }
  html body.public-info-body .public-menu-button {
    flex:0 0 44px !important;
    width:44px !important;
    min-width:44px !important;
    height:44px !important;
    min-height:44px !important;
  }
  html body.public-info-body .public-actions {
    flex:0 0 auto !important;
    gap:6px !important;
  }
  html body.public-info-body .public-actions .vm-language-current {
    width:44px !important;
    min-width:44px !important;
    height:44px !important;
    min-height:44px !important;
  }
  html body.public-info-body .public-open {
    min-width:102px !important;
    min-height:44px !important;
    height:44px !important;
    padding-inline:12px !important;
    font-size:11px !important;
    white-space:nowrap !important;
  }
}

@media (max-width:420px) {
  html body.public-info-body .public-brand > span:last-child {
    display:none !important;
  }
  html body.public-info-body .public-brand {
    flex:0 0 40px !important;
    width:40px !important;
    min-width:40px !important;
  }
}

@media (max-width:760px) {
  html body.landing-v2 .landing-actions .nav-login {
    display:none !important;
  }
  html body.landing-v2 .landing-actions .vm-language-current,
  html body.landing-v2 .landing-actions .lp-menu-toggle {
    flex:0 0 44px !important;
    width:44px !important;
    min-width:44px !important;
    height:44px !important;
    min-height:44px !important;
  }
  html body.landing-v2 .landing-actions .nav-primary {
    min-width:106px !important;
    height:44px !important;
    min-height:44px !important;
    padding-inline:12px !important;
    font-size:11px !important;
  }
}

/* v60 · Final mobile WebTrader polish. Account tiers must remain visible
   above the avatar, and every primary header/category control uses a
   comfortable touch target without sacrificing the compact layout. */
@media (max-width:760px) {
  html .terminal-shell .terminal-topbar {
    min-height:56px !important;
    height:56px !important;
    max-height:56px !important;
    flex-basis:56px !important;
    overflow:visible !important;
  }
  html .terminal-shell .top-controls {
    gap:4px !important;
    overflow:visible !important;
  }
  html .terminal-shell .top-controls > .vm-language-switcher {
    width:44px !important;
    min-width:44px !important;
    flex:0 0 44px !important;
  }
  html .terminal-shell .top-controls .vm-language-current,
  html .terminal-shell .top-controls .top-avatar {
    width:44px !important;
    min-width:44px !important;
    height:44px !important;
    min-height:44px !important;
    flex:0 0 44px !important;
  }
  html .terminal-shell .top-controls .top-avatar {
    overflow:visible !important;
  }
  html .terminal-shell .top-controls .deposit-button {
    width:84px !important;
    min-width:84px !important;
    height:44px !important;
    min-height:44px !important;
    flex:0 0 84px !important;
    overflow:visible !important;
  }
  html .terminal-shell .top-client-initials {
    width:34px !important;
    min-width:34px !important;
    height:34px !important;
    min-height:34px !important;
    flex:0 0 34px !important;
  }
  html .terminal-shell .top-avatar .account-tier-crown {
    top:-7px !important;
    right:8px !important;
    z-index:4 !important;
  }
  html .terminal-shell .market-tabs button {
    min-height:44px !important;
    height:44px !important;
    padding-inline:13px !important;
    font-size:9px !important;
  }
}

/* v62 · Professional responsive consolidation.  Portrait tablets now use a
   deliberate app workspace instead of a squeezed desktop grid, administrative
   review queues become real cards, and primary controls meet a 44 px target. */

/* Funding uses the available desktop canvas: action on the left, recent
   requests on the right.  The source order remains logical on small screens. */
@media (min-width:1100px) {
  html body.portal-body .funding-content {
    display:grid !important;
    grid-template-columns:minmax(0,1.7fr) minmax(300px,.7fr) !important;
    column-gap:20px !important;
    align-items:start !important;
  }
  html body.portal-body .funding-content > .content-heading {
    grid-column:1 / -1 !important;
  }
  html body.portal-body .funding-content > .funding-layout {
    grid-column:1 !important;
    margin:0 !important;
  }
  html body.portal-body .funding-content > .funding-history {
    grid-column:2 !important;
    margin:0 !important;
    position:sticky !important;
    top:92px !important;
    max-height:calc(100dvh - 116px) !important;
    overflow:auto !important;
  }
}

/* Keep operational typography crisp instead of reproducing a miniaturised
   desktop.  Red remains selection/sell; green remains buy/profit. */
@media (min-width:901px) {
  html .terminal-shell .market-row b,
  html .terminal-shell .chart-tool.primary b,
  html .terminal-shell .chart-tool.more b { font-size:11px !important; }
  html .terminal-shell .market-row small,
  html .terminal-shell .chart-tool.primary small,
  html .terminal-shell .chart-tool.more small,
  html .terminal-shell .toolbar-actions .chart-action > small { font-size:9px !important; }
  html .terminal-shell .market-row { min-height:58px !important; }
}

/* WebTrader tablet workspace (the JavaScript uses the same 900 px cutoff). */
@media (min-width:761px) and (max-width:900px) {
  html body:has(.terminal-shell) {
    min-width:0 !important;
    overflow:hidden !important;
  }
  html .terminal-shell {
    width:100% !important;
    height:100dvh !important;
    min-height:100dvh !important;
    padding:8px 8px calc(76px + env(safe-area-inset-bottom)) !important;
    gap:8px !important;
    overflow:hidden !important;
  }
  html .terminal-shell .terminal-topbar {
    width:100% !important;
    min-width:0 !important;
    min-height:64px !important;
    height:64px !important;
    padding:0 12px !important;
    grid-template-columns:minmax(180px,1fr) auto !important;
    gap:12px !important;
    overflow:visible !important;
  }
  html .terminal-shell .top-metrics { display:none !important; }
  html .terminal-shell .top-controls {
    display:flex !important;
    gap:8px !important;
    overflow:visible !important;
  }
  html .terminal-shell .top-controls :is(.utility-button,.live-status,.elite-command-trigger) { display:none !important; }
  html .terminal-shell .top-controls :is(.deposit-button,.top-avatar) {
    min-height:44px !important;
    height:44px !important;
  }
  html .terminal-shell .terminal-grid {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    display:block !important;
    flex:1 1 auto !important;
    overflow:hidden !important;
  }
  html .terminal-shell :is(.market-sidebar,.trade-workspace,.instrument-bar,.terminal-chart,.positions-panel) {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }
  html .terminal-shell .account-sidebar { display:none !important; }
  html .terminal-shell .market-sidebar,
  html .terminal-shell .positions-panel { display:none !important; }
  html .terminal-shell .trade-workspace,
  html .terminal-shell.positions-collapsed .trade-workspace {
    height:100% !important;
    min-height:0 !important;
    display:grid !important;
    grid-template-rows:72px minmax(0,1fr) !important;
    gap:8px !important;
  }
  html .terminal-shell.mobile-view-markets .market-sidebar {
    height:100% !important;
    display:flex !important;
    border-radius:12px !important;
  }
  html .terminal-shell.mobile-view-markets .trade-workspace { display:none !important; }
  html .terminal-shell.mobile-view-trade .positions-panel { display:none !important; }
  html .terminal-shell.mobile-view-activity .trade-workspace {
    display:block !important;
    height:100% !important;
  }
  html .terminal-shell.mobile-view-activity :is(.instrument-bar,.terminal-chart) { display:none !important; }
  html .terminal-shell.mobile-view-activity .positions-panel {
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    display:flex !important;
    flex-direction:column !important;
    overflow:hidden !important;
  }
  html .terminal-shell .instrument-bar {
    min-height:72px !important;
    height:72px !important;
    overflow:hidden !important;
  }
  html .terminal-shell .instrument-main { min-width:0 !important; overflow:hidden !important; }
  html .terminal-shell .instrument-main h1 {
    max-width:260px !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }
  html .terminal-shell .elite-instrument-stats { display:none !important; }
  html .terminal-shell .chart-toolbar {
    min-height:58px !important;
    height:58px !important;
    padding:5px !important;
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) 48px !important;
    gap:5px !important;
    overflow:visible !important;
  }
  html .terminal-shell .chart-toolbar > .tool-picker,
  html .terminal-shell .chart-toolbar > .more-picker {
    width:auto !important;
    min-width:0 !important;
    margin:0 !important;
  }
  html .terminal-shell .chart-toolbar > :is(.toolbar-divider,.toolbar-actions) { display:none !important; }
  html .terminal-shell .chart-tool.primary,
  html .terminal-shell .chart-tool.more {
    width:100% !important;
    min-width:0 !important;
    height:48px !important;
    min-height:48px !important;
    padding:4px 7px !important;
  }
  html .terminal-shell .chart-stage { inset:58px 0 0 !important; }
  html .terminal-shell .quick-trade { bottom:10px !important; }
  html .terminal-shell .quote-button { min-height:48px !important; height:48px !important; }
  html .terminal-shell .mobile-app-nav {
    position:fixed !important;
    z-index:1000 !important;
    left:50% !important;
    right:auto !important;
    bottom:max(8px,env(safe-area-inset-bottom)) !important;
    width:min(460px,calc(100% - 20px)) !important;
    min-height:60px !important;
    padding:6px !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:5px !important;
    border:1px solid #4a4f57 !important;
    border-radius:18px !important;
    background:rgba(31,34,40,.97) !important;
    box-shadow:0 18px 44px rgba(0,0,0,.42) !important;
    transform:translateX(-50%) !important;
    backdrop-filter:blur(18px) !important;
  }
  html .terminal-shell .mobile-app-nav :is(button,a) {
    min-width:0 !important;
    min-height:48px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    color:#b9bec5 !important;
    border:0 !important;
    border-radius:12px !important;
    background:transparent !important;
    text-decoration:none !important;
  }
  html .terminal-shell .mobile-app-nav :is(button,a).active {
    color:#fff !important;
    background:#34383f !important;
    box-shadow:inset 0 3px var(--vm-action) !important;
  }
  html .terminal-shell.mobile-view-activity .table-view,
  html .terminal-shell.mobile-view-activity .table-view.active {
    min-height:0 !important;
    height:auto !important;
    flex:1 1 auto !important;
    overflow:auto !important;
  }
}

/* Staff navigation and dense review tables switch to a contained card layout
   before they can create a sideways page at common tablet widths. */
@media (max-width:900px) {
  html body[data-staff-role] .staff-shell { display:block !important; }
  html body[data-staff-role] .staff-sidebar {
    position:fixed !important;
    z-index:1002 !important;
    top:0 !important;
    left:0 !important;
    width:min(280px,86vw) !important;
    height:100dvh !important;
    transform:translateX(-103%) !important;
    transition:transform .2s ease !important;
  }
  html body[data-staff-role] .staff-shell.menu-open .staff-sidebar { transform:none !important; }
  html body[data-staff-role] .staff-top { padding-inline:14px !important; }
  html body[data-staff-role] .staff-top > button {
    width:44px !important;
    min-width:44px !important;
    height:44px !important;
    display:grid !important;
    place-items:center !important;
    border:1px solid #50555d !important;
    border-radius:10px !important;
    background:#2b2f35 !important;
  }
  html body[data-staff-role] .staff-live { display:none !important; }
  html body[data-staff-role] .staff-content {
    width:100% !important;
    max-width:100% !important;
    padding:20px 14px 84px !important;
  }
  html body[data-staff-role] .staff-nav-backdrop { display:none; }
  html body[data-staff-role] .staff-shell.menu-open .staff-nav-backdrop {
    display:block !important;
    position:fixed !important;
    z-index:1001 !important;
    inset:0 !important;
    border:0 !important;
    background:rgba(7,8,10,.7) !important;
    backdrop-filter:blur(3px) !important;
  }
  html body[data-staff-role] .client-list-grid,
  html body[data-staff-role] .client-list-grid > *,
  html body[data-staff-role] .client-list-grid .staff-card,
  html body[data-staff-role] .client-list-grid .staff-table:not(.agents-table) {
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
  }
  html body[data-staff-role] .client-list-grid .staff-table {
    display:grid !important;
    gap:10px !important;
    overflow:visible !important;
  }
  html body[data-staff-role] .client-list-grid .staff-table-head { display:none !important; }
  html body[data-staff-role] .client-list-grid .staff-row.client-row {
    width:100% !important;
    min-width:0 !important;
    padding:15px !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-template-areas:"client client" "agent account" "control control" "actions actions" !important;
    gap:13px !important;
    border:1px solid #454a52 !important;
    border-radius:12px !important;
    background:#24282e !important;
  }
  html body[data-staff-role] .client-list-grid .staff-row.client-row > .client-main { grid-area:client !important; }
  html body[data-staff-role] .client-list-grid .staff-row.client-row > span:nth-child(2) { grid-area:agent !important; }
  html body[data-staff-role] .client-list-grid .staff-row.client-row > span:nth-child(3) { grid-area:account !important; }
  html body[data-staff-role] .client-list-grid .staff-row.client-row > span:nth-child(4) { grid-area:control !important; }
  html body[data-staff-role] .client-list-grid .staff-row.client-row > .row-actions { grid-area:actions !important; }
  html body[data-staff-role] .client-list-grid .row-actions {
    width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
  }
  html body[data-staff-role] .client-list-grid .row-actions :is(a,button),
  html body[data-staff-role] :is(.primary,.danger,.ghost) { min-height:44px !important; }

  /* Legacy local views do not yet expose .client-list-grid.  The route data
     attribute is stable, so the same no-overflow card layout still applies. */
  html body[data-staff-section="clients"] .staff-grid {
    width:100% !important;
    min-width:0 !important;
    grid-template-columns:minmax(0,1fr) !important;
  }
  html body[data-staff-section="clients"] .staff-grid > .staff-card,
  html body[data-staff-section="clients"] .staff-grid .staff-table {
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
  }
  html body[data-staff-section="clients"] .staff-grid > .staff-card > header {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:12px !important;
  }
  html body[data-staff-section="clients"] .staff-grid .table-search {
    width:100% !important;
    min-width:0 !important;
    min-height:44px !important;
  }
  html body[data-staff-section="clients"] .staff-grid .staff-table {
    display:grid !important;
    gap:10px !important;
    overflow:visible !important;
  }
  html body[data-staff-section="clients"] .staff-grid .staff-table-head { display:none !important; }
  html body[data-staff-section="clients"] .staff-grid .staff-row.client-row {
    width:100% !important;
    min-width:0 !important;
    padding:15px !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-template-areas:"client client" "agent account" "control control" "actions actions" !important;
    gap:13px !important;
    border:1px solid #454a52 !important;
    border-radius:12px !important;
    background:#24282e !important;
  }
  html body[data-staff-section="clients"] .staff-row.client-row > .client-main { grid-area:client !important; }
  html body[data-staff-section="clients"] .staff-row.client-row > span:nth-child(2) { grid-area:agent !important; }
  html body[data-staff-section="clients"] .staff-row.client-row > span:nth-child(3) { grid-area:account !important; }
  html body[data-staff-section="clients"] .staff-row.client-row > span:nth-child(4) { grid-area:control !important; }
  html body[data-staff-section="clients"] .staff-row.client-row > .row-actions { grid-area:actions !important; }
  html body[data-staff-section="clients"] .staff-row.client-row .row-actions {
    width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
  }
  html body[data-staff-section="clients"] .staff-row.client-row .row-actions :is(a,button) {
    width:100% !important;
    min-height:44px !important;
  }

  html body[data-staff-role] :is(.kyc-review-list,.managed-position-list) {
    width:100% !important;
    min-width:0 !important;
    display:grid !important;
    gap:12px !important;
    overflow:visible !important;
  }
  html body[data-staff-role] :is(.kyc-review-head,.managed-position-head) { display:none !important; }
  html body[data-staff-role] :is(.kyc-review-row,.managed-position-row) {
    width:100% !important;
    min-width:0 !important;
    padding:15px !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:13px !important;
    align-items:start !important;
    border:1px solid #454a52 !important;
    border-radius:12px !important;
    background:#24282e !important;
  }
  html body[data-staff-role] :is(.kyc-review-row,.managed-position-row) > * {
    min-width:0 !important;
    max-width:100% !important;
    overflow-wrap:anywhere !important;
  }
  html body[data-staff-role] .kyc-review-row > :first-child,
  html body[data-staff-role] .managed-position-row > :first-child,
  html body[data-staff-role] :is(.kyc-review-actions,.managed-position-row > button) {
    grid-column:1 / -1 !important;
  }
  html body[data-staff-role] .kyc-review-actions {
    width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
  }
  html body[data-staff-role] .kyc-review-actions button,
  html body[data-staff-role] .managed-position-row > button { width:100% !important; min-height:44px !important; }
}

/* Phone controls stay comfortable without allowing labels to drive overflow. */
@media (max-width:760px) {
  html body.portal-body .portal-top-brand,
  html body.portal-body .portal-user-trigger,
  html body[data-staff-role] .staff-top-brand {
    width:44px !important;
    min-width:44px !important;
    height:44px !important;
    min-height:44px !important;
  }
  html body.portal-body .profile-section-nav a { min-height:44px !important; }
  html .terminal-shell .terminal-brand {
    min-width:44px !important;
    min-height:44px !important;
  }
  html .terminal-shell .terminal-brand .candle-mark {
    width:36px !important;
    min-width:36px !important;
    height:36px !important;
  }
  html .terminal-shell .instrument-bar > .round-button,
  html .terminal-shell .aside-title .round-button.small {
    width:44px !important;
    min-width:44px !important;
    height:44px !important;
    min-height:44px !important;
  }
  html .terminal-shell .chart-toolbar {
    min-height:52px !important;
    height:52px !important;
  }
  html .terminal-shell .chart-tool.primary,
  html .terminal-shell .chart-tool.more {
    min-height:44px !important;
    height:44px !important;
  }
  html .terminal-shell .chart-stage { inset:52px 0 0 !important; }
  html .terminal-shell .quote-button { min-height:44px !important; height:44px !important; }
  html .terminal-shell .quick-trade { min-height:44px !important; height:44px !important; }
  html .terminal-shell .chart-tool.primary small { font-size:8px !important; }
  html .terminal-shell .chart-tool.primary b { font-size:10px !important; }
}

@media (max-width:560px) {
  html body[data-staff-role] :is(.kyc-review-row,.managed-position-row),
  html body[data-staff-role] .client-list-grid .staff-row.client-row {
    grid-template-columns:minmax(0,1fr) !important;
  }
  html body[data-staff-role] .client-list-grid .staff-row.client-row {
    grid-template-areas:"client" "agent" "account" "control" "actions" !important;
  }
}

/* The public mobile header must always expose the client sign-in.  At the
   narrowest widths the language picker yields its space; authentication never
   does. */
@media (max-width:760px) {
  html body.landing-v2 .landing-actions .nav-login {
    order:1 !important;
    display:inline-flex !important;
    width:auto !important;
    min-width:88px !important;
    height:44px !important;
    min-height:44px !important;
    padding-inline:10px !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:10px !important;
    white-space:nowrap !important;
  }
  html body.landing-v2 .landing-actions .nav-primary {
    order:2 !important;
    min-width:98px !important;
    padding-inline:9px !important;
  }
  html body.landing-v2 .landing-actions .lp-menu-toggle { order:3 !important; }
}

@media (max-width:390px) {
  html body.landing-v2 .landing-actions > .vm-language-switcher { display:none !important; }
  html body.landing-v2 .landing-actions .nav-login { min-width:84px !important; }
  html body.landing-v2 .landing-actions .nav-primary { min-width:94px !important; }
}

/* v63 · The quotation tape remains live on phones.  Two equal sequences make
   the -50% hand-off pixel-perfect, while the viewport clips the moving rail so
   it can never widen the document. */
html body.landing-v2 .price-ticker {
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow:hidden !important;
  overscroll-behavior-x:none !important;
  touch-action:pan-y !important;
  scroll-snap-type:none !important;
  scrollbar-width:none !important;
  contain:paint !important;
}
html body.landing-v2 .price-ticker-track {
  width:max-content !important;
  min-width:max-content !important;
  max-width:none !important;
  padding:0 !important;
  display:flex !important;
  flex-wrap:nowrap !important;
  animation:vm-price-tape 44s linear infinite !important;
  transform:translate3d(0,0,0);
  will-change:transform !important;
  backface-visibility:hidden;
}
html body.landing-v2 .price-ticker-sequence {
  width:max-content !important;
  min-width:max-content !important;
  display:flex !important;
  flex:0 0 auto !important;
  flex-wrap:nowrap !important;
}
html body.landing-v2 .price-ticker-sequence[aria-hidden="true"],
html body.landing-v2 .price-ticker-sequence[aria-hidden="true"] .ticker-asset {
  display:flex !important;
}
@keyframes vm-price-tape {
  from { transform:translate3d(0,0,0); }
  to { transform:translate3d(-50%,0,0); }
}

@media (max-width:760px) {
  html body.landing-v2 .price-ticker-track {
    animation:vm-price-tape 34s linear infinite !important;
  }
}

/* Reduced-motion users retain every quote through deliberate horizontal
   scrolling instead of an automatic animation.  The duplicate is removed in
   that mode so screen and pointer navigation encounter one clean sequence. */
@media (prefers-reduced-motion:reduce) {
  html body.landing-v2 .price-ticker {
    overflow-x:auto !important;
    overscroll-behavior-x:contain !important;
    touch-action:pan-x pan-y !important;
  }
  html body.landing-v2 .price-ticker-track {
    animation:none !important;
    transform:none !important;
    will-change:auto !important;
  }
  html body.landing-v2 .price-ticker-sequence[aria-hidden="true"] {
    display:none !important;
  }
}

/* v64 · Landing mobile media framing.
   Campaign artwork is horizontal, so it must never be stretched into a tall
   phone-sized cover crop.  Each visual now owns a proportional, full-width
   frame while the copy and interactive product preview retain their own rows. */
@media (max-width:760px) {
  /* Hero: copy first, followed by the complete 2:1 campaign scene. */
  html body.landing-v2 .lp-cinematic-hero {
    height:auto !important;
    min-height:0 !important;
    display:block !important;
    background:#202329 !important;
  }
  html body.landing-v2 .lp-cinematic-hero::before {
    z-index:2 !important;
    background:linear-gradient(
      180deg,
      rgba(28,31,36,.98) 0%,
      rgba(28,31,36,.96) calc(100% - 50vw - 22px),
      rgba(28,31,36,.34) calc(100% - 50vw),
      rgba(28,31,36,.08) 100%
    ) !important;
  }
  html body.landing-v2 .lp-cinematic-hero .hero-copy {
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    min-height:0 !important;
    padding:48px 18px calc(50vw + 30px) !important;
    justify-content:flex-start !important;
  }
  html body.landing-v2 .lp-hero-reel {
    inset:auto 0 0 !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:2 / 1 !important;
    overflow:hidden !important;
    background:#17191e !important;
  }
  html body.landing-v2 .lp-hero-reel > figure,
  html body.landing-v2 .lp-hero-reel :is(.lp-hero-poster,video) {
    inset:0 !important;
    width:100% !important;
    height:100% !important;
  }
  html body.landing-v2 .lp-hero-reel :is(.lp-hero-poster,video) {
    object-fit:contain !important;
    object-position:center !important;
    background:#17191e !important;
    filter:saturate(.96) contrast(1.03) brightness(.94) !important;
    animation:none !important;
    transform:none !important;
  }

  /* WebTrader story: three real rows instead of one 820px cover crop. */
  html body.landing-v2 .lp-product-main {
    min-height:0 !important;
    height:auto !important;
    padding:36px 18px 0 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    grid-template-rows:auto auto minmax(390px,auto) !important;
    gap:20px !important;
    background:#1d2025 !important;
  }
  html body.landing-v2 .lp-product-main::before { display:none !important; }
  html body.landing-v2 .lp-product-main .lp-product-copy {
    position:relative !important;
    z-index:4 !important;
    grid-column:1 !important;
    grid-row:1 !important;
    width:100% !important;
    max-width:none !important;
  }
  html body.landing-v2 .lp-product-video {
    position:relative !important;
    z-index:1 !important;
    inset:auto !important;
    grid-column:1 !important;
    grid-row:2 !important;
    width:calc(100% + 36px) !important;
    height:auto !important;
    margin-inline:-18px !important;
    aspect-ratio:2 / 1 !important;
    object-fit:contain !important;
    object-position:center !important;
    background:#17191e !important;
    filter:saturate(.88) contrast(1.04) brightness(.86) !important;
  }
  html body.landing-v2 .lp-product-main .lp-terminal-preview {
    position:relative !important;
    z-index:3 !important;
    inset:auto !important;
    grid-column:1 !important;
    grid-row:3 !important;
    width:100% !important;
    height:390px !important;
    min-height:390px !important;
  }
  html body.landing-v2 .lp-product-main .lp-device-stage {
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
  }
  html body.landing-v2 .lp-product-main .lp-desktop-device {
    left:-30% !important;
    right:22% !important;
    bottom:26px !important;
    height:280px !important;
  }
  html body.landing-v2 .lp-phone-photo {
    right:50% !important;
    bottom:8px !important;
    width:min(70vw,272px) !important;
    height:auto !important;
    max-height:370px !important;
    object-fit:contain !important;
    object-position:center bottom !important;
  }

  /* Educational artwork: preserve all three stages and its natural 2.4:1
     composition.  The previous HTML height attribute was winning the cascade
     and turning this image into an 809px-tall crop on a 320px phone. */
  html body.landing-v2 .lp-home-insight {
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:24px !important;
  }
  html body.landing-v2 .lp-home-insight > img {
    width:calc(100% + 44px) !important;
    max-width:none !important;
    height:auto !important;
    margin:-34px -22px 0 !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:1942 / 809 !important;
    object-fit:contain !important;
    object-position:center !important;
    border-radius:4px 4px 0 0 !important;
    background:#111820 !important;
  }

  /* Payment illustrations keep their original proportions instead of being
     stretched into square placeholders. */
  html body.landing-v2 .lp-home-payments img {
    width:42px !important;
    height:32px !important;
    object-fit:contain !important;
    object-position:center !important;
  }
}

/* v66 · Unified market-style public header.
   A single, quiet black bar now anchors both the landing page and every
   public information page. Vision T Markets keeps its own red signal colour;
   navigation remains readable and complete at every responsive breakpoint. */
.vm-language-current .vm-language-icon {
  width:17px !important;
  height:17px !important;
  flex:0 0 17px !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.65 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

@media (min-width:1100px) {
  html body.landing-v2 .landing-nav,
  html.light-theme body.landing-v2 .landing-nav,
  html body.public-info-body .public-header,
  html.light-theme body.public-info-body .public-header {
    position:sticky !important;
    top:0 !important;
    z-index:500 !important;
    box-sizing:border-box !important;
    width:100% !important;
    max-width:none !important;
    height:62px !important;
    min-height:62px !important;
    margin:0 !important;
    padding:0 clamp(20px,3.2vw,48px) !important;
    display:grid !important;
    grid-template-columns:max-content minmax(0,1fr) max-content !important;
    align-items:center !important;
    gap:clamp(22px,3.2vw,52px) !important;
    border:0 !important;
    border-bottom:1px solid #27272e !important;
    border-radius:0 !important;
    background:#08070d !important;
    background-image:none !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  html body.landing-v2 .landing-nav::before,
  html body.landing-v2 .landing-nav::after,
  html body.public-info-body .public-header::before,
  html body.public-info-body .public-header::after { display:none !important; }

  html body.landing-v2 .landing-nav > .aureo-brand,
  html body.public-info-body .public-header > .public-brand {
    min-width:0 !important;
    min-height:44px !important;
    margin:0 !important;
    justify-self:start !important;
    display:flex !important;
    align-items:center !important;
    gap:9px !important;
    color:#fff !important;
  }
  html body.landing-v2 .landing-nav > .aureo-brand > span:last-child,
  html body.public-info-body .public-header > .public-brand > span:last-child {
    display:grid !important;
    gap:0 !important;
  }
  html body.landing-v2 .landing-nav > .aureo-brand b,
  html body.public-info-body .public-header > .public-brand b {
    color:#fff !important;
    font-size:15px !important;
    font-weight:800 !important;
    line-height:1 !important;
    letter-spacing:-.025em !important;
  }
  html body.landing-v2 .landing-nav > .aureo-brand small,
  html body.public-info-body .public-header > .public-brand small { display:none !important; }
  html body.landing-v2 .landing-nav > .aureo-brand .aureo-symbol,
  html body.public-info-body .public-header > .public-brand .candle-mark {
    width:31px !important;
    height:31px !important;
    min-width:31px !important;
    flex:0 0 31px !important;
    border:0 !important;
    border-radius:0 !important;
    background-color:transparent !important;
    box-shadow:none !important;
  }

  html body.landing-v2 .landing-nav > nav,
  html body.public-info-body .public-header > .public-navigation {
    position:static !important;
    inset:auto !important;
    width:auto !important;
    min-width:0 !important;
    height:62px !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    justify-self:center !important;
    display:flex !important;
    align-items:stretch !important;
    justify-content:center !important;
    gap:clamp(2px,.75vw,12px) !important;
    overflow:visible !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }
  html body.landing-v2 .landing-nav .lp-nav-group,
  html body.public-info-body .public-navigation details {
    position:relative !important;
    height:62px !important;
    display:flex !important;
    align-items:stretch !important;
  }
  html body.landing-v2 .landing-nav .lp-nav-group > button,
  html body.public-info-body .public-navigation summary {
    position:relative !important;
    min-width:0 !important;
    min-height:62px !important;
    height:62px !important;
    margin:0 !important;
    padding:0 clamp(10px,1vw,16px) !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:0 !important;
    border:0 !important;
    border-radius:0 !important;
    outline-offset:-4px !important;
    background:transparent !important;
    color:#dddce2 !important;
    box-shadow:none !important;
    font-size:12px !important;
    font-weight:680 !important;
    line-height:1 !important;
    letter-spacing:-.005em !important;
    white-space:nowrap !important;
  }
  html body.landing-v2 .landing-nav .lp-nav-chevron,
  html body.public-info-body .public-navigation summary::after { display:none !important; }
  html body.landing-v2 .landing-nav .lp-nav-group:is(:hover,.open) > button,
  html body.landing-v2 .landing-nav .lp-nav-group > button:is(.active,:focus-visible),
  html body.public-info-body .public-navigation details[open] > summary,
  html body.public-info-body .public-navigation summary:is(.active,:hover,:focus-visible) {
    color:#fff !important;
    background:transparent !important;
    box-shadow:inset 0 -2px #005fed !important;
  }

  html body.landing-v2 .landing-nav .lp-mega-menu,
  html.light-theme body.landing-v2 .landing-nav .lp-mega-menu,
  html body.public-info-body .public-navigation details > div,
  html.light-theme body.public-info-body .public-navigation details > div {
    top:calc(100% + 1px) !important;
    max-width:min(730px,calc(100vw - 32px)) !important;
    padding:12px !important;
    border:1px solid #303038 !important;
    border-radius:8px !important;
    background:#111116 !important;
    box-shadow:0 18px 42px rgba(0,0,0,.48) !important;
  }
  html body.landing-v2 .landing-nav .lp-mega-menu a,
  html body.public-info-body .public-navigation details > div a {
    color:#f2f1f4 !important;
    border-radius:6px !important;
  }
  html body.landing-v2 .landing-nav .lp-mega-menu a:hover,
  html body.landing-v2 .landing-nav .lp-mega-menu a:focus-visible,
  html body.public-info-body .public-navigation details > div a:hover,
  html body.public-info-body .public-navigation details > div a:focus-visible,
  html body.public-info-body .public-navigation details > div a[aria-current="page"] {
    background:#27272e !important;
    color:#fff !important;
  }
  html body.landing-v2 .landing-nav .lp-mega-menu small,
  html body.public-info-body .public-navigation details > div small { color:#9d9ca4 !important; }
  html body.landing-v2 .landing-nav .lp-mega-menu section > small { color:#4f95ff !important; }

  html body.landing-v2 .landing-nav > .landing-actions,
  html body.public-info-body .public-header > .public-actions {
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    justify-self:end !important;
    display:flex !important;
    align-items:center !important;
    gap:4px !important;
  }
  html body.landing-v2 .landing-actions .nav-primary,
  html body.public-info-body .public-actions .public-open {
    order:1 !important;
    min-width:102px !important;
    min-height:38px !important;
    height:38px !important;
    padding:0 16px !important;
    border:1px solid #005fed !important;
    border-radius:4px !important;
    background:#005fed !important;
    background-image:none !important;
    color:#fff !important;
    box-shadow:none !important;
    font-size:11px !important;
    font-weight:800 !important;
    white-space:nowrap !important;
  }
  html body.landing-v2 .landing-actions .nav-primary span,
  html body.public-info-body .public-actions .public-open span { display:none !important; }
  html body.landing-v2 .landing-actions .nav-login,
  html body.public-info-body .public-actions .public-login {
    order:2 !important;
    min-width:auto !important;
    min-height:38px !important;
    height:38px !important;
    padding:0 11px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#f1f0f3 !important;
    box-shadow:none !important;
    font-size:11px !important;
    font-weight:750 !important;
    white-space:nowrap !important;
  }
  html body.landing-v2 .landing-actions :is(.nav-primary,.nav-login):hover,
  html body.public-info-body .public-actions :is(.public-open,.public-login):hover { filter:brightness(1.12) !important; }
  html body.landing-v2 .landing-actions .vm-language-switcher,
  html body.public-info-body .public-actions .vm-language-switcher { order:3 !important; }
  html body.landing-v2 .landing-actions .vm-language-current,
  html body.public-info-body .public-actions .vm-language-current {
    min-width:58px !important;
    min-height:38px !important;
    height:38px !important;
    padding:0 8px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#f1f0f3 !important;
    box-shadow:none !important;
    font-size:11px !important;
    font-weight:750 !important;
  }
  html body.landing-v2 .landing-actions .vm-language-menu,
  html body.public-info-body .public-actions .vm-language-menu {
    top:calc(100% + 8px) !important;
    right:0 !important;
    border-color:#303038 !important;
    background:#111116 !important;
  }
  html body.public-info-body .public-support-link,
  html body.landing-v2 .lp-menu-toggle,
  html body.public-info-body .public-menu-button { display:none !important; }
}

@media (max-width:1099px) {
  html body.landing-v2 .landing-nav,
  html.light-theme body.landing-v2 .landing-nav,
  html body.public-info-body .public-header,
  html.light-theme body.public-info-body .public-header {
    position:sticky !important;
    top:0 !important;
    z-index:500 !important;
    box-sizing:border-box !important;
    width:100% !important;
    max-width:none !important;
    min-height:64px !important;
    height:64px !important;
    margin:0 !important;
    padding:0 12px !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    border:0 !important;
    border-bottom:1px solid #27272e !important;
    border-radius:0 !important;
    background:#08070d !important;
    background-image:none !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  html body.landing-v2 .landing-nav::before,
  html body.landing-v2 .landing-nav::after,
  html body.public-info-body .public-header::before,
  html body.public-info-body .public-header::after { display:none !important; }
  html body.landing-v2 .landing-nav > .aureo-brand,
  html body.public-info-body .public-header > .public-brand {
    order:0 !important;
    min-width:0 !important;
    min-height:44px !important;
    margin:0 auto 0 0 !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    color:#fff !important;
  }
  html body.landing-v2 .landing-nav > .aureo-brand b,
  html body.public-info-body .public-header > .public-brand b {
    color:#fff !important;
    font-size:14px !important;
    font-weight:800 !important;
    line-height:1 !important;
  }
  html body.landing-v2 .landing-nav > .aureo-brand small,
  html body.public-info-body .public-header > .public-brand small { display:none !important; }
  html body.landing-v2 .landing-nav > .aureo-brand .aureo-symbol,
  html body.public-info-body .public-header > .public-brand .candle-mark {
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    flex:0 0 34px !important;
    border:0 !important;
    border-radius:0 !important;
    background-color:transparent !important;
    box-shadow:none !important;
  }

  html body.landing-v2 .landing-nav > nav,
  html body.public-info-body .public-header > .public-navigation {
    position:absolute !important;
    z-index:520 !important;
    top:64px !important;
    left:8px !important;
    right:8px !important;
    width:auto !important;
    height:auto !important;
    max-height:calc(100dvh - 76px) !important;
    margin:0 !important;
    padding:8px !important;
    display:none !important;
    grid-template-columns:1fr !important;
    align-items:start !important;
    gap:4px !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
    border:1px solid #303038 !important;
    border-radius:8px !important;
    background:#101015 !important;
    box-shadow:0 22px 50px rgba(0,0,0,.56) !important;
  }
  html body.landing-v2 .landing-nav.menu-open > nav,
  html body.public-info-body .public-header.menu-open > .public-navigation { display:grid !important; }

  html body.landing-v2 .landing-nav .lp-nav-group,
  html body.public-info-body .public-navigation details {
    width:100% !important;
    height:auto !important;
    display:grid !important;
  }
  html body.landing-v2 .landing-nav .lp-nav-group > button,
  html body.public-info-body .public-navigation summary {
    width:100% !important;
    min-height:46px !important;
    height:auto !important;
    padding:0 13px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    border:0 !important;
    border-radius:5px !important;
    background:transparent !important;
    color:#e7e6ea !important;
    box-shadow:none !important;
    font-size:13px !important;
    font-weight:750 !important;
  }
  html body.landing-v2 .landing-nav .lp-nav-group > button:is(.active,:focus-visible),
  html body.landing-v2 .landing-nav .lp-nav-group.open > button,
  html body.public-info-body .public-navigation summary:is(.active,:focus-visible),
  html body.public-info-body .public-navigation details[open] > summary {
    background:#292930 !important;
    color:#fff !important;
    box-shadow:inset 3px 0 #005fed !important;
  }
  html body.landing-v2 .landing-nav .lp-nav-chevron { display:grid !important; color:#4f95ff !important; }

  html body.landing-v2 .landing-nav .lp-nav-group > .lp-mega-menu,
  html body.landing-v2 .landing-nav .lp-nav-group:is(:hover,:focus-within) > .lp-mega-menu {
    display:none !important;
  }
  html body.landing-v2 .landing-nav .lp-nav-group.open > .lp-mega-menu,
  html body.public-info-body .public-navigation details[open] > div {
    position:static !important;
    inset:auto !important;
    width:100% !important;
    max-width:none !important;
    max-height:none !important;
    margin:3px 0 6px !important;
    padding:6px !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    overflow:visible !important;
    transform:none !important;
    border:1px solid #303038 !important;
    border-radius:6px !important;
    background:#17171d !important;
    box-shadow:none !important;
    animation:none !important;
  }
  html body.landing-v2 .landing-nav .lp-mega-menu section + section {
    padding-left:4px !important;
    border-left:0 !important;
    border-top:1px solid #303038 !important;
  }
  html body.landing-v2 .landing-nav .lp-mega-menu a,
  html body.public-info-body .public-navigation details > div a {
    min-height:48px !important;
    color:#f3f2f5 !important;
    border-radius:5px !important;
  }
  html body.landing-v2 .landing-nav .lp-mega-menu a:hover,
  html body.public-info-body .public-navigation details > div a:hover,
  html body.public-info-body .public-navigation details > div a[aria-current="page"] { background:#292930 !important; }
  html body.landing-v2 .landing-nav .lp-mega-menu em,
  html body.public-info-body .public-navigation details > div small { color:#aaa9b1 !important; }

  html body.landing-v2 .landing-nav > .landing-actions,
  html body.public-info-body .public-header > .public-actions {
    order:1 !important;
    width:auto !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    gap:5px !important;
  }
  html body.public-info-body .public-header > .public-menu-button { order:2 !important; }
  html body.landing-v2 .landing-actions .nav-primary,
  html body.public-info-body .public-actions .public-open {
    order:1 !important;
    min-width:98px !important;
    min-height:42px !important;
    height:42px !important;
    padding:0 12px !important;
    border:1px solid #005fed !important;
    border-radius:4px !important;
    background:#005fed !important;
    background-image:none !important;
    color:#fff !important;
    box-shadow:none !important;
    font-size:11px !important;
    font-weight:800 !important;
    white-space:nowrap !important;
  }
  html body.landing-v2 .landing-actions .nav-primary span,
  html body.public-info-body .public-actions .public-open span { display:none !important; }
  html body.landing-v2 .landing-actions .nav-login,
  html body.public-info-body .public-actions .public-login {
    order:2 !important;
    min-width:88px !important;
    min-height:42px !important;
    height:42px !important;
    padding:0 8px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#fff !important;
    box-shadow:none !important;
    font-size:11px !important;
    font-weight:750 !important;
    white-space:nowrap !important;
  }
  html body.landing-v2 .landing-actions .vm-language-switcher,
  html body.public-info-body .public-actions .vm-language-switcher { order:3 !important; }
  html body.landing-v2 .landing-actions .vm-language-current,
  html body.public-info-body .public-actions .vm-language-current {
    min-width:52px !important;
    min-height:42px !important;
    height:42px !important;
    padding:0 7px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#fff !important;
    box-shadow:none !important;
    font-size:11px !important;
  }
  html body.landing-v2 .landing-actions .lp-menu-toggle,
  html body.public-info-body .public-header > .public-menu-button {
    order:4 !important;
    width:42px !important;
    min-width:42px !important;
    height:42px !important;
    min-height:42px !important;
    padding:0 !important;
    display:grid !important;
    place-items:center !important;
    border:1px solid #383840 !important;
    border-radius:6px !important;
    background:#202027 !important;
    color:#fff !important;
    box-shadow:none !important;
  }
  html body.landing-v2 .landing-actions .lp-menu-toggle svg,
  html body.public-info-body .public-header > .public-menu-button svg {
    width:19px !important;
    height:19px !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:1.8 !important;
  }
  html body.public-info-body .public-support-link { display:none !important; }
}

@media (max-width:760px) {
  html body.landing-v2 .landing-nav,
  html body.public-info-body .public-header {
    padding:0 8px !important;
    gap:5px !important;
  }
  html body.landing-v2 .landing-nav > .aureo-brand > span:last-child,
  html body.public-info-body .public-header > .public-brand > span:last-child { display:none !important; }
  html body.landing-v2 .landing-nav > .aureo-brand .aureo-symbol,
  html body.public-info-body .public-header > .public-brand .candle-mark {
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    flex-basis:32px !important;
  }
  html body.landing-v2 .landing-actions .vm-language-switcher,
  html body.public-info-body .public-actions .vm-language-switcher { display:none !important; }
  html body.landing-v2 .landing-nav > .landing-actions,
  html body.public-info-body .public-header > .public-actions { gap:4px !important; }
  html body.landing-v2 .landing-actions .nav-primary,
  html body.public-info-body .public-actions .public-open {
    min-width:90px !important;
    padding:0 8px !important;
    font-size:10px !important;
  }
  html body.landing-v2 .landing-actions .nav-login,
  html body.public-info-body .public-actions .public-login {
    min-width:80px !important;
    padding:0 5px !important;
    font-size:10px !important;
  }
  html body.landing-v2 .landing-actions .lp-menu-toggle,
  html body.public-info-body .public-header > .public-menu-button {
    width:40px !important;
    min-width:40px !important;
    height:42px !important;
  }
}

@media (max-width:350px) {
  html body.landing-v2 .landing-nav,
  html body.public-info-body .public-header { padding-inline:6px !important; gap:3px !important; }
  html body.landing-v2 .landing-nav > .aureo-brand .aureo-symbol,
  html body.public-info-body .public-header > .public-brand .candle-mark {
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
    flex-basis:28px !important;
  }
  html body.landing-v2 .landing-actions .nav-primary,
  html body.public-info-body .public-actions .public-open { min-width:84px !important; padding-inline:6px !important; }
  html body.landing-v2 .landing-actions .nav-login,
  html body.public-info-body .public-actions .public-login { min-width:76px !important; padding-inline:3px !important; }
  html body.landing-v2 .landing-actions .lp-menu-toggle,
  html body.public-info-body .public-header > .public-menu-button { width:38px !important; min-width:38px !important; }
}

/* v71 final lock: VisionTMarkets blue identity, readable spacing and media. */
html {
  --vm-blue:#126bff;
  --vm-blue-strong:#084bc7;
  --vm-cyan:#4ab8ff;
  --vm-teal:#178cff;
  --vm-red:#2f80ff;
  --vm-action:#126bff;
  --vm-action-hover:#368bff;
  --vm-action-deep:#0847ba;
}

html :is(.aureo-symbol,.candle-mark,.lp-terminal-brandmark) {
  background:transparent url('/static/app-icon.svg?v=73') center/contain no-repeat !important;
}

html :is(.aureo-symbol,.candle-mark) > i,
html body.landing-v2 .lp-hero-reel video,
html body.landing-v2 .lp-product-video { display:none !important; }

html body.landing-v2 .lp-product-main {
  background-image:linear-gradient(90deg,rgba(5,13,27,.93),rgba(5,13,27,.32)),url('/static/img/campaign/vision-t-cinematic-desk-v67.webp') !important;
  background-position:center !important;
  background-size:cover !important;
}

html :is(.aureo-brand,.public-brand,.portal-brand,.staff-brand,.terminal-brand) > span:last-child > b {
  max-width:100% !important;
  white-space:nowrap !important;
  letter-spacing:-.035em !important;
  text-wrap:nowrap !important;
}

html body.portal-body .portal-sidebar .portal-brand b,
html body[data-staff-role] .staff-sidebar .staff-brand b,
html .terminal-shell .terminal-brand b { font-size:13px !important; }

html body :is(button,a,input,select,textarea):focus-visible {
  outline-color:#62b3ff !important;
}

@media (max-width:760px) {
  html body.landing-v2 .landing-nav > .aureo-brand .aureo-symbol,
  html body.public-info-body .public-header > .public-brand .candle-mark {
    width:34px !important;
    min-width:34px !important;
    height:34px !important;
    flex-basis:34px !important;
  }
}

/* v67 final semantic lock: blue is brand/navigation; market meaning keeps
   the established green (buy/up) and red (sell/down/destructive) convention. */
html { --vm-loss:#ef3340; --vm-loss-dark:#b91c2b; }

html body.landing-v2 .price-ticker-track .ticker-asset > i {
  width:30px !important;
  min-width:30px !important;
  overflow:hidden !important;
}
html body.portal-body .kyc-control-grid article p {
  color:#aeb7c4 !important;
  font-size:11px !important;
  line-height:1.42 !important;
}
html body :is(.negative.negative,.loss.loss,.down.down),
html body.landing-v2 .ticker-asset > small.down,
html body.landing-v2 .ticker-asset:has(> small.down) > strong,
html body:has(.terminal-shell) .terminal-shell .closed-result.negative,
html body:has(.terminal-shell) .terminal-shell .closed-result.negative :is(b,em) { color:var(--vm-loss) !important; }

html body:has(.terminal-shell) .terminal-shell .quote-button.sell,
html body:has(.terminal-shell) .order-ticket .submit-order.sell-action,
html body:has(.terminal-shell) .order-ticket .buy-sell button.active[data-side="sell"],
html .terminal-shell .side-pill.sell {
  color:#fff !important;
  border-color:var(--vm-loss-dark) !important;
  background:var(--vm-loss) !important;
  background-image:none !important;
  box-shadow:none !important;
}
html body[data-staff-role] button.danger,
html body:has(.terminal-shell) :is(.danger-tool,.position-close),
html body[data-staff-role] .status:is(.rejected,.blocked,.closed,.cancelled),
html body.portal-body :is(.status.rejected,.portal-toast.error,.login-error),
html .terminal-shell .toast.error {
  border-color:rgba(239,51,64,.48) !important;
  background:rgba(239,51,64,.13) !important;
  color:#ffb4bc !important;
}
html body:has(.terminal-shell) :is(.danger-tool,.position-close),
html body[data-staff-role] button.danger {
  color:#fff !important;
  background:var(--vm-loss) !important;
}
html body.landing-v2 .lp-terminal-chart .candles .down {
  fill:var(--vm-loss) !important;
  stroke:var(--vm-loss) !important;
}

/* v68 support-page polish: the return action is a quiet navigation link,
   never a dark action slab on the light information surface. */
html body.public-info-body .support-page-layout > aside > a:first-child {
  width:max-content !important;
  max-width:100% !important;
  min-height:44px !important;
  margin:0 0 30px !important;
  padding:0 3px !important;
  display:flex !important;
  align-items:center !important;
  color:#084bc7 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  font-size:13px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  text-decoration:none !important;
}
html body.public-info-body .support-page-layout > aside > a:first-child:is(:hover,:focus-visible) {
  color:#126bff !important;
  text-decoration:underline !important;
  text-underline-offset:4px !important;
}

@media (max-width:760px) {
  html body.public-info-body .support-page-layout > aside > a:first-child {
    margin-bottom:20px !important;
    font-size:12px !important;
  }
}

/* v69 public-system refinement: crisp blue payment marks, premium legal cards
   and quiet blue back-navigation replace the remaining flat graphite blocks. */
html body.public-info-body .payment-method-showcase article {
  color:#10263a !important;
  border-color:#c2d6e5 !important;
  background:linear-gradient(145deg,#ffffff 0%,#f3f8fc 100%) !important;
  background-image:linear-gradient(145deg,#ffffff 0%,#f3f8fc 100%) !important;
  box-shadow:0 18px 42px rgba(20,72,111,.1) !important;
}
html body.public-info-body .payment-method-showcase article:hover {
  border-color:#6fafe2 !important;
  box-shadow:0 24px 52px rgba(15,83,145,.15) !important;
}
html body.public-info-body .payment-method-showcase img {
  width:72px !important;
  max-width:72px !important;
  height:72px !important;
  max-height:72px !important;
  padding:12px !important;
  object-fit:contain !important;
  border-color:#bad6ea !important;
  background:linear-gradient(145deg,#0b2945,#0d3e69) !important;
  filter:none !important;
}
html body.public-info-body .payment-method-showcase :is(h3,p) {
  max-width:100% !important;
}

html body.public-info-body .legal-section {
  color:#10263a !important;
  border-color:#c3d6e5 !important;
  background:linear-gradient(145deg,#ffffff 0%,#f4f8fc 100%) !important;
  background-image:linear-gradient(145deg,#ffffff 0%,#f4f8fc 100%) !important;
  box-shadow:0 16px 38px rgba(20,72,111,.085) !important;
}
html body.public-info-body .legal-section:hover {
  border-color:#70afe2 !important;
  box-shadow:0 20px 45px rgba(15,83,145,.13) !important;
}
html body.public-info-body .legal-section > span {
  color:#fff !important;
  border:1px solid rgba(93,196,255,.34) !important;
  border-radius:14px !important;
  background:linear-gradient(145deg,#1989dd 0%,#064ab6 100%) !important;
  background-image:linear-gradient(145deg,#1989dd 0%,#064ab6 100%) !important;
  box-shadow:0 10px 24px rgba(3,79,174,.22) !important;
}
html body.public-info-body .legal-section :is(h2,p) {
  color:#10263a !important;
}
html body.public-info-body .legal-section p {
  color:#506a7d !important;
}

html body.public-info-body .footer-payments a {
  min-height:66px !important;
  padding:10px 12px !important;
  display:grid !important;
  grid-template-columns:42px minmax(0,1fr) !important;
  align-items:center !important;
  gap:10px !important;
  color:#f7fbff !important;
  border-color:#3d566d !important;
  border-radius:16px !important;
  background:linear-gradient(145deg,#202b38 0%,#151c25 100%) !important;
  background-image:linear-gradient(145deg,#202b38 0%,#151c25 100%) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 10px 26px rgba(0,0,0,.12) !important;
}
html body.public-info-body .footer-payments a:hover {
  border-color:#3189eb !important;
  background:linear-gradient(145deg,#24384c 0%,#172534 100%) !important;
  background-image:linear-gradient(145deg,#24384c 0%,#172534 100%) !important;
}
html body.public-info-body .footer-payments img {
  width:42px !important;
  max-width:42px !important;
  height:42px !important;
  max-height:42px !important;
  padding:7px !important;
  object-fit:contain !important;
  border:1px solid #345a78 !important;
  border-radius:12px !important;
  background:#0b2b48 !important;
  filter:none !important;
}
html body.public-info-body .footer-payments b {
  min-width:0 !important;
  color:#edf7ff !important;
  font-size:11.5px !important;
  line-height:1.25 !important;
  text-align:left !important;
}

html body.public-info-body :is(.public-hero,.registration-layout > aside,.support-page-layout > aside) > a:first-child {
  width:max-content !important;
  max-width:100% !important;
  min-height:44px !important;
  padding:0 3px !important;
  display:flex !important;
  align-items:center !important;
  color:#084bc7 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  font-weight:800 !important;
}
html body.public-info-body :is(.public-hero,.registration-layout > aside,.support-page-layout > aside) > a:first-child:is(:hover,:focus-visible) {
  color:#126bff !important;
  text-decoration:underline !important;
  text-underline-offset:4px !important;
}

@media (max-width:430px) {
  html body.public-info-body .footer-payments a {
    min-height:62px !important;
    padding:9px !important;
    grid-template-columns:38px minmax(0,1fr) !important;
    gap:8px !important;
  }
  html body.public-info-body .footer-payments img {
    width:38px !important;
    max-width:38px !important;
    height:38px !important;
    max-height:38px !important;
    padding:6px !important;
  }
  html body.public-info-body .footer-payments b { font-size:10.5px !important; }
}

/* v70 · WebTrader interaction polish.  Market categories filter the catalogue
   without impersonating an instrument selection, while the account strip and
   utility controls keep their information readable instead of boxing it in. */
html body:has(.terminal-shell) .terminal-shell .position-close {
  color:#fff !important;
  border-color:#ef3340 !important;
  background:#ef3340 !important;
  background-image:none !important;
  box-shadow:0 7px 18px rgba(239,51,64,.18) !important;
}
html body:has(.terminal-shell) .terminal-shell .position-close:is(:hover,:focus-visible) {
  border-color:#ff5a66 !important;
  background:#d92332 !important;
  box-shadow:0 0 0 3px rgba(239,51,64,.16),0 8px 20px rgba(239,51,64,.2) !important;
}
html body:has(.terminal-shell) .terminal-shell .position-close:disabled {
  cursor:wait !important;
  opacity:.68 !important;
  border-color:#a83842 !important;
  background:#a83842 !important;
  box-shadow:none !important;
}

html .terminal-shell .position-asset-cell { min-width:0 !important; }
html .terminal-shell .position-symbol {
  width:max-content !important;
  max-width:100% !important;
  min-height:32px !important;
  margin:0 !important;
  padding:3px 5px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:3px !important;
  overflow:hidden !important;
  color:inherit !important;
  border:0 !important;
  border-radius:6px !important;
  background:transparent !important;
  box-shadow:none !important;
  text-align:left !important;
  cursor:pointer !important;
}
html .terminal-shell .position-symbol :is(b,small) {
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
html .terminal-shell .position-symbol:is(:hover,:focus-visible) {
  color:#fff !important;
  background:rgba(18,107,255,.13) !important;
  outline:1px solid rgba(74,184,255,.55) !important;
  outline-offset:1px !important;
}
html .terminal-shell .position-symbol:is(:hover,:focus-visible) b { color:#78bdff !important; }

html .terminal-shell .market-search {
  width:auto !important;
  min-height:44px !important;
  height:44px !important;
  margin:0 8px 11px !important;
  padding:0 12px !important;
  gap:9px !important;
  border-radius:10px !important;
}
html .terminal-shell .market-search input {
  width:100% !important;
  min-width:0 !important;
  min-height:40px !important;
  font-size:12px !important;
}

@media (min-width:1281px) {
  html .terminal-shell .terminal-grid {
    grid-template-columns:292px minmax(0,1fr) !important;
  }
}
@media (min-width:1121px) and (max-width:1280px) {
  html .terminal-shell .terminal-grid {
    grid-template-columns:272px minmax(0,1fr) !important;
  }
}
@media (min-width:901px) and (max-width:1120px) {
  html .terminal-shell .terminal-grid {
    grid-template-columns:248px minmax(0,1fr) !important;
  }
  html .terminal-shell .elite-instrument-stats { display:none !important; }
  html .terminal-shell .instrument-quote { margin-left:auto !important; }
  html .terminal-shell :is(.position-head,.position-row) {
    min-width:720px !important;
    grid-template-columns:1.12fr .58fr .66fr .86fr .72fr .78fr 1fr !important;
  }
  html .terminal-shell :is(.position-head,.position-row) > span:nth-child(7) { display:none !important; }
  html .terminal-shell .position-actions {
    width:100% !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) !important;
    gap:4px !important;
  }
  html .terminal-shell .position-actions button {
    width:100% !important;
    min-width:0 !important;
    padding-inline:4px !important;
    font-size:8px !important;
  }
}

@media (min-width:901px) {
  /* Account actions already live in the complete profile menu.  Do not keep a
     third grid track for the redundant rail: the chart and activity surface
     must consume the remaining viewport at every desktop width. */
  html .terminal-shell .account-sidebar { display:none !important; }
  html .terminal-shell .trade-workspace {
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
  }
  html .terminal-shell :is(.instrument-bar,.terminal-chart,.positions-panel) {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }
}

@media (min-width:901px) {
  html body:has(.terminal-shell) .terminal-shell .top-metrics {
    width:min(100%,680px) !important;
    max-width:680px !important;
    height:46px !important;
    gap:0 !important;
    padding:0 4px !important;
    align-items:center !important;
  }
  html body:has(.terminal-shell) .terminal-shell .top-metrics article {
    min-width:0 !important;
    height:40px !important;
    padding:4px 15px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    background-image:none !important;
    box-shadow:none !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-rows:13px 18px !important;
    align-content:center !important;
  }
  html body:has(.terminal-shell) .terminal-shell .top-metrics article + article {
    border-left:1px solid #3d434c !important;
  }
  html body:has(.terminal-shell) .terminal-shell .top-metrics small {
    font-size:8px !important;
    line-height:1.2 !important;
    letter-spacing:.07em !important;
  }
  html body:has(.terminal-shell) .terminal-shell .top-metrics b {
    min-width:0 !important;
    overflow:visible !important;
    color:#fff !important;
    font-size:12px !important;
    line-height:1.2 !important;
    text-overflow:clip !important;
    white-space:nowrap !important;
  }
  html body:has(.terminal-shell) .terminal-shell .top-metrics span {
    align-self:center !important;
    padding-left:7px !important;
    font-size:8px !important;
    line-height:1.2 !important;
  }

  html .terminal-shell .elite-command-trigger {
    width:170px !important;
    min-width:170px !important;
    height:40px !important;
    min-height:40px !important;
    padding:0 9px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;
    color:#eef5ff !important;
    border:1px solid #454c57 !important;
    border-radius:10px !important;
    background:#242932 !important;
    box-shadow:none !important;
    cursor:pointer !important;
  }
  html .terminal-shell .elite-command-trigger-icon {
    width:18px !important;
    height:18px !important;
    min-width:18px !important;
    display:grid !important;
    place-items:center !important;
    color:#65b4ff !important;
  }
  html .terminal-shell .elite-command-trigger-icon .ui-icon {
    width:18px !important;
    height:18px !important;
  }
  html .terminal-shell .elite-command-trigger > span {
    flex:1 1 auto !important;
    min-width:0 !important;
    font-size:10px !important;
    text-align:left !important;
    white-space:nowrap !important;
  }
  html .terminal-shell .elite-command-trigger kbd {
    flex:0 0 auto !important;
    padding:3px 5px !important;
    color:#cbd4df !important;
    border:1px solid #505864 !important;
    border-radius:5px !important;
    background:#191d23 !important;
    font-size:8px !important;
    line-height:1 !important;
  }
}

html .terminal-shell .top-controls > .vm-language-switcher {
  width:60px !important;
  min-width:60px !important;
  flex:0 0 60px !important;
}
html .terminal-shell .top-controls .vm-language-current {
  width:60px !important;
  min-width:60px !important;
  height:40px !important;
  min-height:40px !important;
  padding:0 8px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  color:#eef5ff !important;
  border:1px solid #454c57 !important;
  border-radius:10px !important;
  background:#242932 !important;
  box-shadow:none !important;
  letter-spacing:.04em !important;
}
html .terminal-shell .top-controls .vm-language-current::after {
  content:"" !important;
  width:6px !important;
  height:6px !important;
  margin:-3px 0 0 1px !important;
  border-right:1.5px solid #8fa0b4 !important;
  border-bottom:1.5px solid #8fa0b4 !important;
  transform:rotate(45deg) !important;
}
html .terminal-shell .top-controls .vm-language-icon {
  width:15px !important;
  height:15px !important;
  flex:0 0 15px !important;
  color:#65b4ff !important;
}
html .terminal-shell .top-controls .vm-language-menu {
  width:66px !important;
  padding:5px !important;
  border-radius:9px !important;
}

@media (max-width:760px) {
  html .terminal-shell .top-controls > .vm-language-switcher {
    width:54px !important;
    min-width:54px !important;
    flex-basis:54px !important;
  }
  html .terminal-shell .top-controls .vm-language-current {
    width:54px !important;
    min-width:54px !important;
    height:42px !important;
    min-height:42px !important;
    padding-inline:6px !important;
  }
  html .terminal-shell .top-controls .vm-language-icon {
    width:14px !important;
    height:14px !important;
    flex-basis:14px !important;
  }
  html .terminal-shell .top-controls .vm-language-current::after {
    width:5px !important;
    height:5px !important;
    margin-left:0 !important;
  }
  html .terminal-shell.mobile-view-activity .position-row {
    height:116px !important;
    grid-template-rows:30px 27px 27px 32px !important;
  }
  html .terminal-shell.mobile-view-activity .position-actions,
  html .terminal-shell.mobile-view-activity .position-actions button {
    height:32px !important;
    min-height:32px !important;
  }
  html .terminal-shell.mobile-view-activity .position-actions button {
    font-size:9px !important;
  }
}

/* v71 · Compact command centre and dialog quality pass. */
html body.elite-command-open { overflow:hidden !important; }
html body:has(.terminal-shell) .elite-command-backdrop {
  z-index:10000 !important;
  padding:clamp(18px,8vh,76px) 16px 18px !important;
  align-items:flex-start !important;
  overflow:auto !important;
  background:
    radial-gradient(circle at 50% 7%,rgba(18,107,255,.15),transparent 38%),
    rgba(2,6,12,.82) !important;
  -webkit-backdrop-filter:blur(18px) saturate(115%) !important;
  backdrop-filter:blur(18px) saturate(115%) !important;
}
html body:has(.terminal-shell) .elite-command {
  width:min(680px,calc(100vw - 32px)) !important;
  max-height:calc(100dvh - clamp(36px,16vh,152px)) !important;
  display:grid !important;
  grid-template-rows:auto minmax(0,1fr) !important;
  overflow:hidden !important;
  color:#f4f8fc !important;
  border:1px solid rgba(95,173,255,.42) !important;
  border-radius:18px !important;
  background:
    linear-gradient(145deg,rgba(18,31,48,.98),rgba(7,15,27,.99)) !important;
  background-image:
    linear-gradient(145deg,rgba(18,31,48,.98),rgba(7,15,27,.99)) !important;
  box-shadow:0 34px 100px rgba(0,0,0,.66),inset 0 1px rgba(255,255,255,.045) !important;
}
html body:has(.terminal-shell) .elite-command > header {
  min-height:68px !important;
  padding:10px 12px !important;
  display:grid !important;
  grid-template-columns:44px minmax(0,1fr) auto 44px !important;
  align-items:center !important;
  gap:8px !important;
  border-bottom:1px solid rgba(116,161,201,.2) !important;
  background:rgba(255,255,255,.018) !important;
}
html body:has(.terminal-shell) .elite-command > header > i {
  width:44px !important;
  height:44px !important;
  display:grid !important;
  place-items:center !important;
  color:#75bdff !important;
  border:1px solid rgba(75,158,255,.24) !important;
  border-radius:12px !important;
  background:rgba(18,107,255,.12) !important;
}
html body:has(.terminal-shell) .elite-command > header > i .ui-icon {
  width:20px !important;
  height:20px !important;
}
html body:has(.terminal-shell) .elite-command input {
  min-width:0 !important;
  height:44px !important;
  padding:0 4px !important;
  color:#f8fbff !important;
  caret-color:#69b6ff !important;
  font-size:15px !important;
  font-weight:650 !important;
  line-height:1.2 !important;
}
html body:has(.terminal-shell) .elite-command input::placeholder { color:#8297ab !important; opacity:1 !important; }
html body:has(.terminal-shell) .elite-command > header > kbd,
html body:has(.terminal-shell) .elite-command-item em kbd {
  color:#a9b8c6 !important;
  border:1px solid rgba(134,162,187,.3) !important;
  background:rgba(6,13,23,.54) !important;
  box-shadow:inset 0 1px rgba(255,255,255,.035) !important;
  font-family:inherit !important;
  font-weight:800 !important;
}
html body:has(.terminal-shell) .elite-command > header > kbd {
  padding:5px 7px !important;
  border-radius:6px !important;
  font-size:9px !important;
  letter-spacing:.06em !important;
}
html body:has(.terminal-shell) .elite-command-dismiss {
  width:44px !important;
  min-width:44px !important;
  height:44px !important;
  min-height:44px !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
  color:#b8c6d3 !important;
  border:1px solid rgba(139,166,189,.22) !important;
  border-radius:11px !important;
  background:rgba(255,255,255,.035) !important;
  box-shadow:none !important;
  cursor:pointer !important;
}
html body:has(.terminal-shell) .elite-command-dismiss .ui-icon { width:18px !important; height:18px !important; }
html body:has(.terminal-shell) .elite-command-dismiss:is(:hover,:focus-visible) {
  color:#fff !important;
  border-color:#398eff !important;
  background:#126bff !important;
  outline:0 !important;
}
html body:has(.terminal-shell) .elite-command-list {
  min-height:0 !important;
  max-height:min(58vh,430px) !important;
  padding:8px !important;
  overflow:auto !important;
  overscroll-behavior:contain !important;
  scrollbar-width:thin !important;
  scrollbar-color:#3f79af transparent !important;
}
html body:has(.terminal-shell) .elite-command-list::-webkit-scrollbar { width:7px !important; }
html body:has(.terminal-shell) .elite-command-list::-webkit-scrollbar-thumb {
  border:2px solid transparent !important;
  border-radius:999px !important;
  background:#3f79af !important;
  background-clip:padding-box !important;
}
html body:has(.terminal-shell) .elite-command-group {
  min-height:28px !important;
  padding:9px 10px 5px !important;
  display:flex !important;
  align-items:center !important;
  color:#7f9ab2 !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.11em !important;
}
html body:has(.terminal-shell) .elite-command-item {
  width:100% !important;
  min-height:56px !important;
  padding:7px 10px !important;
  grid-template-columns:40px minmax(0,1fr) auto !important;
  gap:11px !important;
  color:#eaf3fb !important;
  border:1px solid transparent !important;
  border-radius:11px !important;
  background:transparent !important;
  box-shadow:none !important;
}
html body:has(.terminal-shell) .elite-command-item:is(:hover,:focus-visible,.is-active),
html body:has(.terminal-shell) .elite-command-item[aria-selected="true"] {
  color:#fff !important;
  border-color:rgba(65,150,255,.38) !important;
  background:linear-gradient(90deg,rgba(18,107,255,.22),rgba(18,107,255,.07)) !important;
  background-image:linear-gradient(90deg,rgba(18,107,255,.22),rgba(18,107,255,.07)) !important;
  outline:0 !important;
}
html body:has(.terminal-shell) .elite-command-item > i {
  width:40px !important;
  height:40px !important;
  display:grid !important;
  place-items:center !important;
  color:#76bdff !important;
  border:1px solid rgba(81,153,221,.22) !important;
  border-radius:10px !important;
  background:rgba(29,67,103,.45) !important;
}
html body:has(.terminal-shell) .elite-command-item:is(:hover,:focus-visible,.is-active) > i {
  color:#fff !important;
  border-color:rgba(96,176,255,.5) !important;
  background:#126bff !important;
}
html body:has(.terminal-shell) .elite-command-item > i > .ui-icon { width:19px !important; height:19px !important; }
html body:has(.terminal-shell) .elite-command-item > span { min-width:0 !important; gap:3px !important; }
html body:has(.terminal-shell) .elite-command-item b {
  overflow:hidden !important;
  color:inherit !important;
  font-size:13px !important;
  line-height:1.2 !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
html body:has(.terminal-shell) .elite-command-item small {
  overflow:hidden !important;
  color:#93a8bb !important;
  font-size:11px !important;
  line-height:1.25 !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
html body:has(.terminal-shell) .elite-command-item em { color:#8196a9 !important; font-size:9px !important; }
html body:has(.terminal-shell) .elite-command-item em kbd { padding:4px 6px !important; border-radius:5px !important; font-size:8px !important; }
html body:has(.terminal-shell) .elite-command-empty {
  min-height:150px !important;
  padding:28px 18px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  color:#e7f1fa !important;
  font-size:13px !important;
  font-weight:800 !important;
  text-align:center !important;
}
html body:has(.terminal-shell) .elite-command-empty small { color:#89a0b5 !important; font-size:11px !important; font-weight:500 !important; }

/* The trading dialogs share one compact, legible surface instead of mixing
   several generations of panels. */
html body:has(.terminal-shell) .modal-backdrop {
  z-index:9000 !important;
  padding:18px !important;
  overflow:auto !important;
  background:
    radial-gradient(circle at 50% 15%,rgba(18,107,255,.12),transparent 36%),
    rgba(2,5,10,.86) !important;
  -webkit-backdrop-filter:blur(16px) saturate(110%) !important;
  backdrop-filter:blur(16px) saturate(110%) !important;
}
html body:has(.terminal-shell) .order-ticket {
  width:min(430px,100%) !important;
  max-height:calc(100dvh - 36px) !important;
  margin:auto !important;
  padding:20px !important;
  overflow:auto !important;
  color:#f5f8fb !important;
  border:1px solid rgba(94,164,230,.36) !important;
  border-radius:18px !important;
  background:linear-gradient(145deg,#152334,#09121f) !important;
  background-image:linear-gradient(145deg,#152334,#09121f) !important;
  box-shadow:0 32px 92px rgba(0,0,0,.66),inset 0 1px rgba(255,255,255,.04) !important;
  scrollbar-width:thin !important;
  scrollbar-color:#3f79af transparent !important;
}
html body:has(.terminal-shell) .order-ticket > header { min-height:48px !important; align-items:flex-start !important; gap:14px !important; }
html body:has(.terminal-shell) .order-ticket header small,
html body:has(.terminal-shell) .order-ticket .order-asset small {
  color:#67b1ff !important;
  font-size:10px !important;
  line-height:1.2 !important;
}
html body:has(.terminal-shell) .order-ticket h2 { margin-top:5px !important; font-size:22px !important; line-height:1.12 !important; }
html body:has(.terminal-shell) .order-ticket .close-modal {
  width:44px !important;
  min-width:44px !important;
  height:44px !important;
  min-height:44px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:11px !important;
}
html body:has(.terminal-shell) .order-ticket .close-modal .ui-icon { width:18px !important; height:18px !important; }
html body:has(.terminal-shell) .order-ticket > label,
html body:has(.terminal-shell) .order-ticket .risk-inputs > label {
  color:#bbc9d5 !important;
  font-size:12px !important;
  line-height:1.3 !important;
}
html body:has(.terminal-shell) .order-ticket :is(.money-input,select) { min-height:50px !important; border-radius:10px !important; }
html body:has(.terminal-shell) .order-ticket :is(input,select) { font-size:14px !important; }
html body:has(.terminal-shell) .order-ticket :is(.buy-sell,.order-types,.close-presets) button,
html body:has(.terminal-shell) .order-ticket .submit-order {
  min-height:46px !important;
  font-size:12px !important;
  border-radius:10px !important;
}
html body:has(.terminal-shell) .order-ticket .order-info span,
html body:has(.terminal-shell) .order-ticket > p { font-size:11px !important; line-height:1.45 !important; }
/* Blue identifies navigation and selection. Red remains reserved for sell,
   close, loss and downward market movement. */
html body:has(.terminal-shell) .terminal-shell :is(
  .market-tabs button.active,
  .table-tabs button.active,
  .timeframes button.active,
  .chart-tool.active,
  .chart-tool[aria-expanded="true"],
  .chart-action.active,
  .toolbar-menu button.active,
  .option-menu > button.active,
  .timeframe-menu button.active,
  .mobile-app-nav button.active,
  .mobile-app-nav a.active,
  .round-button.active
) {
  color:#fff !important;
  border-color:#2e86ff !important;
  background-color:rgba(18,107,255,.24) !important;
  background-image:none !important;
  box-shadow:inset 0 -2px #126bff !important;
}
html body:has(.terminal-shell) .terminal-shell .market-tabs button.active {
  background-color:#126bff !important;
  box-shadow:none !important;
}
html body:has(.terminal-shell) .terminal-shell .market-row.selected {
  border-color:rgba(75,151,255,.4) !important;
  background-color:rgba(18,107,255,.16) !important;
  background-image:none !important;
  box-shadow:inset 3px 0 #126bff !important;
}
html body:has(.terminal-shell) .terminal-shell .table-tabs button.active > :is(span,b) {
  color:#fff !important;
  background-color:#126bff !important;
}
html body:has(.terminal-shell) .order-ticket :is(.order-types,.close-presets) button.active {
  color:#fff !important;
  border-color:#2e86ff !important;
  background-color:#126bff !important;
  background-image:none !important;
  box-shadow:none !important;
}

@media (min-width:901px) and (max-width:1120px) {
  html .terminal-shell :is(.position-table,.position-head,.position-row) {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }
  html .terminal-shell :is(.position-head,.position-row) {
    grid-template-columns:minmax(104px,1.12fr) minmax(58px,.58fr) minmax(58px,.66fr) minmax(78px,.86fr) minmax(66px,.72fr) minmax(72px,.78fr) minmax(106px,1fr) !important;
    gap:6px !important;
  }
  html .terminal-shell :is(.position-head,.position-row) > span {
    min-width:0 !important;
    overflow:hidden !important;
  }
  html .terminal-shell .position-actions { min-width:0 !important; }
  html .terminal-shell .instrument-quote {
    grid-template-columns:auto !important;
    margin-right:8px !important;
  }
  html .terminal-shell .instrument-quote > span { display:none !important; }
  html .terminal-shell .instrument-bar > #favoriteButton {
    display:inline-flex !important;
    width:36px !important;
    min-width:36px !important;
    height:36px !important;
  }
}

@media (max-width:760px) {
  html body:has(.terminal-shell) .elite-command-backdrop {
    padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom)) !important;
    align-items:center !important;
  }
  html body:has(.terminal-shell) .elite-command {
    width:100% !important;
    max-height:calc(100dvh - max(20px,env(safe-area-inset-top) + env(safe-area-inset-bottom))) !important;
    border-radius:16px !important;
  }
  html body:has(.terminal-shell) .elite-command > header {
    min-height:64px !important;
    padding:8px !important;
    grid-template-columns:42px minmax(0,1fr) 44px !important;
    gap:6px !important;
  }
  html body:has(.terminal-shell) .elite-command > header > i { width:42px !important; height:42px !important; }
  html body:has(.terminal-shell) .elite-command > header > kbd { display:none !important; }
  html body:has(.terminal-shell) .elite-command input { height:44px !important; font-size:14px !important; }
  html body:has(.terminal-shell) .elite-command-list { max-height:calc(100dvh - 98px) !important; padding:6px !important; }
  html body:has(.terminal-shell) .elite-command-group { min-height:27px !important; padding-inline:8px !important; }
  html body:has(.terminal-shell) .elite-command-item {
    min-height:58px !important;
    padding:7px 8px !important;
    grid-template-columns:40px minmax(0,1fr) auto !important;
    gap:9px !important;
  }
  html body:has(.terminal-shell) .elite-command-item b { font-size:12.5px !important; }
  html body:has(.terminal-shell) .elite-command-item small { font-size:10.5px !important; }
  html body:has(.terminal-shell) .modal-backdrop { padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom)) !important; }
  html body:has(.terminal-shell) .order-ticket {
    width:100% !important;
    max-height:calc(100dvh - max(16px,env(safe-area-inset-top) + env(safe-area-inset-bottom))) !important;
    padding:17px !important;
    border-radius:16px !important;
  }
}

@media (max-width:340px) {
  html body:has(.terminal-shell) .elite-command-backdrop { padding-inline:6px !important; }
  html body:has(.terminal-shell) .elite-command { border-radius:13px !important; }
  html body:has(.terminal-shell) .elite-command > header {
    grid-template-columns:40px minmax(0,1fr) 44px !important;
    padding:6px !important;
  }
  html body:has(.terminal-shell) .elite-command > header > i { width:40px !important; height:40px !important; }
  html body:has(.terminal-shell) .elite-command-item { grid-template-columns:38px minmax(0,1fr) !important; gap:8px !important; }
  html body:has(.terminal-shell) .elite-command-item > i { width:38px !important; height:38px !important; }
  html body:has(.terminal-shell) .elite-command-item em { display:none !important; }
  html body:has(.terminal-shell) .order-ticket { padding:14px !important; }
  html body:has(.terminal-shell) .order-ticket h2 { font-size:20px !important; }
}

/* v73 · Optical-size brand lock. The complete crystalline master remains for
   large surfaces; compact headers use the SVG's crisp optical variant without
   scaling transforms that blur diagonal edges. */
html .terminal-shell .terminal-brand {
  min-width:0 !important;
  gap:9px !important;
  overflow:visible !important;
}
html .terminal-shell .terminal-brand .candle-mark {
  width:40px !important;
  min-width:40px !important;
  height:40px !important;
  transform:none !important;
}

.login-card-brand { display:none; }

@media (max-width:980px) {
  body.login-body .login-card-brand {
    min-height:52px;
    margin:0 0 18px;
    display:flex;
    align-items:center;
    gap:11px;
    color:#fff;
  }
  body.login-body .login-card-brand img {
    width:44px;
    min-width:44px;
    height:44px;
    display:block;
    object-fit:contain;
  }
  body.login-body .login-card-brand span { display:grid; gap:3px; }
  body.login-body .login-card-brand b { font-size:16px; letter-spacing:-.035em; }
  body.login-body .login-card-brand small { color:#76c6ff !important; font-size:8px; font-weight:800; letter-spacing:.14em; }
}

@media (max-width:760px) {
  html .terminal-shell .terminal-topbar { grid-template-columns:40px minmax(0,1fr) !important; }
  html .terminal-shell .terminal-brand {
    width:40px !important;
    min-width:40px !important;
    min-height:40px !important;
    justify-content:center !important;
    gap:0 !important;
    overflow:visible !important;
  }
  html .terminal-shell .terminal-brand > span:last-child { display:none !important; }
  html .terminal-shell .terminal-brand .candle-mark {
    width:36px !important;
    min-width:36px !important;
    height:36px !important;
    transform:none !important;
  }
}

/* v81 · WebTrader selection and dense mobile activity.
   Navigation selection uses a blue glyph plus underline without painting a
   blue tile behind the whole control. Account metrics mirror the live desktop
   values inside the mobile activity panel, and activity rows stay complete
   while using substantially less vertical space. */
html .terminal-shell .mobile-account-summary { display:none !important; }

html body:has(.terminal-shell) .terminal-shell .chart-toolbar .chart-tool:is(.active,[aria-expanded="true"]) {
  color:#e5e8ed !important;
  border:0 !important;
  border-bottom:3px solid #126bff !important;
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}
html body:has(.terminal-shell) .terminal-shell .chart-toolbar .chart-tool:is(.active,[aria-expanded="true"]) > i {
  color:#2e86ff !important;
  border-color:transparent !important;
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}
html body:has(.terminal-shell) .terminal-shell .chart-toolbar .chart-tool:is(.active,[aria-expanded="true"]) :is(span,small,b,em) {
  color:#e5e8ed !important;
}
html body:has(.terminal-shell) .terminal-shell .chart-toolbar .chart-tool:focus-visible,
html body:has(.terminal-shell) .terminal-shell .mobile-app-nav :is(button,a):focus-visible {
  outline:2px solid #79b8ff !important;
  outline-offset:-3px !important;
}

@media (max-width:760px) {
  html body:has(.terminal-shell) .terminal-shell .mobile-app-nav :is(button,a).active,
  html body:has(.terminal-shell) .terminal-shell .mobile-app-nav :is(button,a).active:is(:hover,:active) {
    color:#e5e8ed !important;
    border:0 !important;
    border-bottom:3px solid #126bff !important;
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    box-shadow:none !important;
  }
  html body:has(.terminal-shell) .terminal-shell .mobile-app-nav :is(button,a).active > .nav-icon {
    color:#2e86ff !important;
    border-color:transparent !important;
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    box-shadow:none !important;
  }
  html body:has(.terminal-shell) .terminal-shell .mobile-app-nav :is(button,a).active > span {
    color:#e5e8ed !important;
  }

  html .terminal-shell.mobile-view-activity .mobile-account-summary {
    width:100% !important;
    min-width:0 !important;
    min-height:52px !important;
    height:52px !important;
    padding:4px 6px !important;
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    flex:0 0 52px !important;
    border-bottom:1px solid #3e444c !important;
    background:#1f2228 !important;
  }
  html .terminal-shell.mobile-view-activity .mobile-account-summary article {
    min-width:0 !important;
    height:44px !important;
    padding:4px clamp(3px,1.5vw,7px) !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    gap:3px !important;
    overflow:hidden !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }
  html .terminal-shell.mobile-view-activity .mobile-account-summary article + article {
    border-left:1px solid #3e444c !important;
  }
  html .terminal-shell.mobile-view-activity .mobile-account-summary small {
    width:100% !important;
    overflow:hidden !important;
    color:#aeb4bd !important;
    font-size:clamp(5.5px,1.8vw,7px) !important;
    font-weight:850 !important;
    line-height:1 !important;
    letter-spacing:.035em !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }
  html .terminal-shell.mobile-view-activity .mobile-account-summary article > b,
  html .terminal-shell.mobile-view-activity .mobile-account-summary article > span,
  html .terminal-shell.mobile-view-activity .mobile-account-summary article > span > b {
    max-width:100% !important;
    min-width:0 !important;
    overflow:hidden !important;
    color:#f5f6f8 !important;
    font-size:clamp(8px,2.45vw,10px) !important;
    font-style:normal !important;
    font-weight:850 !important;
    line-height:1.05 !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }
  html .terminal-shell.mobile-view-activity .mobile-account-summary article > span {
    width:100% !important;
    display:flex !important;
    align-items:baseline !important;
    gap:3px !important;
  }
  html .terminal-shell.mobile-view-activity .mobile-account-summary article > span > em {
    min-width:0 !important;
    overflow:hidden !important;
    font-size:clamp(5.5px,1.75vw,7px) !important;
    font-style:normal !important;
    font-weight:800 !important;
    line-height:1 !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  html .terminal-shell.mobile-view-activity .positions-head {
    min-height:52px !important;
    height:52px !important;
    padding:4px 7px !important;
    flex:0 0 52px !important;
  }
  html .terminal-shell.mobile-view-activity .table-tabs,
  html .terminal-shell.mobile-view-activity .table-tabs button {
    min-height:44px !important;
    height:44px !important;
  }
  html body:has(.terminal-shell) .terminal-shell.mobile-view-activity .table-tabs button.active {
    color:#e5e8ed !important;
    border:0 !important;
    border-bottom:3px solid #126bff !important;
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    box-shadow:none !important;
  }

  html .terminal-shell.mobile-view-activity .table-view,
  html .terminal-shell.mobile-view-activity .table-view.active {
    padding:5px 6px calc(78px + env(safe-area-inset-bottom)) !important;
  }
  html .terminal-shell.mobile-view-activity :is(.position-table,.orders-table-inner,.closed-trades) {
    gap:4px !important;
  }
  html .terminal-shell.mobile-view-activity .position-row {
    height:88px !important;
    min-height:88px !important;
    padding:5px 7px !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    grid-template-areas:
      "asset asset side side"
      "units opening current pnl"
      "actions actions actions actions" !important;
    grid-template-rows:20px 25px 27px !important;
    gap:3px 5px !important;
    border-radius:7px !important;
    box-shadow:none !important;
  }
  html .terminal-shell.mobile-view-activity .position-row > span {
    font-size:8px !important;
    line-height:1.05 !important;
  }
  html .terminal-shell.mobile-view-activity .position-row > span:nth-child(1) b { font-size:9px !important; }
  html .terminal-shell.mobile-view-activity .position-row > span:nth-child(2) .side-pill {
    padding:3px 6px !important;
    font-size:6px !important;
  }
  html .terminal-shell.mobile-view-activity .position-row > span:nth-child(n+3):nth-child(-n+6)::before {
    font-size:5px !important;
    line-height:1 !important;
  }
  html .terminal-shell.mobile-view-activity .position-row > span:nth-child(4) small,
  html .terminal-shell.mobile-view-activity .position-row > span:nth-child(6) small { font-size:5.5px !important; }
  html .terminal-shell.mobile-view-activity .position-actions,
  html .terminal-shell.mobile-view-activity .position-actions button {
    height:27px !important;
    min-height:27px !important;
  }
  html .terminal-shell.mobile-view-activity .position-actions button {
    padding-inline:6px !important;
    font-size:7px !important;
  }

  html .terminal-shell.mobile-view-activity .closed-trade-row {
    height:92px !important;
    min-height:92px !important;
    padding:6px 8px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-areas:
      "closed-main closed-result"
      "closed-side closed-date"
      "closed-prices closed-prices" !important;
    grid-template-rows:22px 22px 28px !important;
    gap:3px 8px !important;
    border-radius:7px !important;
    box-shadow:none !important;
  }
  html .terminal-shell.mobile-view-activity .closed-main { grid-area:closed-main !important; }
  html .terminal-shell.mobile-view-activity .closed-trade-row > span:nth-child(2) {
    grid-area:closed-side !important;
    justify-self:start !important;
  }
  html .terminal-shell.mobile-view-activity .closed-prices {
    grid-area:closed-prices !important;
    min-width:0 !important;
    padding:3px 0 0 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr) !important;
    align-items:center !important;
    gap:4px !important;
    border-top:1px solid #3e444c !important;
    border-bottom:0 !important;
  }
  html .terminal-shell.mobile-view-activity .closed-date {
    grid-area:closed-date !important;
    align-items:flex-end !important;
    text-align:right !important;
  }
  html .terminal-shell.mobile-view-activity .closed-result {
    grid-area:closed-result !important;
    align-items:flex-end !important;
    text-align:right !important;
  }
  html .terminal-shell.mobile-view-activity .closed-main b,
  html .terminal-shell.mobile-view-activity .closed-date b,
  html .terminal-shell.mobile-view-activity .closed-prices b { font-size:8px !important; }
  html .terminal-shell.mobile-view-activity .closed-main small,
  html .terminal-shell.mobile-view-activity .closed-date small,
  html .terminal-shell.mobile-view-activity .closed-result em { font-size:6px !important; }
  html .terminal-shell.mobile-view-activity .closed-result b { font-size:10px !important; }
  html .terminal-shell.mobile-view-activity .closed-trade-row .side-pill {
    padding:3px 6px !important;
    font-size:6px !important;
  }

  html .terminal-shell.mobile-view-activity .order-history-row {
    min-height:76px !important;
    padding:6px 8px !important;
    gap:4px 8px !important;
    border-radius:7px !important;
    font-size:8px !important;
    box-shadow:none !important;
  }
  html .terminal-shell.mobile-view-activity .order-history-row small { font-size:6px !important; }
}

@media (max-width:340px) {
  html .terminal-shell .terminal-topbar { grid-template-columns:36px minmax(0,1fr) !important; }
  html .terminal-shell .terminal-brand { width:36px !important; min-width:36px !important; }
  html .terminal-shell .terminal-brand .candle-mark {
    width:34px !important;
    min-width:34px !important;
    height:34px !important;
  }
  html body.login-body .login-card .role-access-links {
    grid-template-columns:minmax(0,.82fr) minmax(0,.82fr) minmax(0,1.36fr) !important;
    gap:4px !important;
  }
  html body.login-body .login-card .role-access-links a {
    padding-inline:3px !important;
    font-size:11px !important;
    letter-spacing:-.01em !important;
    white-space:nowrap !important;
  }
}

/* v73 · Canonical image-logo lock. Image-backed marks must render only their
   vector source; legacy background marks would otherwise duplicate the VT. */
html body img.brand-logo-image.brand-logo-image {
  display:block !important;
  background:none !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  object-fit:contain !important;
  object-position:center !important;
  image-rendering:auto;
}

html body.landing-body .crm-brand-logo img {
  width:100%;
  height:100%;
  object-fit:contain;
}

html body.landing-body .elite-phone-brand {
  display:inline-flex;
  align-items:center;
  gap:5px;
  color:#f4fbff;
  white-space:nowrap;
}

/* The off-canvas staff sidebar extends a few pixels beyond the 320 px canvas
   while closed. Clip that inert translated area without shrinking content. */
@media (max-width:340px) {
  html:has(body[data-staff-role]),
  html body[data-staff-role] {
    width:100%;
    max-width:100%;
    overflow-x:clip !important;
  }
  html body[data-staff-role] :is(.staff-shell,.staff-main) {
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
  }
}

/* v74 · Mobile public navigation: the brand stays identifiable while account
   actions move into the menu in a clear, touch-first order. */
html body .lp-mobile-access,
html body .public-mobile-access { display:none !important; }

@media (max-width:760px) {
  html body.landing-v2 .landing-nav,
  html body.public-info-body .public-header {
    min-height:64px !important;
    height:64px !important;
    padding-inline:8px !important;
    gap:8px !important;
  }

  html body.landing-v2 .landing-nav > .aureo-brand,
  html body.public-info-body .public-header > .public-brand {
    width:auto !important;
    max-width:calc(100% - 52px) !important;
    min-width:0 !important;
    margin:0 auto 0 0 !important;
    flex:0 1 auto !important;
    gap:8px !important;
    overflow:hidden !important;
  }
  html body.landing-v2 .landing-nav > .aureo-brand > span:last-child,
  html body.public-info-body .public-header > .public-brand > span:last-child {
    min-width:0 !important;
    display:grid !important;
    gap:0 !important;
    overflow:hidden !important;
  }
  html body.landing-v2 .landing-nav > .aureo-brand b,
  html body.public-info-body .public-header > .public-brand b {
    display:block !important;
    min-width:0 !important;
    overflow:hidden !important;
    color:#fff !important;
    font-size:13px !important;
    font-weight:800 !important;
    line-height:1 !important;
    letter-spacing:-.035em !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }
  html body.landing-v2 .landing-nav > .aureo-brand small,
  html body.public-info-body .public-header > .public-brand small { display:none !important; }
  html body.landing-v2 .landing-nav > .aureo-brand .aureo-symbol,
  html body.public-info-body .public-header > .public-brand .candle-mark {
    width:34px !important;
    min-width:34px !important;
    height:34px !important;
    flex:0 0 34px !important;
    transform:none !important;
  }

  html body.landing-v2 .landing-actions .nav-login,
  html body.landing-v2 .landing-actions .nav-primary,
  html body.landing-v2 .landing-actions .vm-language-switcher,
  html body.public-info-body .public-header > .public-actions { display:none !important; }
  html body.landing-v2 .landing-nav > .landing-actions {
    width:44px !important;
    min-width:44px !important;
    flex:0 0 44px !important;
    gap:0 !important;
  }
  html body.landing-v2 .landing-actions .lp-menu-toggle,
  html body.public-info-body .public-header > .public-menu-button {
    width:44px !important;
    min-width:44px !important;
    height:44px !important;
    min-height:44px !important;
    flex:0 0 44px !important;
  }

  html body.landing-v2 .landing-nav > nav,
  html body.public-info-body .public-header > .public-navigation {
    top:calc(100% + 6px) !important;
    left:8px !important;
    right:8px !important;
    max-height:calc(100dvh - 82px) !important;
  }
  html body.landing-v2 .landing-nav .lp-mobile-access,
  html body.public-info-body .public-navigation .public-mobile-access {
    width:100% !important;
    margin:0 0 4px !important;
    padding:4px 4px 10px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:6px !important;
    border-bottom:1px solid #303038 !important;
    box-sizing:border-box !important;
  }
  html body.landing-v2 .landing-nav .lp-mobile-access > a,
  html body.public-info-body .public-navigation .public-mobile-access > a {
    width:100% !important;
    min-height:46px !important;
    padding:0 14px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
    border-radius:6px !important;
    color:#fff !important;
    font-size:12px !important;
    font-weight:800 !important;
    line-height:1.2 !important;
    text-align:center !important;
  }
  html body.landing-v2 .landing-nav .lp-mobile-access > .mobile-login,
  html body.public-info-body .public-navigation .public-mobile-access > .mobile-login {
    border:1px solid #383840 !important;
    background:#202027 !important;
    box-shadow:none !important;
  }
  html body.landing-v2 .landing-nav .lp-mobile-access > .mobile-open,
  html body.public-info-body .public-navigation .public-mobile-access > .mobile-open {
    border:1px solid #126bff !important;
    background:#126bff !important;
    box-shadow:none !important;
  }
}

/* v75 · Real campaign mirror glass.
   The desktop campaign now continues physically behind the navigation and
   quote tape. On phones the complete 2:1 artwork remains uncropped while a
   synchronized, softly blurred reflection keeps the same glass language. */
html body.landing-v2 .lp-riskbar {
  position:relative !important;
  z-index:42 !important;
  border-bottom-color:rgba(159,202,255,.16) !important;
  background-color:rgba(5,9,17,.82) !important;
  background-image:
    linear-gradient(90deg,rgba(4,8,15,.88),rgba(8,17,31,.72)),
    var(--lp-campaign-image,linear-gradient(#07111f,#07111f)) !important;
  background-position:center,var(--lp-campaign-position,64% center) !important;
  background-size:cover,cover !important;
  background-repeat:no-repeat !important;
  box-shadow:inset 0 -1px rgba(255,255,255,.06) !important;
}

html body.landing-v2 .landing-nav,
html.light-theme body.landing-v2 .landing-nav {
  isolation:isolate !important;
  overflow:visible !important;
  border-bottom-color:rgba(173,211,255,.20) !important;
  background-color:rgba(5,9,17,.38) !important;
  background-image:linear-gradient(108deg,rgba(4,8,15,.62),rgba(10,22,40,.34) 54%,rgba(4,8,15,.56)) !important;
  -webkit-backdrop-filter:blur(24px) saturate(148%) contrast(1.04) !important;
  backdrop-filter:blur(24px) saturate(148%) contrast(1.04) !important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.15),
    inset 0 -1px rgba(255,255,255,.07),
    0 14px 38px rgba(0,0,0,.20) !important;
}
html body.landing-v2 .landing-nav::before,
html.light-theme body.landing-v2 .landing-nav::before {
  content:"" !important;
  position:absolute !important;
  z-index:0 !important;
  inset:0 !important;
  display:block !important;
  pointer-events:none !important;
  opacity:.24 !important;
  background-image:
    linear-gradient(180deg,rgba(3,7,14,.34),rgba(3,7,14,.62)),
    var(--nav-campaign-image,linear-gradient(#08111e,#08111e)) !important;
  background-position:center,var(--nav-campaign-position,64% center) !important;
  background-size:cover,cover !important;
  background-repeat:no-repeat !important;
  clip-path:inset(0) !important;
  filter:blur(7px) saturate(1.22) !important;
  transform:none !important;
}
html body.landing-v2 .landing-nav::after,
html.light-theme body.landing-v2 .landing-nav::after {
  content:"" !important;
  position:absolute !important;
  z-index:3 !important;
  right:0 !important;
  bottom:0 !important;
  left:0 !important;
  height:1px !important;
  display:block !important;
  pointer-events:none !important;
  background:linear-gradient(90deg,transparent,rgba(110,181,255,.68),transparent) !important;
}
html body.landing-v2 .landing-nav > .aureo-brand,
html body.landing-v2 .landing-nav > .landing-actions {
  position:relative !important;
  z-index:4 !important;
}
html body.landing-v2 .landing-nav > nav { z-index:4 !important; }

html body.landing-v2 .price-ticker,
html.light-theme body.landing-v2 .price-ticker {
  position:relative !important;
  z-index:40 !important;
  color:#edf5ff !important;
  border-bottom-color:rgba(126,174,220,.22) !important;
  background-color:#0a1725 !important;
  background-image:linear-gradient(100deg,#07121f 0%,#0d2538 48%,#091827 100%) !important;
  background-position:center !important;
  background-size:100% 100% !important;
  background-repeat:no-repeat !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  box-shadow:inset 0 1px rgba(255,255,255,.035),inset 0 -1px rgba(112,174,229,.12) !important;
}
html body.landing-v2 .ticker-asset {
  color:#edf5ff !important;
  border-right-color:rgba(174,210,255,.15) !important;
}
html body.landing-v2 .ticker-asset > i {
  color:#eef7ff !important;
  background:rgba(207,231,255,.13) !important;
  box-shadow:inset 0 0 0 1px rgba(206,230,255,.13) !important;
}
html body.landing-v2 .ticker-asset > b { color:#cad8ea !important; }
html body.landing-v2 .ticker-asset > strong { color:#f6faff !important; }

@media (min-width:761px) {
  html body.landing-v2 {
    --lp-canopy-offset:109px;
    --lp-canopy-shift:-109px;
  }
  html body.landing-v2 .lp-cinematic-hero {
    margin-top:var(--lp-canopy-shift) !important;
    height:calc(clamp(600px,calc(100svh - 152px),820px) + var(--lp-canopy-offset)) !important;
    min-height:calc(600px + var(--lp-canopy-offset)) !important;
  }
  html body.landing-v2 .lp-cinematic-hero .hero-copy {
    height:calc(100% - var(--lp-canopy-offset)) !important;
    margin:var(--lp-canopy-offset) 0 0 !important;
  }
}

@media (min-width:1100px) {
  html body.landing-v2 {
    --lp-canopy-offset:107px;
    --lp-canopy-shift:-107px;
  }
}

@media (max-width:760px) {
  html body.landing-v2 .landing-nav::before,
  html.light-theme body.landing-v2 .landing-nav::before {
    inset:0 !important;
    opacity:.68 !important;
    background-position:center,var(--nav-campaign-position,68% center) !important;
    filter:blur(8px) saturate(1.26) brightness(.74) !important;
  }
  html body.landing-v2 .price-ticker,
  html.light-theme body.landing-v2 .price-ticker {
    background-color:#0a1725 !important;
    background-image:linear-gradient(100deg,#07121f 0%,#0e293d 50%,#091827 100%) !important;
    background-position:center !important;
    background-size:100% 100% !important;
    background-repeat:no-repeat !important;
  }
}

@media (prefers-contrast:more), (prefers-reduced-transparency:reduce) {
  html body.landing-v2 .landing-nav,
  html.light-theme body.landing-v2 .landing-nav {
    background-color:rgba(8,7,13,.92) !important;
  }
  html body.landing-v2 .landing-nav::before,
  html.light-theme body.landing-v2 .landing-nav::before { opacity:.16 !important; }
}

/* v76 · Unboxed, high-fidelity quotation marks.
   The asset itself is the visual identity: wrappers never paint a grey tile,
   border or inset shadow. SVG and typographic marks remain crisp at every
   responsive size and each market family keeps its recognisable colour. */
html body.landing-v2 .price-ticker .ticker-asset > i {
  width:30px !important;
  min-width:30px !important;
  height:26px !important;
  display:inline-grid !important;
  place-items:center !important;
  overflow:visible !important;
  color:inherit !important;
  border:0 !important;
  border-radius:0 !important;
  outline:0 !important;
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  filter:none !important;
}
html body.landing-v2 .price-ticker .ticker-asset > i::before,
html body.landing-v2 .price-ticker .ticker-asset > i::after {
  content:none !important;
  display:none !important;
}
html body.landing-v2 .price-ticker .ticker-asset > i > img {
  width:24px !important;
  height:24px !important;
  max-width:24px !important;
  max-height:24px !important;
  display:block !important;
  object-fit:contain !important;
  image-rendering:auto !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
html body.landing-v2 .price-ticker .ticker-asset[data-ticker-symbol="AAPL"] > i > img {
  filter:invert(1) brightness(1.12) !important;
}
html body.landing-v2 .price-ticker .ticker-pair-mark {
  filter:none !important;
  box-shadow:none !important;
}
html body.landing-v2 .price-ticker .ticker-pair-mark em {
  border-color:rgba(8,16,28,.82) !important;
  box-shadow:none !important;
}
html body.landing-v2 .price-ticker :is(.ticker-metal-mark,.ticker-index-mark) {
  width:30px !important;
  height:24px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  line-height:1 !important;
}
html body.landing-v2 .price-ticker .ticker-metal-mark {
  color:#f2c45f !important;
  font-size:11px !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-weight:800 !important;
}
html body.landing-v2 .price-ticker .ticker-index-mark {
  color:#eaf3ff !important;
  font-size:9px !important;
  font-weight:900 !important;
  letter-spacing:-.035em !important;
  white-space:nowrap !important;
}

/* v76 · Unboxed WebTrader market identities.
   Forex uses two crisp currency coins instead of a grey plaque, both in the
   market list and the selected-instrument header. Text-only stock fallbacks
   stay resolution-independent, but the letters are no longer boxed inside a
   decorative square. */
html .terminal-shell .asset-logo.icon-flags,
html.light-theme .terminal-shell .asset-logo.icon-flags {
  width:44px !important;
  min-width:44px !important;
  height:34px !important;
  padding:0 !important;
  overflow:visible !important;
  color:inherit !important;
  border:0 !important;
  border-radius:0 !important;
  outline:0 !important;
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}
html .terminal-shell .asset-logo.large.icon-flags,
html.light-theme .terminal-shell .asset-logo.large.icon-flags {
  width:54px !important;
  min-width:54px !important;
  height:42px !important;
  border-radius:0 !important;
}
html .terminal-shell .asset-logo.icon-flags .currency-symbol {
  width:100% !important;
  height:100% !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
  overflow:visible !important;
}
html .terminal-shell .asset-logo.icon-flags .currency-symbol > :is(span,em) {
  position:relative !important;
  width:24px !important;
  min-width:24px !important;
  height:24px !important;
  display:grid !important;
  place-items:center !important;
  flex:0 0 24px !important;
  color:#0b1727 !important;
  border:2px solid #101722 !important;
  border-radius:50% !important;
  background:#f5f8fc !important;
  box-shadow:none !important;
  font-size:11px !important;
  font-style:normal !important;
  font-weight:900 !important;
  letter-spacing:-.045em !important;
  line-height:1 !important;
}
html .terminal-shell .asset-logo.icon-flags .currency-symbol > span {
  z-index:2 !important;
  margin-right:-6px !important;
}
html .terminal-shell .asset-logo.icon-flags .currency-symbol > em {
  z-index:1 !important;
  background:#dce9f8 !important;
}
html .terminal-shell .asset-logo.icon-flags .currency-symbol > i {
  display:none !important;
}
html.light-theme .terminal-shell .asset-logo.icon-flags .currency-symbol > :is(span,em) {
  border-color:#fff !important;
}
html .terminal-shell .asset-logo.large.icon-flags .currency-symbol > :is(span,em) {
  width:30px !important;
  min-width:30px !important;
  height:30px !important;
  flex-basis:30px !important;
  font-size:14px !important;
}
html .terminal-shell .asset-logo.large.icon-flags .currency-symbol > span {
  margin-right:-7px !important;
}

html .terminal-shell .asset-logo.icon-brand-monogram,
html.light-theme .terminal-shell .asset-logo.icon-brand-monogram {
  isolation:auto !important;
  overflow:visible !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}
html .terminal-shell .asset-logo.icon-brand-monogram::after {
  content:none !important;
  display:none !important;
}
html .terminal-shell .asset-logo.icon-brand-monogram .asset-monogram {
  color:color-mix(in srgb,var(--asset-color,#91a6bd) 55%,#fff) !important;
  font-size:9.5px !important;
  letter-spacing:.01em !important;
  text-shadow:none !important;
}
html .terminal-shell .asset-logo.large.icon-brand-monogram .asset-monogram {
  font-size:13px !important;
}
html.light-theme .terminal-shell .asset-logo.icon-brand-monogram .asset-monogram {
  color:color-mix(in srgb,var(--asset-color,#425873) 58%,#07111d) !important;
}
html body:has(.terminal-shell) .elite-command-item .command-asset-logo.icon-brand-monogram {
  overflow:visible !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}
html body:has(.terminal-shell) .elite-command-item .command-asset-logo.icon-brand-monogram .asset-monogram {
  color:color-mix(in srgb,var(--asset-color,#91a6bd) 55%,#fff) !important;
  text-shadow:none !important;
}

@media (max-width:760px) {
  html .terminal-shell .market-row .asset-logo.icon-flags {
    width:34px !important;
    min-width:34px !important;
    height:26px !important;
    border-radius:0 !important;
  }
  html .terminal-shell .market-row .asset-logo.icon-flags .currency-symbol > :is(span,em) {
    width:20px !important;
    min-width:20px !important;
    height:20px !important;
    flex-basis:20px !important;
    font-size:9px !important;
  }
  html .terminal-shell .market-row .asset-logo.icon-flags .currency-symbol > span {
    margin-right:-6px !important;
  }
  html .terminal-shell .asset-logo.large.icon-flags {
    width:42px !important;
    min-width:42px !important;
    height:32px !important;
    border-radius:0 !important;
  }
  html .terminal-shell .asset-logo.large.icon-flags .currency-symbol > :is(span,em) {
    width:25px !important;
    min-width:25px !important;
    height:25px !important;
    flex-basis:25px !important;
    font-size:12px !important;
  }
  html .terminal-shell .asset-logo.large.icon-flags .currency-symbol > span {
    margin-right:-8px !important;
  }
}

/* v77 · Integrated mobile WebTrader composition.
   The photographic phone remains the desktop campaign artwork. On compact
   screens the interface-built phone becomes its own contained flow row and
   the desktop mockup is removed, so no rectangular raster is laid over it. */
html body.landing-v2 .lp-product-main .lp-phone-device {
  display:none !important;
}

@media (max-width:760px) {
  html body.landing-v2 .lp-product-main {
    grid-template-rows:auto auto !important;
    gap:28px !important;
    padding:36px 18px 20px !important;
  }
  html body.landing-v2 .lp-product-main .lp-terminal-preview {
    position:relative !important;
    inset:auto !important;
    grid-column:1 !important;
    grid-row:2 !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
  }
  html body.landing-v2 .lp-product-main .lp-device-stage {
    position:relative !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    padding:24px 12px 22px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    grid-template-rows:auto !important;
    align-items:start !important;
    gap:0 !important;
    overflow:visible !important;
    border:1px solid rgba(118,135,158,.28) !important;
    border-radius:18px !important;
    background:linear-gradient(180deg,rgba(34,39,47,.92),rgba(21,24,30,.98)) !important;
    box-shadow:inset 0 1px rgba(255,255,255,.035) !important;
  }
  html body.landing-v2 .lp-product-main .lp-desktop-device {
    display:none !important;
  }
  html body.landing-v2 .lp-product-main .lp-desktop-device .lp-terminal-top {
    height:34px !important;
    padding-inline:10px !important;
    grid-template-columns:20px auto 1fr !important;
    gap:7px !important;
  }
  html body.landing-v2 .lp-product-main .lp-desktop-device .lp-terminal-brandmark {
    width:20px !important;
    height:20px !important;
  }
  html body.landing-v2 .lp-product-main .lp-desktop-device .lp-terminal-top > em,
  html body.landing-v2 .lp-product-main .lp-desktop-device .lp-terminal-top > nav {
    display:none !important;
  }
  html body.landing-v2 .lp-product-main .lp-desktop-device .lp-terminal-body {
    height:calc(100% - 34px) !important;
    min-width:0 !important;
    grid-template-columns:70px minmax(0,1fr) !important;
  }
  html body.landing-v2 .lp-product-main .lp-desktop-device .lp-terminal-watch {
    padding:9px 6px !important;
    gap:4px !important;
  }
  html body.landing-v2 .lp-product-main .lp-desktop-device .lp-terminal-watch > small {
    padding:0 3px 4px !important;
    font-size:6px !important;
  }
  html body.landing-v2 .lp-product-main .lp-desktop-device .lp-terminal-watch > span {
    min-height:40px !important;
    padding:4px 3px !important;
    grid-template-columns:18px minmax(0,1fr) !important;
    column-gap:4px !important;
  }
  html body.landing-v2 .lp-product-main .lp-desktop-device .lp-terminal-watch > span:nth-of-type(n+3) {
    display:none !important;
  }
  html body.landing-v2 .lp-product-main .lp-desktop-device .lp-terminal-watch i {
    width:18px !important;
    height:18px !important;
    font-size:6px !important;
  }
  html body.landing-v2 .lp-product-main .lp-desktop-device .lp-terminal-watch :is(b,em) {
    min-width:0 !important;
    overflow:hidden !important;
    font-size:6px !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }
  html body.landing-v2 .lp-product-main .lp-desktop-device .lp-terminal-chart > header {
    height:38px !important;
    padding-inline:10px !important;
  }
  html body.landing-v2 .lp-product-main .lp-desktop-device .lp-terminal-chart > header :is(b,strong) {
    font-size:8px !important;
  }
  html body.landing-v2 .lp-product-main .lp-desktop-device .lp-terminal-chart > header small,
  html body.landing-v2 .lp-product-main .lp-desktop-device .lp-terminal-chart > header strong em,
  html body.landing-v2 .lp-product-main .lp-desktop-device .lp-terminal-chart > footer span:nth-of-type(n+3) {
    display:none !important;
  }
  html body.landing-v2 .lp-product-main .lp-desktop-device .lp-terminal-chart > svg {
    inset:38px 8px 24px !important;
    width:calc(100% - 16px) !important;
    height:calc(100% - 62px) !important;
  }
  html body.landing-v2 .lp-product-main .lp-desktop-device .lp-terminal-chart > footer {
    left:8px !important;
    bottom:6px !important;
    gap:10px !important;
    font-size:6px !important;
  }
  html body.landing-v2 .lp-product-main .lp-phone-photo {
    display:none !important;
  }
  html body.landing-v2 .lp-product-main .lp-phone-device {
    position:relative !important;
    inset:auto !important;
    z-index:5 !important;
    grid-column:1 !important;
    grid-row:1 !important;
    justify-self:center !important;
    width:min(238px,78vw) !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:230 / 418 !important;
    margin:0 auto !important;
    padding:13px 16px 10px !important;
    display:block !important;
    box-sizing:border-box !important;
    transform:none !important;
    overflow:hidden !important;
    border:5px solid #0b0c0f !important;
    border-radius:34px !important;
    background:linear-gradient(180deg,#181b21,#111318) !important;
    box-shadow:0 16px 34px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.05) !important;
  }
  html body.landing-v2 .lp-product-main .lp-phone-device .lp-phone-actions {
    position:absolute !important;
    left:16px !important;
    right:16px !important;
    bottom:42px !important;
    height:32px !important;
    margin:0 !important;
  }
  html body.landing-v2 .lp-product-main .lp-phone-device .lp-phone-actions b {
    min-height:32px !important;
  }
  html body.landing-v2 .lp-product-main .lp-phone-device > footer {
    left:14px !important;
    right:14px !important;
    bottom:8px !important;
    min-height:22px !important;
    padding-top:7px !important;
    align-items:center !important;
    white-space:nowrap !important;
  }
}

@media (max-width:360px) {
  html body.landing-v2 .lp-product-main {
    padding-inline:14px !important;
  }
  html body.landing-v2 .lp-product-main .lp-device-stage {
    padding:20px 10px 18px !important;
    grid-template-rows:auto !important;
  }
  html body.landing-v2 .lp-product-main .lp-phone-device {
    width:min(222px,78vw) !important;
    transform:none !important;
  }
}

/* v78 · Fluid WebTrader market navigation on phones.
   Five fixed-width chips forced the last category beyond the viewport.  The
   category selector now uses a balanced 3 + 2 grid, so every option remains
   visible and tappable from 320 px upward without horizontal scrolling. */
@media (max-width:760px) {
  html body:has(.terminal-shell),
  html body:has(.terminal-shell) .terminal-shell,
  html body:has(.terminal-shell) .terminal-grid,
  html body:has(.terminal-shell) .market-sidebar,
  html body:has(.terminal-shell) .market-table {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }

  html .terminal-shell .market-tabs {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    padding:0 8px 9px !important;
    display:grid !important;
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;
    gap:6px !important;
    overflow:visible !important;
    overscroll-behavior:none !important;
    scrollbar-width:none !important;
  }
  html .terminal-shell .market-tabs button {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:44px !important;
    height:44px !important;
    padding:5px 6px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow-wrap:anywhere !important;
    white-space:normal !important;
    text-align:center !important;
    line-height:1.15 !important;
  }
  html .terminal-shell .market-tabs button:nth-child(1),
  html .terminal-shell .market-tabs button:nth-child(2),
  html .terminal-shell .market-tabs button:nth-child(3) { grid-column:span 2 !important; }
  html .terminal-shell .market-tabs button:nth-child(4),
  html .terminal-shell .market-tabs button:nth-child(5) { grid-column:span 3 !important; }

  html .terminal-shell.mobile-view-markets .market-table {
    flex:1 1 0 !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
  }
  html .terminal-shell .market-row,
  html .terminal-shell .market-row > span {
    max-width:100% !important;
    min-width:0 !important;
  }
  html .terminal-shell .market-row > span:nth-child(2) :is(b,small),
  html .terminal-shell .market-row > span:last-child :is(b,small) {
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  html .terminal-shell.mobile-view-activity .positions-head {
    min-height:58px !important;
    height:58px !important;
    padding:6px 7px !important;
  }
  html .terminal-shell.mobile-view-activity .table-tabs {
    width:100% !important;
    min-width:0 !important;
    height:46px !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:6px !important;
  }
  html .terminal-shell.mobile-view-activity .table-tabs button {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:46px !important;
    height:46px !important;
    padding:0 clamp(5px,2vw,10px) !important;
    gap:5px !important;
    overflow:hidden !important;
    font-size:clamp(8.5px,2.45vw,10px) !important;
    line-height:1.1 !important;
    letter-spacing:0 !important;
    white-space:nowrap !important;
  }
  html .terminal-shell.mobile-view-activity .table-tabs button > :is(span,b) {
    flex:0 0 auto !important;
    min-width:20px !important;
    height:20px !important;
    padding:0 5px !important;
    font-size:8px !important;
    line-height:20px !important;
  }
}

@media (max-width:340px) {
  html .terminal-shell .market-tabs {
    padding-inline:6px !important;
    gap:5px !important;
  }
  html .terminal-shell .market-tabs button {
    padding-inline:4px !important;
    font-size:8.5px !important;
  }
}

/* v81 final cascade guard · loaded after every previous WebTrader layer. */
html body:has(.terminal-shell) .terminal-shell .chart-toolbar .chart-tool:is(.active,[aria-expanded="true"]) {
  color:#e5e8ed !important;
  border:0 !important;
  border-bottom:3px solid #126bff !important;
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}
html body:has(.terminal-shell) .terminal-shell .chart-toolbar .chart-tool:is(.active,[aria-expanded="true"]) > i {
  color:#2e86ff !important;
  border-color:transparent !important;
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}
html body:has(.terminal-shell) .terminal-shell .chart-toolbar .chart-tool:is(.active,[aria-expanded="true"]) :is(span,small,b,em) {
  color:#e5e8ed !important;
}

@media (max-width:760px) {
  html body:has(.terminal-shell) .terminal-shell .mobile-app-nav :is(button,a).active,
  html body:has(.terminal-shell) .terminal-shell .mobile-app-nav :is(button,a).active:is(:hover,:active) {
    color:#e5e8ed !important;
    border:0 !important;
    border-bottom:3px solid #126bff !important;
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    box-shadow:none !important;
  }
  html body:has(.terminal-shell) .terminal-shell .mobile-app-nav :is(button,a).active > .nav-icon {
    color:#2e86ff !important;
    border-color:transparent !important;
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    box-shadow:none !important;
  }
  html body:has(.terminal-shell) .terminal-shell .mobile-app-nav :is(button,a).active > span { color:#e5e8ed !important; }

  html .terminal-shell.mobile-view-activity .mobile-account-summary {
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
  html .terminal-shell.mobile-view-activity .positions-head {
    min-height:52px !important;
    height:52px !important;
    padding:4px 7px !important;
    flex:0 0 52px !important;
  }
  html .terminal-shell.mobile-view-activity .table-tabs,
  html .terminal-shell.mobile-view-activity .table-tabs button {
    min-height:44px !important;
    height:44px !important;
  }
  html body:has(.terminal-shell) .terminal-shell.mobile-view-activity .table-tabs button.active {
    color:#e5e8ed !important;
    border:0 !important;
    border-bottom:3px solid #126bff !important;
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    box-shadow:none !important;
  }
  html .terminal-shell.mobile-view-activity .table-view,
  html .terminal-shell.mobile-view-activity .table-view.active {
    padding:5px 6px calc(78px + env(safe-area-inset-bottom)) !important;
  }
  html .terminal-shell.mobile-view-activity :is(.position-table,.orders-table-inner,.closed-trades) { gap:4px !important; }
  html .terminal-shell.mobile-view-activity .position-row {
    height:88px !important;
    min-height:88px !important;
    padding:5px 7px !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    grid-template-areas:"asset asset side side" "units opening current pnl" "actions actions actions actions" !important;
    grid-template-rows:20px 25px 27px !important;
    gap:3px 5px !important;
    border-radius:7px !important;
    box-shadow:none !important;
  }
  html .terminal-shell.mobile-view-activity .closed-trade-row {
    height:92px !important;
    min-height:92px !important;
    padding:6px 8px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-areas:"closed-main closed-result" "closed-side closed-date" "closed-prices closed-prices" !important;
    grid-template-rows:22px 22px 28px !important;
    gap:3px 8px !important;
    border-radius:7px !important;
    box-shadow:none !important;
  }
  html .terminal-shell.mobile-view-activity .closed-main { grid-area:closed-main !important; }
  html .terminal-shell.mobile-view-activity .closed-trade-row > span:nth-child(2) { grid-area:closed-side !important; justify-self:start !important; }
  html .terminal-shell.mobile-view-activity .closed-prices { grid-area:closed-prices !important; }
  html .terminal-shell.mobile-view-activity .closed-date { grid-area:closed-date !important; }
  html .terminal-shell.mobile-view-activity .closed-result { grid-area:closed-result !important; }
}

/* v89 · Five live account metrics. Use a compact 3 + 2 layout on phones so
   labels and monetary values remain readable instead of being ellipsized. */
@media (max-width:480px) {
  html .terminal-shell.mobile-view-activity .mobile-account-summary {
    min-height:68px !important;
    height:68px !important;
    padding:3px 6px !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    grid-template-rows:repeat(2,31px) !important;
    flex:0 0 68px !important;
  }
  html .terminal-shell.mobile-view-activity .mobile-account-summary article {
    height:31px !important;
    padding:2px 6px !important;
    gap:1px !important;
  }
  html .terminal-shell.mobile-view-activity .mobile-account-summary article:nth-child(n+4) {
    border-top:1px solid #3e444c !important;
  }
  html .terminal-shell.mobile-view-activity .mobile-account-summary article:nth-child(4) {
    border-left:0 !important;
  }
  html .terminal-shell.mobile-view-activity .mobile-account-summary small {
    font-size:6px !important;
  }
  html .terminal-shell.mobile-view-activity .mobile-account-summary article > b,
  html .terminal-shell.mobile-view-activity .mobile-account-summary article > span,
  html .terminal-shell.mobile-view-activity .mobile-account-summary article > span > b {
    font-size:8.5px !important;
  }
}

/* v82 · Complete first campaign on compact screens.
   Keep the desktop composition untouched. On phones the campaign artwork fills
   the hero from its first pixel and the copy remains inside that same scene,
   instead of reserving a second media row below the fold. */
@media (max-width:760px) {
  html body.landing-v2 .lp-cinematic-hero {
    position:relative !important;
    height:clamp(620px,calc(100svh - 118px),680px) !important;
    min-height:620px !important;
    display:block !important;
    isolation:isolate !important;
    overflow:hidden !important;
    background:#17191e !important;
  }
  html body.landing-v2 .lp-cinematic-hero::before {
    content:"" !important;
    position:absolute !important;
    z-index:2 !important;
    inset:0 !important;
    display:block !important;
    pointer-events:none !important;
    background:
      linear-gradient(180deg,rgba(12,15,20,.66) 0%,rgba(14,17,22,.54) 58%,rgba(12,15,20,.44) 100%),
      linear-gradient(90deg,rgba(10,13,18,.88) 0%,rgba(12,15,20,.68) 64%,rgba(12,15,20,.24) 100%) !important;
  }
  html body.landing-v2 .lp-hero-reel {
    position:absolute !important;
    z-index:1 !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    min-height:100% !important;
    aspect-ratio:auto !important;
    overflow:hidden !important;
    background:#17191e !important;
  }
  html body.landing-v2 .lp-hero-reel > figure,
  html body.landing-v2 .lp-hero-reel :is(.lp-hero-poster,video) {
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
  }
  html body.landing-v2 .lp-hero-reel :is(.lp-hero-poster,video) {
    object-fit:cover !important;
    object-position:var(--hero-focus,64% center) !important;
    background:#17191e !important;
    filter:saturate(.94) contrast(1.04) brightness(.92) !important;
    animation:none !important;
    transform:none !important;
  }
  html body.landing-v2 .lp-cinematic-hero .hero-copy {
    position:relative !important;
    z-index:3 !important;
    width:100% !important;
    max-width:none !important;
    height:100% !important;
    min-height:0 !important;
    margin:0 !important;
    padding:clamp(32px,8vw,46px) 18px 26px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    box-sizing:border-box !important;
  }
  html body.landing-v2 .lp-cinematic-hero .hero-copy h1 {
    max-width:11ch !important;
    margin-top:18px !important;
    font-size:clamp(38px,11.8vw,48px) !important;
    line-height:.96 !important;
    text-wrap:balance !important;
  }
  html body.landing-v2 .lp-cinematic-hero .hero-copy > p {
    max-width:36ch !important;
    margin-top:18px !important;
    font-size:clamp(14px,4vw,16px) !important;
    line-height:1.55 !important;
  }
  html body.landing-v2 .lp-cinematic-hero .hero-actions {
    width:100% !important;
    max-width:390px !important;
    margin-top:20px !important;
    display:grid !important;
    grid-template-columns:minmax(0,.8fr) minmax(0,1.35fr) !important;
    gap:8px !important;
  }
  html body.landing-v2 .lp-cinematic-hero .hero-actions > a {
    width:100% !important;
    min-width:0 !important;
    min-height:46px !important;
    height:46px !important;
    padding-inline:10px !important;
    justify-content:center !important;
    box-sizing:border-box !important;
    font-size:clamp(10px,3vw,12px) !important;
    white-space:nowrap !important;
  }
  html body.landing-v2 .lp-cinematic-hero .hero-trust {
    display:none !important;
  }
}

@media (max-width:340px) {
  html body.landing-v2 .lp-cinematic-hero {
    height:620px !important;
    min-height:620px !important;
  }
  html body.landing-v2 .lp-cinematic-hero .hero-copy {
    padding-inline:14px !important;
  }
  html body.landing-v2 .lp-cinematic-hero .hero-copy h1 {
    font-size:37px !important;
  }
  html body.landing-v2 .lp-cinematic-hero .hero-actions > a {
    padding-inline:7px !important;
    font-size:9.5px !important;
  }
}

/* v83 · Exact public risk and regulatory disclosure.
   This shared block is rendered only on public and pre-login surfaces. */
html body .public-regulatory-disclosure {
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  color:#c3c8cf !important;
  background:#111419 !important;
  border-top:1px solid #30353c !important;
  box-shadow:none !important;
  box-sizing:border-box !important;
}
html body .public-regulatory-disclosure > div {
  width:min(1160px,calc(100% - 48px)) !important;
  margin:0 auto !important;
  padding:44px 0 48px !important;
  display:grid !important;
  gap:25px !important;
  box-sizing:border-box !important;
}
html body .public-regulatory-disclosure article {
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  color:inherit !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
html body .public-regulatory-disclosure article + article {
  padding-top:25px !important;
  border-top:1px solid #30353c !important;
}
html body .public-regulatory-disclosure h2 {
  margin:0 0 11px !important;
  color:#f5f6f7 !important;
  font-size:18px !important;
  font-weight:750 !important;
  line-height:1.25 !important;
  letter-spacing:-.015em !important;
}
html body .public-regulatory-disclosure p {
  max-width:none !important;
  margin:0 !important;
  color:#b9bec6 !important;
  font-size:13px !important;
  font-weight:400 !important;
  line-height:1.72 !important;
  letter-spacing:0 !important;
}
html body .public-regulatory-disclosure p + p {
  margin-top:12px !important;
}
html body .public-regulatory-disclosure article:last-child p:last-child {
  padding-left:1.15em !important;
  text-indent:-1.15em !important;
}

@media (max-width:680px) {
  html body .public-regulatory-disclosure > div {
    width:calc(100% - 32px) !important;
    padding:32px 0 36px !important;
    gap:21px !important;
  }
  html body .public-regulatory-disclosure article + article {
    padding-top:21px !important;
  }
  html body .public-regulatory-disclosure h2 {
    margin-bottom:9px !important;
    font-size:16px !important;
  }
  html body .public-regulatory-disclosure p {
    font-size:12.5px !important;
    line-height:1.68 !important;
  }
}

/* v84 · Authoritative public information experience.
   The public catalogue now uses one dark, editorial system shared by markets,
   platforms, learning, company, payments and accounts. This layer is kept at
   the end of the bundle so legacy public-page rules cannot fragment it. */
html body.public-info-body.public-info-body {
  --v84-bg:#0b0e13;
  --v84-surface:#121720;
  --v84-surface-2:#171d27;
  --v84-surface-3:#1d2430;
  --v84-line:#303946;
  --v84-line-soft:rgba(151,168,189,.16);
  --v84-text:#f5f7fa;
  --v84-muted:#a8b0bd;
  --v84-dim:#737e8e;
  --v84-blue:#126bff;
  --v84-blue-2:#2786ff;
  --v84-cyan:#63b4ff;
  width:100% !important;
  max-width:100% !important;
  overflow-x:clip !important;
  color:var(--v84-text) !important;
  background:
    radial-gradient(circle at 88% 2%,rgba(18,107,255,.12),transparent 30rem),
    linear-gradient(180deg,#0b0e13 0%,#10141b 45%,#0c1016 100%) !important;
}
html body.public-info-body.public-info-body *,
html body.public-info-body.public-info-body *::before,
html body.public-info-body.public-info-body *::after { box-sizing:border-box; }
html body.public-info-body.public-info-body :is(main,section,article,header,footer,nav,aside,div,figure,ol,ul,li,a,span) { min-width:0; }
html body.public-info-body.public-info-body :is(h1,h2,h3,p,small,b,strong,a,li) {
  overflow-wrap:break-word;
  word-break:normal;
}
html body.public-info-body.public-info-body :is(h1,h2,h3,p,figure,ol,ul) { margin-block-start:0; }
html body.public-info-body.public-info-body a { text-decoration:none; }

/* Header and genuine mega menus */
html body.public-info-body.public-info-body .site-notice {
  min-height:36px !important;
  padding:7px 24px !important;
  gap:12px !important;
  color:#b8c0cb !important;
  background:#0d1117 !important;
  border-color:#282f39 !important;
}
html body.public-info-body.public-info-body .site-notice b { color:#6caeff !important; }
html body.public-info-body.public-info-body .site-notice a { color:#e8edf4 !important; }
html body.public-info-body.public-info-body .public-header {
  position:sticky !important;
  top:0 !important;
  z-index:80 !important;
  width:min(1400px,calc(100% - 40px)) !important;
  min-height:72px !important;
  margin:12px auto 0 !important;
  padding:9px 10px 9px 17px !important;
  gap:24px !important;
  color:#eef3f9 !important;
  background:rgba(15,19,26,.94) !important;
  border:1px solid #303844 !important;
  border-radius:16px !important;
  box-shadow:0 22px 55px rgba(0,0,0,.34) !important;
  backdrop-filter:blur(18px) saturate(125%) !important;
}
html body.public-info-body.public-info-body .public-header .public-brand :is(b,small) { color:#f3f6fa !important; }
html body.public-info-body.public-info-body .public-header .public-brand small { color:#8e99a8 !important; }
html body.public-info-body.public-info-body .public-header .candle-mark {
  border-color:#344152 !important;
  background:#171e28 !important;
  box-shadow:none !important;
}
html body.public-info-body.public-info-body .public-navigation {
  display:flex !important;
  align-items:center !important;
  gap:2px !important;
}
html body.public-info-body.public-info-body .public-mobile-access { display:none !important; }
html body.public-info-body.public-info-body .public-nav-group { position:relative !important; }
html body.public-info-body.public-info-body .public-nav-group > summary {
  min-height:46px !important;
  padding:0 12px !important;
  gap:7px !important;
  color:#b9c1cd !important;
  background:transparent !important;
  border:0 !important;
  border-radius:9px !important;
  font-size:13px !important;
  font-weight:760 !important;
  list-style:none !important;
  cursor:pointer !important;
}
html body.public-info-body.public-info-body .public-nav-group > summary::-webkit-details-marker { display:none !important; }
html body.public-info-body.public-info-body .public-nav-group > summary::after { display:none !important; content:none !important; }
html body.public-info-body.public-info-body .public-nav-group > summary > span {
  width:15px !important;
  height:15px !important;
  display:grid !important;
  place-items:center !important;
  color:#7e8998 !important;
  transition:transform .18s ease !important;
}
html body.public-info-body.public-info-body .public-nav-group > summary > span .ui-icon { width:13px !important; height:13px !important; }
html body.public-info-body.public-info-body .public-nav-group[open] > summary > span { transform:rotate(180deg) !important; }
html body.public-info-body.public-info-body .public-nav-group:is([open],:hover) > summary {
  color:#fff !important;
  background:#1a202a !important;
}
html body.public-info-body.public-info-body .public-nav-group:not([open]) > .public-mega-panel { display:none !important; }
html body.public-info-body.public-info-body .public-mega-panel {
  position:absolute !important;
  z-index:90 !important;
  top:54px !important;
  left:0 !important;
  width:min(760px,calc(100vw - 48px)) !important;
  padding:14px !important;
  display:grid !important;
  grid-template-columns:230px minmax(0,1fr) !important;
  gap:14px !important;
  color:#eef3f8 !important;
  background:#11161e !important;
  border:1px solid #35404d !important;
  border-radius:16px !important;
  box-shadow:0 34px 80px rgba(0,0,0,.52) !important;
  overflow:hidden !important;
}
html body.public-info-body.public-info-body .public-nav-plataformas > .public-mega-panel { left:-120px !important; }
html body.public-info-body.public-info-body .public-nav-aprender > .public-mega-panel { left:-260px !important; }
html body.public-info-body.public-info-body .public-nav-empresa > .public-mega-panel { left:auto !important; right:0 !important; }
html body.public-info-body.public-info-body .public-mega-panel > header {
  min-height:100% !important;
  padding:20px !important;
  display:flex !important;
  align-items:flex-start !important;
  gap:13px !important;
  color:#eff5fc !important;
  background:
    radial-gradient(circle at 18% 0,rgba(39,134,255,.22),transparent 12rem),
    #171e28 !important;
  border:1px solid #2d3948 !important;
  border-radius:12px !important;
}
html body.public-info-body.public-info-body .public-mega-panel > header > i {
  width:40px !important;
  height:40px !important;
  flex:0 0 40px !important;
  display:grid !important;
  place-items:center !important;
  color:#78b6ff !important;
  background:#102b52 !important;
  border:1px solid #285896 !important;
  border-radius:10px !important;
}
html body.public-info-body.public-info-body .public-mega-panel > header > i .ui-icon { width:20px !important; height:20px !important; }
html body.public-info-body.public-info-body .public-mega-panel > header > span { display:block !important; }
html body.public-info-body.public-info-body .public-mega-panel > header small {
  display:block !important;
  margin:0 0 7px !important;
  color:#69a9fa !important;
  font-size:9px !important;
  font-weight:850 !important;
  letter-spacing:.12em !important;
}
html body.public-info-body.public-info-body .public-mega-panel > header b {
  display:block !important;
  color:#fff !important;
  font-size:19px !important;
  line-height:1.15 !important;
}
html body.public-info-body.public-info-body .public-mega-panel > header p {
  margin:9px 0 0 !important;
  color:#9ca8b7 !important;
  font-size:12px !important;
  line-height:1.55 !important;
}
html body.public-info-body.public-info-body .public-mega-panel > nav {
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:5px !important;
}
html body.public-info-body.public-info-body .public-mega-panel > nav > a {
  min-height:76px !important;
  padding:12px !important;
  display:grid !important;
  grid-template-columns:34px minmax(0,1fr) 16px !important;
  align-items:center !important;
  gap:10px !important;
  color:#e8edf4 !important;
  background:transparent !important;
  border:1px solid transparent !important;
  border-radius:10px !important;
}
html body.public-info-body.public-info-body .public-mega-panel > nav > a:is(:hover,:focus-visible) {
  background:#1a222d !important;
  border-color:#354254 !important;
}
html body.public-info-body.public-info-body .public-mega-panel > nav > a > i {
  width:34px !important;
  height:34px !important;
  display:grid !important;
  place-items:center !important;
  color:#7bb6ff !important;
  background:#17263a !important;
  border:1px solid #2d4767 !important;
  border-radius:9px !important;
}
html body.public-info-body.public-info-body .public-mega-panel > nav > a > i .ui-icon { width:17px !important; height:17px !important; }
html body.public-info-body.public-info-body .public-mega-panel > nav > a > span { display:grid !important; gap:3px !important; }
html body.public-info-body.public-info-body .public-mega-panel > nav b { color:#f4f6f9 !important; font-size:12.5px !important; line-height:1.25 !important; }
html body.public-info-body.public-info-body .public-mega-panel > nav small { color:#8f9aa9 !important; font-size:10.5px !important; line-height:1.35 !important; }
html body.public-info-body.public-info-body .public-mega-panel > nav em { color:#5d9ef4 !important; font-size:15px !important; font-style:normal !important; }
html body.public-info-body.public-info-body .public-actions { gap:7px !important; }
html body.public-info-body.public-info-body .public-actions :is(.public-support-link,.public-login,.public-open) {
  min-height:44px !important;
  height:44px !important;
  border-radius:10px !important;
}
html body.public-info-body.public-info-body .public-actions .public-support-link,
html body.public-info-body.public-info-body .public-actions .public-login {
  color:#e5eaf0 !important;
  background:#181e27 !important;
  border-color:#343d48 !important;
}
html body.public-info-body.public-info-body .public-actions .public-open {
  color:#fff !important;
  background:#126bff !important;
  border-color:#126bff !important;
  box-shadow:none !important;
}

/* Full-bleed editorial hero */
html body.public-info-body.public-info-body .public-page {
  width:min(1440px,calc(100% - 40px)) !important;
  max-width:1440px !important;
  margin:0 auto !important;
  padding:0 !important;
  color:var(--v84-text) !important;
}
html body.public-info-body.public-info-body .public-hero.public-hero-v84 {
  position:relative !important;
  isolation:isolate !important;
  width:100% !important;
  min-height:680px !important;
  margin:20px 0 0 !important;
  padding:clamp(42px,5vw,72px) !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(300px,380px) !important;
  align-items:end !important;
  gap:clamp(34px,5vw,76px) !important;
  color:#fff !important;
  background:#10151d !important;
  border:1px solid #333c48 !important;
  border-radius:24px !important;
  box-shadow:0 34px 90px rgba(0,0,0,.34) !important;
  overflow:hidden !important;
}
html body.public-info-body.public-info-body .public-hero-v84 .public-hero-art {
  position:absolute !important;
  z-index:-3 !important;
  inset:0 !important;
  width:100% !important;
  max-width:none !important;
  height:100% !important;
  min-height:100% !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center !important;
  filter:saturate(.82) contrast(1.06) brightness(.76) !important;
}
html body.public-info-body.public-info-body .public-hero-v84 .public-hero-shade {
  position:absolute !important;
  z-index:-2 !important;
  inset:0 !important;
  width:auto !important;
  height:auto !important;
  display:block !important;
  color:transparent !important;
  background:
    linear-gradient(90deg,rgba(7,10,15,.97) 0%,rgba(8,12,18,.87) 42%,rgba(8,12,18,.42) 72%,rgba(8,12,18,.58) 100%),
    linear-gradient(0deg,rgba(7,10,15,.94) 0%,transparent 55%) !important;
  pointer-events:none !important;
}
html body.public-info-body.public-info-body .public-hero-v84 .public-hero-copy {
  position:relative !important;
  z-index:2 !important;
  width:100% !important;
  max-width:760px !important;
  margin:0 !important;
  display:block !important;
}
html body.public-info-body.public-info-body .public-hero-v84 .public-hero-back {
  width:max-content !important;
  max-width:100% !important;
  margin:0 0 clamp(36px,6vh,72px) !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  color:#d6dce5 !important;
  font-size:12px !important;
  font-weight:750 !important;
}
html body.public-info-body.public-info-body .public-hero-v84 .public-hero-back .ui-icon {
  width:14px !important;
  height:14px !important;
  transform:rotate(180deg) !important;
}
html body.public-info-body.public-info-body .public-hero-v84 .public-hero-eyebrow {
  display:block !important;
  margin:0 0 12px !important;
  color:#69aaff !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.14em !important;
}
html body.public-info-body.public-info-body .public-hero-v84 h1 {
  width:auto !important;
  max-width:12ch !important;
  margin:0 0 18px !important;
  color:#fff !important;
  font-size:clamp(50px,6vw,82px) !important;
  font-weight:780 !important;
  line-height:.95 !important;
  letter-spacing:-.055em !important;
  text-wrap:balance !important;
}
html body.public-info-body.public-info-body .public-hero-v84 .public-hero-copy > p {
  max-width:650px !important;
  margin:0 !important;
  color:#c5cbd4 !important;
  font-size:clamp(15px,1.35vw,18px) !important;
  line-height:1.65 !important;
}
html body.public-info-body.public-info-body .public-hero-v84 .public-hero-actions {
  width:auto !important;
  margin:27px 0 0 !important;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:9px !important;
}
html body.public-info-body.public-info-body .public-hero-v84 .public-hero-actions > a {
  width:auto !important;
  min-height:49px !important;
  padding:0 19px !important;
  border-radius:10px !important;
  font-size:13px !important;
  font-weight:850 !important;
}
html body.public-info-body.public-info-body .public-hero-v84 .public-primary {
  color:#fff !important;
  background:#126bff !important;
  border-color:#126bff !important;
  box-shadow:0 14px 34px rgba(18,107,255,.22) !important;
}
html body.public-info-body.public-info-body .public-hero-v84 .public-secondary {
  color:#f1f4f8 !important;
  background:rgba(20,25,33,.76) !important;
  border-color:#4a5563 !important;
  box-shadow:none !important;
  backdrop-filter:blur(10px) !important;
}
html body.public-info-body.public-info-body .public-hero-v84 .public-hero-guide {
  position:relative !important;
  z-index:2 !important;
  width:100% !important;
  margin:0 !important;
  padding:20px !important;
  color:#edf1f6 !important;
  background:rgba(15,19,26,.82) !important;
  border:1px solid rgba(168,183,204,.28) !important;
  border-radius:15px !important;
  box-shadow:0 22px 52px rgba(0,0,0,.28) !important;
  backdrop-filter:blur(16px) !important;
}
html body.public-info-body.public-info-body .public-hero-guide > header {
  padding:0 0 14px !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:12px !important;
  border-bottom:1px solid #3a424d !important;
}
html body.public-info-body.public-info-body .public-hero-guide > header span {
  color:#78b5ff !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.13em !important;
}
html body.public-info-body.public-info-body .public-hero-guide > header small { color:#8e98a6 !important; font-size:10px !important; }
html body.public-info-body.public-info-body .public-hero-guide ol {
  margin:0 !important;
  padding:7px 0 0 !important;
  display:grid !important;
  list-style:none !important;
}
html body.public-info-body.public-info-body .public-hero-guide li {
  min-height:68px !important;
  padding:12px 0 !important;
  display:grid !important;
  grid-template-columns:30px minmax(0,1fr) !important;
  align-items:start !important;
  gap:10px !important;
  border-bottom:1px solid #333b46 !important;
}
html body.public-info-body.public-info-body .public-hero-guide li:last-child { border-bottom:0 !important; }
html body.public-info-body.public-info-body .public-hero-guide li > span {
  width:28px !important;
  height:28px !important;
  display:grid !important;
  place-items:center !important;
  color:#8dc0ff !important;
  background:#152743 !important;
  border:1px solid #2c4e7d !important;
  border-radius:8px !important;
  font-size:9px !important;
  font-weight:900 !important;
}
html body.public-info-body.public-info-body .public-hero-guide li > div { display:grid !important; gap:3px !important; }
html body.public-info-body.public-info-body .public-hero-guide li b { color:#f4f6f9 !important; font-size:12px !important; line-height:1.35 !important; }
html body.public-info-body.public-info-body .public-hero-guide li small { color:#9aa4b1 !important; font-size:10.5px !important; line-height:1.45 !important; }

/* High-specificity light-theme lock: these editorial routes intentionally
   retain the same dark product language as the public landing page. */
html.light-theme.light-theme.light-theme.light-theme.light-theme.light-theme body.public-info-body.public-info-body.public-info-body {
  color:var(--v84-text) !important;
  background:linear-gradient(180deg,#0b0e13 0%,#10141b 48%,#0c1016 100%) !important;
}
html.light-theme.light-theme.light-theme.light-theme.light-theme.light-theme body.public-info-body.public-info-body.public-info-body .public-hero.public-hero-v84 {
  color:#fff !important;
  background:#10151d !important;
  background-image:none !important;
  border-color:#333c48 !important;
  box-shadow:0 34px 90px rgba(0,0,0,.34) !important;
}
html.light-theme.light-theme.light-theme.light-theme.light-theme.light-theme body.public-info-body.public-info-body.public-info-body .public-hero-v84 :is(h1,.public-hero-copy>p,.public-hero-eyebrow,.public-hero-back) { color:inherit !important; }
html.light-theme.light-theme.light-theme.light-theme.light-theme.light-theme body.public-info-body.public-info-body.public-info-body .public-hero-v84 h1 { color:#fff !important; }
html.light-theme.light-theme.light-theme.light-theme.light-theme.light-theme body.public-info-body.public-info-body.public-info-body .public-hero-v84 .public-hero-copy>p { color:#c5cbd4 !important; }
html.light-theme.light-theme.light-theme.light-theme.light-theme.light-theme body.public-info-body.public-info-body.public-info-body .public-hero-v84 .public-hero-eyebrow { color:#69aaff !important; }
html.light-theme.light-theme.light-theme.light-theme.light-theme.light-theme body.public-info-body.public-info-body.public-info-body .public-hero-v84 .public-secondary { color:#f1f4f8 !important; background:rgba(20,25,33,.76) !important; border-color:#4a5563 !important; }

/* Shared section rhythm and editorial headings */
html body.public-info-body.public-info-body .public-page > :is(
  .public-market-explorer,.public-platform-workflow,.public-mobile-experience,
  .public-learning-route,.public-trust-framework,.public-payment-showcase,
  .public-funding-flow,.public-account-comparison,.public-faq-list,
  .public-topic-section,.public-knowledge,.public-detail,.public-bottom-cta
) { width:100% !important; }
html body.public-info-body.public-info-body :is(
  .public-market-explorer,.public-platform-workflow,.public-learning-route,
  .public-trust-framework,.public-payment-showcase,.public-account-comparison,
  .public-faq-list,.public-topic-section,.public-knowledge
) > header {
  max-width:none !important;
  margin:0 0 28px !important;
}
html body.public-info-body.public-info-body :is(
  .public-market-explorer,.public-platform-workflow,.public-learning-route,
  .public-trust-framework,.public-payment-showcase,.public-account-comparison,
  .public-faq-list,.public-topic-section,.public-knowledge
) > header span {
  display:block !important;
  margin:0 0 9px !important;
  color:#5fa6fa !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.14em !important;
}
html body.public-info-body.public-info-body :is(
  .public-market-explorer,.public-platform-workflow,.public-learning-route,
  .public-trust-framework,.public-payment-showcase,.public-account-comparison,
  .public-faq-list,.public-topic-section,.public-knowledge
) > header h2 {
  max-width:880px !important;
  margin:0 !important;
  color:#f4f6f9 !important;
  font-size:clamp(32px,4.2vw,54px) !important;
  font-weight:760 !important;
  line-height:1.02 !important;
  letter-spacing:-.045em !important;
  text-wrap:balance !important;
}
html body.public-info-body.public-info-body :is(
  .public-market-explorer,.public-platform-workflow,.public-learning-route,
  .public-trust-framework,.public-payment-showcase,.public-account-comparison,
  .public-faq-list,.public-topic-section,.public-knowledge
) > header p {
  max-width:720px !important;
  margin:13px 0 0 !important;
  color:#9da7b4 !important;
  font-size:14.5px !important;
  line-height:1.7 !important;
}

/* Market explorer: contextual examples rather than a decorative empty list. */
html body.public-info-body.public-info-body .public-market-explorer {
  margin:clamp(68px,8vw,116px) 0 !important;
  padding:clamp(28px,4vw,52px) !important;
  color:var(--v84-text) !important;
  background:linear-gradient(145deg,#141a23 0%,#10151c 100%) !important;
  border:1px solid #313a46 !important;
  border-radius:20px !important;
  box-shadow:none !important;
}
html body.public-info-body.public-info-body .public-market-explorer > header {
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:28px !important;
}
html body.public-info-body.public-info-body .public-market-explorer > header > a,
html body.public-info-body.public-info-body .public-learning-route > header > a {
  flex:0 0 auto !important;
  min-height:44px !important;
  padding:0 15px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#ddebff !important;
  background:#172337 !important;
  border:1px solid #31537f !important;
  border-radius:9px !important;
  font-size:12px !important;
  font-weight:800 !important;
}
html body.public-info-body.public-info-body .public-market-table {
  border:1px solid #303945 !important;
  border-radius:13px !important;
  overflow:hidden !important;
}
html body.public-info-body.public-info-body .public-market-head,
html body.public-info-body.public-info-body .public-market-table > article {
  display:grid !important;
  grid-template-columns:minmax(140px,1.1fr) minmax(115px,.8fr) minmax(150px,1fr) minmax(220px,1.6fr) minmax(150px,.9fr) !important;
  align-items:center !important;
  gap:14px !important;
}
html body.public-info-body.public-info-body .public-market-head {
  min-height:43px !important;
  padding:0 18px !important;
  color:#818c9b !important;
  background:#0e131a !important;
  border-bottom:1px solid #303945 !important;
  font-size:9px !important;
  font-weight:850 !important;
  letter-spacing:.09em !important;
  text-transform:uppercase !important;
}
html body.public-info-body.public-info-body .public-market-table > article {
  min-height:80px !important;
  padding:14px 18px !important;
  color:#c7ced8 !important;
  background:#151b24 !important;
  border-bottom:1px solid #2b333e !important;
  font-size:12px !important;
  line-height:1.45 !important;
}
html body.public-info-body.public-info-body .public-market-table > article:nth-child(odd) { background:#131922 !important; }
html body.public-info-body.public-info-body .public-market-table > article:last-child { border-bottom:0 !important; }
html body.public-info-body.public-info-body .public-market-table > article > span:first-child { display:grid !important; gap:3px !important; }
html body.public-info-body.public-info-body .public-market-table > article b { color:#f3f5f8 !important; font-size:14px !important; }
html body.public-info-body.public-info-body .public-market-table > article small { color:#778291 !important; font-size:9.5px !important; }
html body.public-info-body.public-info-body .public-market-table > article > a {
  justify-self:end !important;
  color:#70afff !important;
  font-size:11px !important;
  font-weight:800 !important;
  white-space:nowrap !important;
}

/* Product workflow and interface diagram */
html body.public-info-body.public-info-body .public-platform-workflow {
  margin:clamp(68px,8vw,116px) 0 !important;
  padding:clamp(30px,5vw,64px) !important;
  background:#12171f !important;
  border:1px solid #303946 !important;
  border-radius:20px !important;
  overflow:hidden !important;
}
html body.public-info-body.public-info-body .public-platform-workflow > div {
  display:grid !important;
  grid-template-columns:minmax(250px,.68fr) minmax(0,1.55fr) !important;
  gap:clamp(28px,5vw,68px) !important;
  align-items:stretch !important;
}
html body.public-info-body.public-info-body .public-platform-workflow > div > ol {
  margin:0 !important;
  padding:0 !important;
  display:grid !important;
  align-content:start !important;
  list-style:none !important;
}
html body.public-info-body.public-info-body .public-platform-workflow > div > ol > li {
  min-height:84px !important;
  padding:17px 0 !important;
  display:grid !important;
  grid-template-columns:38px minmax(0,1fr) !important;
  gap:13px !important;
  border-bottom:1px solid #303845 !important;
}
html body.public-info-body.public-info-body .public-platform-workflow > div > ol > li > span {
  width:36px !important;
  height:36px !important;
  display:grid !important;
  place-items:center !important;
  color:#76b3ff !important;
  background:#172942 !important;
  border:1px solid #2a4d7b !important;
  border-radius:9px !important;
  font-size:10px !important;
  font-weight:900 !important;
}
html body.public-info-body.public-info-body .public-platform-workflow > div > ol > li > div { display:grid !important; align-content:center !important; gap:5px !important; }
html body.public-info-body.public-info-body .public-platform-workflow > div > ol b { color:#f2f5f8 !important; font-size:13px !important; }
html body.public-info-body.public-info-body .public-platform-workflow > div > ol small { color:#949eab !important; font-size:11.5px !important; line-height:1.45 !important; }
html body.public-info-body.public-info-body .public-interface-map {
  width:100% !important;
  min-height:430px !important;
  margin:0 !important;
  display:grid !important;
  grid-template-rows:50px minmax(0,1fr) !important;
  color:#dfe5ec !important;
  background:#0c1117 !important;
  border:1px solid #3b4654 !important;
  border-radius:15px !important;
  box-shadow:0 25px 60px rgba(0,0,0,.3) !important;
  overflow:hidden !important;
}
html body.public-info-body.public-info-body .public-interface-map > header {
  padding:0 15px !important;
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  background:#181e27 !important;
  border-bottom:1px solid #343d49 !important;
}
html body.public-info-body.public-info-body .public-interface-map > header > i {
  width:7px !important;
  height:7px !important;
  background:#596471 !important;
  border-radius:50% !important;
}
html body.public-info-body.public-info-body .public-interface-map > header > b {
  margin-left:8px !important;
  color:#cbd2db !important;
  font-size:9px !important;
  letter-spacing:.1em !important;
}
html body.public-info-body.public-info-body .public-interface-map > header > span {
  margin-left:auto !important;
  color:#63aa66 !important;
  font-size:8px !important;
  font-weight:850 !important;
  letter-spacing:.08em !important;
}
html body.public-info-body.public-info-body .public-interface-map > section {
  display:grid !important;
  grid-template-columns:54px minmax(0,1fr) minmax(142px,.31fr) !important;
  min-height:0 !important;
}
html body.public-info-body.public-info-body .public-interface-map > section > nav {
  padding:17px 0 !important;
  display:grid !important;
  grid-auto-rows:31px !important;
  justify-items:center !important;
  align-content:start !important;
  gap:10px !important;
  background:#111720 !important;
  border-right:1px solid #2c343e !important;
}
html body.public-info-body.public-info-body .public-interface-map > section > nav i {
  width:28px !important;
  height:28px !important;
  background:#202a37 !important;
  border:1px solid #374556 !important;
  border-radius:8px !important;
}
html body.public-info-body.public-info-body .public-interface-map > section > div {
  min-width:0 !important;
  padding:20px !important;
  display:grid !important;
  grid-template-rows:auto minmax(0,1fr) !important;
  background:linear-gradient(180deg,#101720,#0b1118) !important;
  overflow:hidden !important;
}
html body.public-info-body.public-info-body .public-interface-map > section > div > header { display:grid !important; gap:3px !important; }
html body.public-info-body.public-info-body .public-interface-map > section > div > header b { color:#eef2f7 !important; font-size:12px !important; }
html body.public-info-body.public-info-body .public-interface-map > section > div > header small { color:#7f8a99 !important; font-size:9px !important; }
html body.public-info-body.public-info-body .public-interface-map svg { align-self:end !important; width:100% !important; height:250px !important; max-width:100% !important; }
html body.public-info-body.public-info-body .public-interface-map > section > aside {
  padding:21px 15px !important;
  display:grid !important;
  grid-template-rows:auto 42px 42px 42px auto !important;
  align-content:start !important;
  gap:11px !important;
  background:#141a22 !important;
  border-left:1px solid #2c343e !important;
}
html body.public-info-body.public-info-body .public-interface-map > section > aside small { color:#7e8998 !important; font-size:9px !important; font-weight:850 !important; letter-spacing:.12em !important; }
html body.public-info-body.public-info-body .public-interface-map > section > aside i {
  display:block !important;
  background:#0e141c !important;
  border:1px solid #343d49 !important;
  border-radius:8px !important;
}
html body.public-info-body.public-info-body .public-interface-map > section > aside b {
  min-height:41px !important;
  display:grid !important;
  place-items:center !important;
  color:#fff !important;
  background:#126bff !important;
  border-radius:8px !important;
  font-size:10px !important;
}

/* The handset is deliberately contained in a dedicated editorial section.
   It is never positioned over the desktop product or over adjacent content. */
html body.public-info-body.public-info-body .public-mobile-experience {
  position:relative !important;
  width:100% !important;
  margin:0 0 clamp(72px,9vw,120px) !important;
  padding:clamp(30px,5vw,64px) !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(300px,.72fr) !important;
  align-items:center !important;
  gap:clamp(36px,7vw,96px) !important;
  color:#f3f6fa !important;
  background:
    radial-gradient(circle at 82% 42%,rgba(18,107,255,.17),transparent 25rem),
    linear-gradient(145deg,#151b24,#0f141b) !important;
  border:1px solid #343e4b !important;
  border-radius:22px !important;
  overflow:hidden !important;
}
html body.public-info-body.public-info-body .public-mobile-experience > div { max-width:670px !important; }
html body.public-info-body.public-info-body .public-mobile-experience > div > span {
  display:block !important;
  margin:0 0 10px !important;
  color:#63a9fa !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.14em !important;
}
html body.public-info-body.public-info-body .public-mobile-experience h2 {
  max-width:12ch !important;
  margin:0 !important;
  color:#f5f7fa !important;
  font-size:clamp(38px,5vw,62px) !important;
  line-height:.98 !important;
  letter-spacing:-.05em !important;
}
html body.public-info-body.public-info-body .public-mobile-experience > div > p {
  max-width:640px !important;
  margin:17px 0 0 !important;
  color:#a8b1be !important;
  font-size:14px !important;
  line-height:1.72 !important;
}
html body.public-info-body.public-info-body .public-mobile-experience ul {
  margin:25px 0 0 !important;
  padding:0 !important;
  display:grid !important;
  list-style:none !important;
}
html body.public-info-body.public-info-body .public-mobile-experience li {
  min-height:67px !important;
  padding:12px 0 !important;
  display:grid !important;
  grid-template-columns:10px minmax(0,1fr) !important;
  gap:13px !important;
  border-bottom:1px solid #303946 !important;
}
html body.public-info-body.public-info-body .public-mobile-experience li > i {
  width:7px !important;
  height:7px !important;
  margin-top:6px !important;
  background:#247cff !important;
  border-radius:50% !important;
  box-shadow:0 0 0 4px rgba(36,124,255,.12) !important;
}
html body.public-info-body.public-info-body .public-mobile-experience li > span { display:grid !important; gap:4px !important; }
html body.public-info-body.public-info-body .public-mobile-experience li b { color:#edf1f6 !important; font-size:13px !important; }
html body.public-info-body.public-info-body .public-mobile-experience li small { color:#929dab !important; font-size:11.5px !important; line-height:1.5 !important; }
html body.public-info-body.public-info-body .public-mobile-experience > div > a {
  min-height:48px !important;
  margin-top:25px !important;
  padding:0 18px !important;
  display:inline-flex !important;
  align-items:center !important;
  color:#fff !important;
  background:#126bff !important;
  border-radius:9px !important;
  font-size:12px !important;
  font-weight:850 !important;
}
html body.public-info-body.public-info-body .public-mobile-experience > figure {
  position:relative !important;
  inset:auto !important;
  width:100% !important;
  max-width:420px !important;
  height:auto !important;
  min-height:540px !important;
  margin:0 auto !important;
  padding:26px 24px 0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-end !important;
  background:linear-gradient(180deg,#0b0e13,#181e27) !important;
  border:1px solid #37414e !important;
  border-radius:28px !important;
  box-shadow:0 30px 72px rgba(0,0,0,.38) !important;
  overflow:hidden !important;
  transform:none !important;
}
html body.public-info-body.public-info-body .public-mobile-experience > figure > img {
  position:static !important;
  inset:auto !important;
  width:auto !important;
  max-width:100% !important;
  height:auto !important;
  max-height:570px !important;
  margin:0 auto !important;
  display:block !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  transform:none !important;
  filter:none !important;
}
html body.public-info-body.public-info-body .public-mobile-experience > figure > figcaption {
  position:absolute !important;
  left:13px !important;
  right:13px !important;
  bottom:12px !important;
  z-index:2 !important;
  padding:9px 11px !important;
  color:#a5afbc !important;
  background:rgba(12,16,22,.88) !important;
  border:1px solid #35404d !important;
  border-radius:8px !important;
  font-size:9.5px !important;
  line-height:1.35 !important;
  text-align:center !important;
  backdrop-filter:blur(10px) !important;
}

/* Learning path and governance framework */
html body.public-info-body.public-info-body .public-learning-route,
html body.public-info-body.public-info-body .public-trust-framework {
  margin:clamp(68px,8vw,116px) 0 !important;
  padding:clamp(30px,5vw,60px) !important;
  color:#eef2f7 !important;
  background:#12171f !important;
  border:1px solid #303946 !important;
  border-radius:20px !important;
}
html body.public-info-body.public-info-body .public-learning-route > header {
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:28px !important;
}
html body.public-info-body.public-info-body .public-learning-route > div,
html body.public-info-body.public-info-body .public-trust-framework > div {
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
}
html body.public-info-body.public-info-body .public-learning-route > div > article,
html body.public-info-body.public-info-body .public-trust-framework > div > article {
  min-height:210px !important;
  padding:24px !important;
  color:#eaf0f7 !important;
  background:linear-gradient(145deg,#181f29,#141a22) !important;
  border:1px solid #333e4c !important;
  border-radius:14px !important;
  box-shadow:none !important;
}
html body.public-info-body.public-info-body .public-learning-route > div > article {
  display:grid !important;
  grid-template-columns:38px minmax(0,1fr) !important;
  align-content:start !important;
  gap:16px !important;
}
html body.public-info-body.public-info-body :is(.public-learning-route,.public-trust-framework) article > span {
  width:36px !important;
  height:36px !important;
  display:grid !important;
  place-items:center !important;
  color:#77b3ff !important;
  background:#172944 !important;
  border:1px solid #2b4f80 !important;
  border-radius:9px !important;
  font-size:10px !important;
  font-weight:900 !important;
}
html body.public-info-body.public-info-body .public-learning-route article h3 {
  margin:0 0 9px !important;
  color:#f3f6f9 !important;
  font-size:18px !important;
  line-height:1.25 !important;
}
html body.public-info-body.public-info-body .public-trust-framework article h3 {
  margin:25px 0 9px !important;
  color:#f3f6f9 !important;
  font-size:18px !important;
  line-height:1.25 !important;
}
html body.public-info-body.public-info-body :is(.public-learning-route,.public-trust-framework) article p {
  margin:0 !important;
  color:#949eab !important;
  font-size:12.5px !important;
  line-height:1.65 !important;
}

/* Payments, account comparison and FAQ */
html body.public-info-body.public-info-body .public-payment-showcase,
html body.public-info-body.public-info-body .public-account-comparison,
html body.public-info-body.public-info-body .public-faq-list {
  margin:clamp(68px,8vw,116px) 0 30px !important;
  padding:clamp(30px,5vw,60px) !important;
  color:#eef2f7 !important;
  background:#12171f !important;
  border:1px solid #303946 !important;
  border-radius:20px !important;
}
html body.public-info-body.public-info-body .payment-method-showcase.public-payment-showcase {
  display:block !important;
  grid-template-columns:none !important;
  gap:0 !important;
}
html body.public-info-body.public-info-body .public-payment-showcase > div {
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:11px !important;
}
html body.public-info-body.public-info-body .public-payment-showcase > div > article {
  min-height:285px !important;
  padding:20px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  color:#edf2f8 !important;
  background:linear-gradient(145deg,#1a212b,#141a22) !important;
  border:1px solid #35404e !important;
  border-radius:14px !important;
  box-shadow:none !important;
}
html body.public-info-body.public-info-body .public-payment-showcase article > img {
  width:58px !important;
  max-width:58px !important;
  height:58px !important;
  max-height:58px !important;
  padding:10px !important;
  object-fit:contain !important;
  background:#10223b !important;
  border:1px solid #2b4f7d !important;
  border-radius:12px !important;
}
html body.public-info-body.public-info-body .public-payment-showcase article > span { display:block !important; }
html body.public-info-body.public-info-body .public-payment-showcase article h3 {
  margin:21px 0 8px !important;
  color:#f2f5f8 !important;
  font-size:17px !important;
  line-height:1.25 !important;
}
html body.public-info-body.public-info-body .public-payment-showcase article p {
  margin:0 !important;
  color:#969fac !important;
  font-size:12px !important;
  line-height:1.58 !important;
}
html body.public-info-body.public-info-body .public-payment-showcase article > a {
  margin-top:auto !important;
  padding-top:20px !important;
  color:#70afff !important;
  font-size:11px !important;
  font-weight:800 !important;
}
html body.public-info-body.public-info-body .public-payment-showcase .payment-showcase-brand {
  min-height:58px !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  color:#eef2f7 !important;
}
html body.public-info-body.public-info-body .public-payment-showcase .payment-showcase-brand > strong {
  color:inherit !important;
  font:900 16px/1 "Segoe UI Variable Display","Segoe UI",sans-serif !important;
  letter-spacing:-.03em !important;
  white-space:nowrap !important;
}
html body.public-info-body.public-info-body .public-payment-showcase .payment-showcase-brand > img {
  width:42px !important;
  max-width:42px !important;
  height:36px !important;
  max-height:36px !important;
  padding:0 !important;
  display:block !important;
  object-fit:contain !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
}
html body.public-info-body.public-info-body .public-payment-showcase .payment-showcase-visa > strong {
  color:#78cfff !important;
  font-size:29px !important;
  font-style:italic !important;
  letter-spacing:-.08em !important;
}
html body.public-info-body.public-info-body .public-payment-showcase .payment-showcase-mastercard > i {
  position:relative !important;
  width:42px !important;
  height:27px !important;
  display:block !important;
}
html body.public-info-body.public-info-body .public-payment-showcase .payment-showcase-mastercard > i > em {
  position:absolute !important;
  top:1px !important;
  left:0 !important;
  width:26px !important;
  height:26px !important;
  display:block !important;
  border-radius:50% !important;
  background:#eb001b !important;
}
html body.public-info-body.public-info-body .public-payment-showcase .payment-showcase-mastercard > i > em + em {
  left:16px !important;
  background:#f79e1b !important;
  mix-blend-mode:screen !important;
}
html body.public-info-body.public-info-body .public-payment-showcase .payment-showcase-mastercard > strong {
  font-size:13px !important;
  letter-spacing:-.02em !important;
}
html body.public-info-body.public-info-body .public-payment-showcase .payment-showcase-bank > strong {
  color:#65ddb5 !important;
  letter-spacing:.01em !important;
}
html body.public-info-body.public-info-body .public-payment-showcase .payment-showcase-wallet > strong {
  color:#bd9dff !important;
  letter-spacing:.01em !important;
}
html body.public-info-body.public-info-body .public-funding-flow {
  margin:0 0 clamp(70px,9vw,118px) !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
}
html body.public-info-body.public-info-body .public-funding-flow > article {
  min-height:145px !important;
  padding:22px !important;
  display:grid !important;
  grid-template-columns:38px minmax(0,1fr) !important;
  gap:14px !important;
  color:#e9eef5 !important;
  background:#151b23 !important;
  border:1px solid #323c49 !important;
  border-radius:13px !important;
}
html body.public-info-body.public-info-body .public-funding-flow > article > span {
  width:36px !important;
  height:36px !important;
  display:grid !important;
  place-items:center !important;
  color:#77b4ff !important;
  background:#172944 !important;
  border:1px solid #2d5183 !important;
  border-radius:9px !important;
  font-size:10px !important;
  font-weight:900 !important;
}
html body.public-info-body.public-info-body .public-funding-flow article b { color:#f1f4f8 !important; font-size:13px !important; }
html body.public-info-body.public-info-body .public-funding-flow article p { margin:6px 0 0 !important; color:#929ca9 !important; font-size:11.5px !important; line-height:1.55 !important; }
html body.public-info-body.public-info-body .public-account-comparison > div {
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
}
html body.public-info-body.public-info-body .public-account-comparison > div > article {
  min-height:330px !important;
  padding:28px !important;
  color:#edf2f7 !important;
  background:linear-gradient(150deg,#1a212b,#131920) !important;
  border:1px solid #35404d !important;
  border-radius:15px !important;
}
html body.public-info-body.public-info-body .public-account-comparison article:nth-child(2) {
  background:linear-gradient(150deg,#182740,#141b25) !important;
  border-color:#31598e !important;
}
html body.public-info-body.public-info-body .public-account-comparison article small {
  color:#6eacfa !important;
  font-size:9.5px !important;
  font-weight:900 !important;
  letter-spacing:.12em !important;
}
html body.public-info-body.public-info-body .public-account-comparison article h3 {
  margin:22px 0 26px !important;
  color:#f4f6f9 !important;
  font-size:27px !important;
  line-height:1.05 !important;
  letter-spacing:-.035em !important;
}
html body.public-info-body.public-info-body .public-account-comparison article ul {
  margin:0 !important;
  padding:0 !important;
  display:grid !important;
  list-style:none !important;
}
html body.public-info-body.public-info-body .public-account-comparison article li {
  padding:13px 0 13px 18px !important;
  position:relative !important;
  color:#a4aebb !important;
  border-bottom:1px solid #303946 !important;
  font-size:12px !important;
  line-height:1.45 !important;
}
html body.public-info-body.public-info-body .public-account-comparison article li::before {
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:19px !important;
  width:6px !important;
  height:6px !important;
  background:#2d83ff !important;
  border-radius:50% !important;
}
html body.public-info-body.public-info-body .public-faq-list > div {
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:9px !important;
}
html body.public-info-body.public-info-body .public-faq-list details {
  color:#edf2f7 !important;
  background:#171d26 !important;
  border:1px solid #343e4b !important;
  border-radius:12px !important;
  overflow:hidden !important;
}
html body.public-info-body.public-info-body .public-faq-list summary {
  min-height:62px !important;
  padding:14px 17px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  color:#f0f3f7 !important;
  font-size:13px !important;
  font-weight:800 !important;
  list-style:none !important;
  cursor:pointer !important;
}
html body.public-info-body.public-info-body .public-faq-list summary::-webkit-details-marker { display:none !important; }
html body.public-info-body.public-info-body .public-faq-list summary::after { content:"+" !important; color:#6dabfa !important; font-size:20px !important; font-weight:400 !important; }
html body.public-info-body.public-info-body .public-faq-list details[open] summary::after { content:"−" !important; }
html body.public-info-body.public-info-body .public-faq-list details p {
  margin:0 !important;
  padding:0 17px 18px !important;
  color:#99a3b0 !important;
  font-size:12px !important;
  line-height:1.65 !important;
}

/* Topic directory, practical criteria and decision detail */
html body.public-info-body.public-info-body .public-topic-section {
  margin:clamp(72px,9vw,122px) 0 !important;
}
html body.public-info-body.public-info-body .public-topic-grid {
  margin:0 !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
}
html body.public-info-body.public-info-body .public-topic-card {
  min-height:230px !important;
  padding:25px !important;
  display:grid !important;
  grid-template-columns:48px minmax(0,1fr) !important;
  align-items:start !important;
  gap:17px !important;
  color:#eef2f7 !important;
  background:linear-gradient(145deg,#181f29,#131920) !important;
  border:1px solid #333e4b !important;
  border-radius:14px !important;
  box-shadow:none !important;
  transform:none !important;
}
html body.public-info-body.public-info-body .public-topic-card:is(:hover,:focus-visible) {
  background:linear-gradient(145deg,#1a2431,#151c25) !important;
  border-color:#43638b !important;
  transform:translateY(-2px) !important;
}
html body.public-info-body.public-info-body .public-topic-card > span {
  width:48px !important;
  height:48px !important;
  display:grid !important;
  place-items:center !important;
  color:#78b4ff !important;
  background:#172a45 !important;
  border:1px solid #2c507f !important;
  border-radius:11px !important;
  font-size:11px !important;
  font-weight:900 !important;
}
html body.public-info-body.public-info-body .public-topic-card > span .ui-icon { width:22px !important; height:22px !important; }
html body.public-info-body.public-info-body .public-topic-card > div {
  min-height:178px !important;
  display:flex !important;
  flex-direction:column !important;
}
html body.public-info-body.public-info-body .public-topic-card h2 {
  margin:1px 0 9px !important;
  color:#f2f5f8 !important;
  font-size:19px !important;
  line-height:1.18 !important;
}
html body.public-info-body.public-info-body .public-topic-card p {
  margin:0 !important;
  color:#969fac !important;
  font-size:12.5px !important;
  line-height:1.58 !important;
}
html body.public-info-body.public-info-body .public-topic-card strong {
  margin-top:auto !important;
  padding-top:20px !important;
  color:#6facfa !important;
  font-size:11px !important;
  font-weight:850 !important;
}
html body.public-info-body.public-info-body .public-knowledge {
  margin:0 0 clamp(70px,8vw,112px) !important;
  padding:0 !important;
}
html body.public-info-body.public-info-body .public-knowledge > div {
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
}
html body.public-info-body.public-info-body .public-knowledge article {
  min-height:225px !important;
  padding:25px !important;
  color:#edf2f7 !important;
  background:#151b23 !important;
  border:1px solid #323c49 !important;
  border-radius:14px !important;
  box-shadow:none !important;
}
html body.public-info-body.public-info-body .public-knowledge article > span {
  width:36px !important;
  height:36px !important;
  display:grid !important;
  place-items:center !important;
  color:#75b2ff !important;
  background:#172943 !important;
  border:1px solid #2b4e7d !important;
  border-radius:9px !important;
  font-size:10px !important;
  font-weight:900 !important;
}
html body.public-info-body.public-info-body .public-knowledge article h3 {
  margin:24px 0 8px !important;
  color:#f2f5f8 !important;
  font-size:18px !important;
  line-height:1.25 !important;
}
html body.public-info-body.public-info-body .public-knowledge article p {
  margin:0 !important;
  color:#939daa !important;
  font-size:12.5px !important;
  line-height:1.63 !important;
}
html body.public-info-body.public-info-body .public-detail {
  margin:0 0 clamp(64px,8vw,105px) !important;
  padding:clamp(30px,5vw,58px) !important;
  display:grid !important;
  grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr) !important;
  align-items:center !important;
  gap:clamp(32px,6vw,86px) !important;
  color:#eef2f7 !important;
  background:
    radial-gradient(circle at 92% 8%,rgba(18,107,255,.13),transparent 23rem),
    #141a22 !important;
  border:1px solid #343e4b !important;
  border-radius:19px !important;
  box-shadow:none !important;
}
html body.public-info-body.public-info-body .public-detail > div > span,
html body.public-info-body.public-info-body .public-bottom-cta > div > span {
  color:#65a9fa !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.14em !important;
}
html body.public-info-body.public-info-body .public-detail h2 {
  margin:10px 0 14px !important;
  color:#f4f6f9 !important;
  font-size:clamp(34px,4.2vw,54px) !important;
  line-height:1.02 !important;
  letter-spacing:-.045em !important;
}
html body.public-info-body.public-info-body .public-detail p { margin:0 !important; color:#9ba5b2 !important; font-size:14px !important; line-height:1.7 !important; }
html body.public-info-body.public-info-body .public-detail ul { margin:0 !important; padding:0 !important; display:grid !important; list-style:none !important; }
html body.public-info-body.public-info-body .public-detail li {
  min-height:54px !important;
  padding:12px 0 !important;
  display:grid !important;
  grid-template-columns:31px minmax(0,1fr) !important;
  align-items:center !important;
  gap:12px !important;
  color:#bac2cd !important;
  border-bottom:1px solid #343d48 !important;
  font-size:12.5px !important;
  line-height:1.45 !important;
}
html body.public-info-body.public-info-body .public-detail li i {
  width:29px !important;
  height:29px !important;
  display:grid !important;
  place-items:center !important;
  color:#76b4ff !important;
  background:#172a45 !important;
  border:1px solid #2a4e7d !important;
  border-radius:8px !important;
}
html body.public-info-body.public-info-body .public-detail li i .ui-icon { width:15px !important; height:15px !important; }
html body.public-info-body.public-info-body .public-bottom-cta {
  margin:0 0 clamp(70px,8vw,110px) !important;
  padding:clamp(29px,4vw,46px) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:28px !important;
  color:#fff !important;
  background:linear-gradient(120deg,#172b4d 0%,#101a2b 58%,#151b24 100%) !important;
  border:1px solid #365e94 !important;
  border-radius:18px !important;
  box-shadow:none !important;
}
html body.public-info-body.public-info-body .public-bottom-cta h2 { margin:8px 0 6px !important; color:#fff !important; font-size:clamp(26px,3vw,38px) !important; line-height:1.08 !important; letter-spacing:-.035em !important; }
html body.public-info-body.public-info-body .public-bottom-cta p { margin:0 !important; color:#aebdce !important; font-size:13px !important; }
html body.public-info-body.public-info-body .public-bottom-cta > a {
  flex:0 0 auto !important;
  min-height:50px !important;
  padding:0 19px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#fff !important;
  background:#126bff !important;
  border:1px solid #2678ff !important;
  border-radius:10px !important;
  font-size:12px !important;
  font-weight:850 !important;
  white-space:nowrap !important;
}
html.light-theme.light-theme.light-theme.light-theme.light-theme.light-theme body.public-info-body.public-info-body.public-info-body .public-bottom-cta :is(h2,p,span) { color:inherit !important; }
html.light-theme.light-theme.light-theme.light-theme.light-theme.light-theme body.public-info-body.public-info-body.public-info-body .public-bottom-cta h2 { color:#fff !important; }
html.light-theme.light-theme.light-theme.light-theme.light-theme.light-theme body.public-info-body.public-info-body.public-info-body .public-bottom-cta p { color:#aebdce !important; }
html.light-theme.light-theme.light-theme.light-theme.light-theme.light-theme body.public-info-body.public-info-body.public-info-body .public-bottom-cta > a { color:#fff !important; background:#126bff !important; }

/* Footer follows the same graphite system. Payment methods become a stable
   grid at every width; no compact breakpoint turns them into a carousel. */
html body.public-info-body.public-info-body .public-footer.public-mega-footer {
  width:min(1400px,calc(100% - 40px)) !important;
  max-width:1400px !important;
  margin:0 auto !important;
  padding:58px 0 34px !important;
  display:block !important;
  color:#e9eef4 !important;
  background:transparent !important;
  border-top:1px solid #303843 !important;
}
html body.public-info-body.public-info-body .public-footer .footer-intro {
  padding-bottom:34px !important;
  display:grid !important;
  grid-template-columns:minmax(210px,.5fr) minmax(240px,1fr) minmax(210px,.6fr) !important;
  align-items:start !important;
  gap:28px !important;
  border-bottom:1px solid #2d3540 !important;
}
html body.public-info-body.public-info-body .public-footer .footer-intro > p { color:#929daa !important; font-size:12.5px !important; line-height:1.6 !important; }
html body.public-info-body.public-info-body .public-footer .footer-contact { margin:0 !important; justify-self:end !important; }
html body.public-info-body.public-info-body .public-footer .footer-contact b { color:#67aafa !important; }
html body.public-info-body.public-info-body .public-footer .footer-contact :is(a,span) { color:#e5eaf0 !important; }
html body.public-info-body.public-info-body .public-footer .footer-contact small { color:#87919e !important; }
html body.public-info-body.public-info-body .footer-directory {
  margin:35px 0 0 !important;
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  grid-auto-flow:row !important;
  grid-auto-columns:auto !important;
  gap:28px !important;
  overflow:visible !important;
}
html body.public-info-body.public-info-body .footer-directory > details {
  width:auto !important;
  min-width:0 !important;
  color:#e8edf3 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
}
html body.public-info-body.public-info-body .footer-directory summary {
  min-height:32px !important;
  padding:0 !important;
  color:#eef2f6 !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.1em !important;
}
html body.public-info-body.public-info-body .footer-directory summary::after { display:none !important; content:none !important; }
html body.public-info-body.public-info-body .footer-directory > details > div {
  padding:8px 0 0 !important;
  display:grid !important;
  gap:1px !important;
}
html body.public-info-body.public-info-body .public-footer .footer-directory a {
  min-height:30px !important;
  padding:0 !important;
  color:#9ba5b2 !important;
  border:0 !important;
  font-size:11.5px !important;
}
html body.public-info-body.public-info-body .footer-payments {
  margin:31px 0 0 !important;
  padding:28px 0 !important;
  border-top:1px solid #2d3540 !important;
  border-bottom:1px solid #2d3540 !important;
}
html body.public-info-body.public-info-body .footer-payments > div > span { color:#67aafa !important; font-size:10px !important; font-weight:900 !important; letter-spacing:.12em !important; }
html body.public-info-body.public-info-body .footer-payments > div > div {
  width:100% !important;
  margin:13px 0 0 !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  grid-auto-flow:row !important;
  grid-auto-columns:auto !important;
  gap:9px !important;
  overflow:visible !important;
  scroll-snap-type:none !important;
}
html body.public-info-body.public-info-body .footer-payments a {
  width:100% !important;
  min-width:0 !important;
  min-height:68px !important;
  padding:9px 12px !important;
  display:grid !important;
  grid-template-columns:44px minmax(0,1fr) !important;
  align-items:center !important;
  gap:10px !important;
  color:#eef2f7 !important;
  background:#151b23 !important;
  border:1px solid #323c49 !important;
  border-radius:11px !important;
  box-shadow:none !important;
  scroll-snap-align:none !important;
}
html body.public-info-body.public-info-body .footer-payments img {
  width:44px !important;
  max-width:44px !important;
  height:44px !important;
  max-height:44px !important;
  padding:7px !important;
  object-fit:contain !important;
  background:#17263b !important;
  border:1px solid #2c486b !important;
  border-radius:9px !important;
}
html body.public-info-body.public-info-body .footer-payments b { min-width:0 !important; color:#eef2f7 !important; font-size:11.5px !important; line-height:1.25 !important; }
html body.public-info-body.public-info-body .footer-legal-compact {
  margin:24px 0 0 !important;
  padding:0 !important;
  color:#788391 !important;
  border:0 !important;
  font-size:10.5px !important;
}
html body.public-info-body.public-info-body .footer-legal-compact a { color:#aeb7c2 !important; }
html.light-theme.light-theme.light-theme.light-theme.light-theme.light-theme body.public-info-body.public-info-body.public-info-body .public-footer :is(summary,a,b,small,span) { color:inherit !important; }
html.light-theme.light-theme.light-theme.light-theme.light-theme.light-theme body.public-info-body.public-info-body.public-info-body .public-footer .footer-directory summary { color:#eef2f6 !important; }
html.light-theme.light-theme.light-theme.light-theme.light-theme.light-theme body.public-info-body.public-info-body.public-info-body .public-footer .footer-directory a { color:#9ba5b2 !important; }
html.light-theme.light-theme.light-theme.light-theme.light-theme.light-theme body.public-info-body.public-info-body.public-info-body .public-footer .footer-payments b { color:#eef2f7 !important; }

@media (max-width:1100px) {
  html body.public-info-body.public-info-body .public-header {
    width:calc(100% - 28px) !important;
    gap:9px !important;
  }
  html body.public-info-body.public-info-body .public-menu-button {
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    min-height:44px !important;
    margin-left:auto !important;
    display:grid !important;
    place-items:center !important;
    color:#f1f4f8 !important;
    background:#181e27 !important;
    border:1px solid #343e4a !important;
    border-radius:10px !important;
  }
  html body.public-info-body.public-info-body .public-header:not(.menu-open) .public-navigation { display:none !important; }
  html body.public-info-body.public-info-body .public-header.menu-open .public-navigation {
    position:absolute !important;
    top:calc(100% + 7px) !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    max-height:calc(100dvh - 108px) !important;
    padding:12px !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    align-items:start !important;
    gap:8px !important;
    background:#10151c !important;
    border:1px solid #343e4b !important;
    border-radius:14px !important;
    box-shadow:0 30px 70px rgba(0,0,0,.48) !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
  }
  html body.public-info-body.public-info-body .public-navigation .public-mobile-access {
    grid-column:1/-1 !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
  }
  html body.public-info-body.public-info-body .public-mobile-access > a {
    min-height:44px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#eef2f7 !important;
    background:#181e27 !important;
    border:1px solid #343e4b !important;
    border-radius:9px !important;
    font-size:12px !important;
    font-weight:800 !important;
  }
  html body.public-info-body.public-info-body .public-mobile-access .mobile-open { color:#fff !important; background:#126bff !important; border-color:#126bff !important; }
  html body.public-info-body.public-info-body .public-navigation .public-nav-group { width:100% !important; }
  html body.public-info-body.public-info-body .public-nav-group > summary {
    width:100% !important;
    min-height:48px !important;
    justify-content:space-between !important;
    padding:0 13px !important;
    color:#e5eaf0 !important;
    background:#171d26 !important;
    border:1px solid #303a47 !important;
  }
  html body.public-info-body.public-info-body .public-mega-panel,
  html body.public-info-body.public-info-body :is(.public-nav-plataformas,.public-nav-aprender,.public-nav-empresa) > .public-mega-panel {
    position:static !important;
    inset:auto !important;
    width:100% !important;
    margin-top:6px !important;
    padding:8px !important;
    grid-template-columns:1fr !important;
    gap:7px !important;
    border-radius:11px !important;
    box-shadow:none !important;
  }
  html body.public-info-body.public-info-body .public-mega-panel > header { min-height:0 !important; padding:13px !important; }
  html body.public-info-body.public-info-body .public-mega-panel > header p { display:none !important; }
  html body.public-info-body.public-info-body .public-mega-panel > nav { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  html body.public-info-body.public-info-body .public-mega-panel > nav > a { min-height:68px !important; }
  html body.public-info-body.public-info-body .public-actions .public-support-link,
  html body.public-info-body.public-info-body .public-actions .public-login { display:none !important; }
  html body.public-info-body.public-info-body .public-hero.public-hero-v84 {
    min-height:620px !important;
    grid-template-columns:minmax(0,1fr) minmax(280px,330px) !important;
    gap:28px !important;
  }
  html body.public-info-body.public-info-body .public-hero-v84 h1 { font-size:clamp(46px,7vw,68px) !important; }
  html body.public-info-body.public-info-body .public-topic-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  html body.public-info-body.public-info-body .public-payment-showcase > div { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  html body.public-info-body.public-info-body .public-platform-workflow > div { grid-template-columns:1fr !important; }
  html body.public-info-body.public-info-body .public-platform-workflow > div > ol { grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:9px !important; }
  html body.public-info-body.public-info-body .public-platform-workflow > div > ol > li {
    min-height:145px !important;
    padding:18px !important;
    grid-template-columns:1fr !important;
    align-content:start !important;
    border:1px solid #303a46 !important;
    border-radius:12px !important;
  }
  html body.public-info-body.public-info-body .public-mobile-experience { grid-template-columns:minmax(0,1fr) minmax(270px,.72fr) !important; gap:34px !important; }
  html body.public-info-body.public-info-body .public-mobile-experience > figure { min-height:470px !important; }
  html body.public-info-body.public-info-body .public-mobile-experience > figure > img { max-height:500px !important; }
  html body.public-info-body.public-info-body .public-learning-route > div,
  html body.public-info-body.public-info-body .public-trust-framework > div,
  html body.public-info-body.public-info-body .public-knowledge > div { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
  html body.public-info-body.public-info-body .public-footer .footer-intro { grid-template-columns:minmax(190px,.7fr) 1fr !important; }
  html body.public-info-body.public-info-body .public-footer .footer-contact { display:none !important; }
}

@media (max-width:760px) {
  html body.public-info-body.public-info-body .site-notice {
    width:100% !important;
    height:32px !important;
    min-height:32px !important;
    padding:0 11px !important;
    display:grid !important;
    grid-template-columns:auto minmax(0,1fr) !important;
    justify-content:stretch !important;
    gap:8px !important;
    overflow:hidden !important;
    white-space:nowrap !important;
  }
  html body.public-info-body.public-info-body .site-notice :is(b,span) {
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    font-size:9.5px !important;
  }
  html body.public-info-body.public-info-body .site-notice a { display:none !important; }
  html body.public-info-body.public-info-body .public-header {
    width:100% !important;
    min-height:58px !important;
    height:58px !important;
    margin:0 !important;
    padding:7px 9px !important;
    gap:6px !important;
    border-left:0 !important;
    border-right:0 !important;
    border-radius:0 !important;
  }
  html body.public-info-body.public-info-body .public-header > .public-brand { gap:7px !important; }
  html body.public-info-body.public-info-body .public-header > .public-brand .candle-mark { width:34px !important; height:34px !important; border-radius:9px !important; }
  html body.public-info-body.public-info-body .public-header > .public-brand b { font-size:13px !important; }
  html body.public-info-body.public-info-body .public-header > .public-brand small { display:none !important; }
  html body.public-info-body.public-info-body .public-menu-button { order:2 !important; margin-left:auto !important; }
  html body.public-info-body.public-info-body .public-actions { order:3 !important; }
  html body.public-info-body.public-info-body .public-actions .public-open {
    min-height:42px !important;
    height:42px !important;
    padding:0 10px !important;
    font-size:10.5px !important;
  }
  html body.public-info-body.public-info-body .public-header.menu-open .public-navigation {
    top:calc(100% + 1px) !important;
    max-height:calc(100dvh - 91px) !important;
    padding:8px !important;
    grid-template-columns:1fr !important;
    gap:6px !important;
    border-left:0 !important;
    border-right:0 !important;
    border-radius:0 0 13px 13px !important;
  }
  html body.public-info-body.public-info-body .public-mega-panel > nav { grid-template-columns:1fr !important; }
  html body.public-info-body.public-info-body .public-mega-panel > nav > a { min-height:60px !important; }
  html body.public-info-body.public-info-body .public-page {
    width:calc(100% - 24px) !important;
    max-width:calc(100% - 24px) !important;
    padding:0 !important;
  }
  html body.public-info-body.public-info-body .public-hero.public-hero-v84 {
    min-height:0 !important;
    margin-top:12px !important;
    padding:clamp(176px,46vw,224px) 21px 21px !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    align-items:start !important;
    gap:22px !important;
    border-radius:17px !important;
  }
  html body.public-info-body.public-info-body .public-hero-v84 .public-hero-art {
    object-position:58% top !important;
    filter:saturate(.82) contrast(1.04) brightness(.74) !important;
  }
  html body.public-info-body.public-info-body .public-hero-v84 .public-hero-shade {
    background:
      linear-gradient(180deg,rgba(7,10,15,.18) 0%,rgba(7,10,15,.7) 23%,rgba(7,10,15,.97) 48%,rgba(7,10,15,.99) 100%),
      linear-gradient(90deg,rgba(7,10,15,.62),rgba(7,10,15,.12)) !important;
  }
  html body.public-info-body.public-info-body .public-hero-v84 .public-hero-copy { max-width:none !important; }
  html body.public-info-body.public-info-body .public-hero-v84 .public-hero-back {
    margin:0 0 31px !important;
    font-size:11px !important;
  }
  html body.public-info-body.public-info-body .public-hero-v84 h1 {
    max-width:13ch !important;
    margin-bottom:15px !important;
    font-size:clamp(37px,10.7vw,50px) !important;
    line-height:.98 !important;
  }
  html body.public-info-body.public-info-body .public-hero-v84 .public-hero-copy > p { font-size:14px !important; line-height:1.62 !important; }
  html body.public-info-body.public-info-body .public-hero-v84 .public-hero-actions {
    width:100% !important;
    margin-top:21px !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:7px !important;
  }
  html body.public-info-body.public-info-body .public-hero-v84 .public-hero-actions > a {
    width:100% !important;
    min-width:0 !important;
    min-height:46px !important;
    padding:0 9px !important;
    font-size:11px !important;
    white-space:nowrap !important;
  }
  html body.public-info-body.public-info-body .public-hero-v84 .public-hero-guide { padding:16px !important; }
  html body.public-info-body.public-info-body .public-hero-guide > header { align-items:flex-start !important; }
  html body.public-info-body.public-info-body .public-hero-guide li { min-height:63px !important; }

  html body.public-info-body.public-info-body :is(
    .public-market-explorer,.public-platform-workflow,.public-learning-route,
    .public-trust-framework,.public-payment-showcase,.public-account-comparison,
    .public-faq-list
  ) {
    margin-top:64px !important;
    margin-bottom:64px !important;
    padding:25px 19px !important;
    border-radius:16px !important;
  }
  html body.public-info-body.public-info-body :is(
    .public-market-explorer,.public-platform-workflow,.public-learning-route,
    .public-trust-framework,.public-payment-showcase,.public-account-comparison,
    .public-faq-list,.public-topic-section,.public-knowledge
  ) > header { margin-bottom:22px !important; }
  html body.public-info-body.public-info-body :is(
    .public-market-explorer,.public-platform-workflow,.public-learning-route,
    .public-trust-framework,.public-payment-showcase,.public-account-comparison,
    .public-faq-list,.public-topic-section,.public-knowledge
  ) > header h2 { font-size:clamp(29px,8vw,39px) !important; }
  html body.public-info-body.public-info-body :is(
    .public-market-explorer,.public-platform-workflow,.public-learning-route,
    .public-trust-framework,.public-payment-showcase,.public-account-comparison,
    .public-faq-list,.public-topic-section,.public-knowledge
  ) > header p { font-size:13px !important; line-height:1.64 !important; }
  html body.public-info-body.public-info-body :is(.public-market-explorer,.public-learning-route) > header {
    display:grid !important;
    align-items:start !important;
    gap:18px !important;
  }
  html body.public-info-body.public-info-body :is(.public-market-explorer,.public-learning-route) > header > a {
    width:100% !important;
    justify-content:center !important;
  }
  html body.public-info-body.public-info-body .public-market-table {
    display:grid !important;
    gap:8px !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    overflow:visible !important;
  }
  html body.public-info-body.public-info-body .public-market-head { display:none !important; }
  html body.public-info-body.public-info-body .public-market-table > article {
    min-height:0 !important;
    padding:16px !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    align-items:start !important;
    gap:15px 17px !important;
    background:#171e27 !important;
    border:1px solid #343f4c !important;
    border-radius:11px !important;
  }
  html body.public-info-body.public-info-body .public-market-table > article > span {
    display:grid !important;
    align-content:start !important;
    gap:4px !important;
  }
  html body.public-info-body.public-info-body .public-market-table > article > span[data-label]::before {
    content:attr(data-label) !important;
    color:#6daafa !important;
    font-size:8px !important;
    font-weight:900 !important;
    letter-spacing:.09em !important;
    text-transform:uppercase !important;
  }
  html body.public-info-body.public-info-body .public-market-table > article > a {
    grid-column:1/-1 !important;
    justify-self:stretch !important;
    min-height:40px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:#172944 !important;
    border:1px solid #2b4e7b !important;
    border-radius:8px !important;
  }
  html body.public-info-body.public-info-body .public-platform-workflow > div > ol {
    grid-template-columns:1fr !important;
    gap:7px !important;
  }
  html body.public-info-body.public-info-body .public-platform-workflow > div > ol > li {
    min-height:0 !important;
    padding:14px !important;
    grid-template-columns:36px minmax(0,1fr) !important;
    gap:11px !important;
  }
  html body.public-info-body.public-info-body .public-interface-map { min-height:330px !important; }
  html body.public-info-body.public-info-body .public-interface-map > section { grid-template-columns:43px minmax(0,1fr) !important; }
  html body.public-info-body.public-info-body .public-interface-map > section > aside { display:none !important; }
  html body.public-info-body.public-info-body .public-interface-map > section > div { padding:14px !important; }
  html body.public-info-body.public-info-body .public-interface-map svg { height:200px !important; }
  html body.public-info-body.public-info-body .public-mobile-experience {
    margin-bottom:64px !important;
    padding:28px 20px !important;
    grid-template-columns:1fr !important;
    gap:31px !important;
    border-radius:17px !important;
  }
  html body.public-info-body.public-info-body .public-mobile-experience h2 { max-width:13ch !important; font-size:clamp(36px,10vw,48px) !important; }
  html body.public-info-body.public-info-body .public-mobile-experience > div > a { width:100% !important; justify-content:center !important; }
  html body.public-info-body.public-info-body .public-mobile-experience > figure {
    width:min(100%,390px) !important;
    min-height:0 !important;
    max-height:none !important;
    padding:22px 20px 0 !important;
    border-radius:22px !important;
  }
  html body.public-info-body.public-info-body .public-mobile-experience > figure > img {
    width:auto !important;
    max-width:100% !important;
    max-height:560px !important;
  }
  html body.public-info-body.public-info-body .public-learning-route > div,
  html body.public-info-body.public-info-body .public-trust-framework > div,
  html body.public-info-body.public-info-body .public-account-comparison > div,
  html body.public-info-body.public-info-body .public-funding-flow,
  html body.public-info-body.public-info-body .public-knowledge > div {
    grid-template-columns:1fr !important;
  }
  html body.public-info-body.public-info-body .public-learning-route > div > article,
  html body.public-info-body.public-info-body .public-trust-framework > div > article,
  html body.public-info-body.public-info-body .public-knowledge article { min-height:0 !important; }
  html body.public-info-body.public-info-body .public-payment-showcase > div {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
  }
  html body.public-info-body.public-info-body .public-payment-showcase > div > article {
    min-height:265px !important;
    padding:16px !important;
  }
  html body.public-info-body.public-info-body .public-funding-flow { margin:0 0 64px !important; }
  html body.public-info-body.public-info-body .public-funding-flow > article { min-height:0 !important; }
  html body.public-info-body.public-info-body .public-account-comparison > div > article { min-height:0 !important; }
  html body.public-info-body.public-info-body .public-faq-list > div { grid-template-columns:1fr !important; }
  html body.public-info-body.public-info-body .public-topic-section { margin:64px 0 !important; }
  html body.public-info-body.public-info-body .public-topic-grid { grid-template-columns:1fr !important; gap:9px !important; }
  html body.public-info-body.public-info-body .public-topic-card {
    min-height:0 !important;
    padding:20px !important;
    grid-template-columns:44px minmax(0,1fr) !important;
    gap:14px !important;
  }
  html body.public-info-body.public-info-body .public-topic-card > span { width:44px !important; height:44px !important; }
  html body.public-info-body.public-info-body .public-topic-card > div { min-height:150px !important; }
  html body.public-info-body.public-info-body .public-knowledge { margin-bottom:64px !important; }
  html body.public-info-body.public-info-body .public-detail {
    margin-bottom:64px !important;
    padding:28px 21px !important;
    grid-template-columns:1fr !important;
    gap:26px !important;
    border-radius:16px !important;
  }
  html body.public-info-body.public-info-body .public-detail h2 { font-size:clamp(31px,8.4vw,40px) !important; }
  html body.public-info-body.public-info-body .public-bottom-cta {
    margin-bottom:70px !important;
    padding:27px 21px !important;
    align-items:flex-start !important;
    flex-direction:column !important;
    border-radius:15px !important;
  }
  html body.public-info-body.public-info-body .public-bottom-cta > a { width:100% !important; }

  html body.public-info-body.public-info-body .public-footer.public-mega-footer {
    width:calc(100% - 28px) !important;
    padding:36px 0 25px !important;
  }
  html body.public-info-body.public-info-body .public-footer .footer-intro {
    padding-bottom:24px !important;
    grid-template-columns:1fr !important;
    gap:16px !important;
  }
  html body.public-info-body.public-info-body .public-footer .footer-intro > p { display:block !important; }
  html body.public-info-body.public-info-body .footer-directory {
    margin-top:23px !important;
    padding:0 !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-auto-flow:row !important;
    grid-auto-columns:auto !important;
    gap:21px 16px !important;
    overflow:visible !important;
    scroll-snap-type:none !important;
  }
  html body.public-info-body.public-info-body .footer-directory > details,
  html body.public-info-body.public-info-body .footer-directory > details[open] { width:100% !important; }
  html body.public-info-body.public-info-body .footer-directory summary { min-height:30px !important; }
  html body.public-info-body.public-info-body .footer-directory > details > div { padding:5px 0 0 !important; }
  html body.public-info-body.public-info-body .public-footer .footer-directory a { min-height:32px !important; font-size:11px !important; }
  html body.public-info-body.public-info-body .footer-payments { padding:24px 0 !important; }
  html body.public-info-body.public-info-body .footer-payments > div > div {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-auto-flow:row !important;
    grid-auto-columns:auto !important;
    gap:8px !important;
    overflow:visible !important;
    scroll-snap-type:none !important;
  }
  html body.public-info-body.public-info-body .footer-payments a {
    min-height:62px !important;
    padding:8px !important;
    grid-template-columns:38px minmax(0,1fr) !important;
    gap:8px !important;
  }
  html body.public-info-body.public-info-body .footer-payments img {
    width:38px !important;
    max-width:38px !important;
    height:38px !important;
    max-height:38px !important;
    padding:6px !important;
  }
  html body.public-info-body.public-info-body .footer-payments b { font-size:10px !important; }
}

@media (max-width:480px) {
  html body.public-info-body.public-info-body .public-actions { display:none !important; }
  html body.public-info-body.public-info-body .public-header > .public-brand { max-width:calc(100% - 54px) !important; }
  html body.public-info-body.public-info-body .public-header.menu-open .public-navigation { max-height:calc(100dvh - 91px) !important; }
  html body.public-info-body.public-info-body .public-mobile-access { grid-template-columns:1fr 1fr !important; }
  html body.public-info-body.public-info-body .public-mega-panel > header { display:none !important; }
  html body.public-info-body.public-info-body .public-mega-panel > nav > a {
    min-height:57px !important;
    padding:9px !important;
    grid-template-columns:31px minmax(0,1fr) 13px !important;
    gap:8px !important;
  }
  html body.public-info-body.public-info-body .public-mega-panel > nav > a > i { width:31px !important; height:31px !important; }
  html body.public-info-body.public-info-body .public-mega-panel > nav small { font-size:10px !important; }
  html body.public-info-body.public-info-body .public-page {
    width:calc(100% - 18px) !important;
    max-width:calc(100% - 18px) !important;
  }
  html body.public-info-body.public-info-body .public-hero.public-hero-v84 {
    padding:clamp(154px,44vw,190px) 16px 16px !important;
    border-radius:14px !important;
  }
  html body.public-info-body.public-info-body .public-hero-v84 .public-hero-back { margin-bottom:25px !important; }
  html body.public-info-body.public-info-body .public-hero-v84 h1 { font-size:clamp(34px,10.6vw,43px) !important; }
  html body.public-info-body.public-info-body .public-hero-v84 .public-hero-actions { grid-template-columns:1fr !important; }
  html body.public-info-body.public-info-body .public-hero-v84 .public-hero-actions > a { min-height:45px !important; }
  html body.public-info-body.public-info-body .public-hero-v84 .public-hero-guide { padding:14px !important; border-radius:12px !important; }
  html body.public-info-body.public-info-body .public-hero-guide > header {
    display:grid !important;
    gap:3px !important;
  }
  html body.public-info-body.public-info-body .public-hero-guide li {
    grid-template-columns:27px minmax(0,1fr) !important;
    gap:9px !important;
  }
  html body.public-info-body.public-info-body .public-hero-guide li > span { width:26px !important; height:26px !important; }
  html body.public-info-body.public-info-body :is(
    .public-market-explorer,.public-platform-workflow,.public-learning-route,
    .public-trust-framework,.public-payment-showcase,.public-account-comparison,
    .public-faq-list
  ) { padding:22px 15px !important; }
  html body.public-info-body.public-info-body .public-market-table > article { grid-template-columns:1fr !important; gap:13px !important; }
  html body.public-info-body.public-info-body .public-interface-map { min-height:292px !important; grid-template-rows:44px minmax(0,1fr) !important; }
  html body.public-info-body.public-info-body .public-interface-map > header { padding:0 10px !important; }
  html body.public-info-body.public-info-body .public-interface-map > header > span { display:none !important; }
  html body.public-info-body.public-info-body .public-interface-map > section { grid-template-columns:36px minmax(0,1fr) !important; }
  html body.public-info-body.public-info-body .public-interface-map > section > nav { grid-auto-rows:27px !important; gap:8px !important; }
  html body.public-info-body.public-info-body .public-interface-map > section > nav i { width:24px !important; height:24px !important; }
  html body.public-info-body.public-info-body .public-interface-map > section > div { padding:11px !important; }
  html body.public-info-body.public-info-body .public-interface-map svg { height:165px !important; }
  html body.public-info-body.public-info-body .public-mobile-experience { padding:25px 16px !important; }
  html body.public-info-body.public-info-body .public-mobile-experience h2 { font-size:clamp(34px,10.5vw,43px) !important; }
  html body.public-info-body.public-info-body .public-mobile-experience > figure {
    width:100% !important;
    padding:16px 12px 0 !important;
    border-radius:18px !important;
  }
  html body.public-info-body.public-info-body .public-mobile-experience > figure > img { max-height:500px !important; }
  html body.public-info-body.public-info-body .public-payment-showcase > div { grid-template-columns:1fr !important; }
  html body.public-info-body.public-info-body .public-payment-showcase > div > article { min-height:235px !important; }
  html body.public-info-body.public-info-body .public-topic-card {
    padding:17px !important;
    grid-template-columns:40px minmax(0,1fr) !important;
    gap:12px !important;
  }
  html body.public-info-body.public-info-body .public-topic-card > span { width:40px !important; height:40px !important; border-radius:9px !important; }
  html body.public-info-body.public-info-body .public-topic-card > span .ui-icon { width:19px !important; height:19px !important; }
  html body.public-info-body.public-info-body .public-topic-card h2 { font-size:17px !important; }
  html body.public-info-body.public-info-body .public-topic-card > div { min-height:145px !important; }
  html body.public-info-body.public-info-body .public-detail { padding:24px 17px !important; }
  html body.public-info-body.public-info-body .public-bottom-cta { padding:24px 17px !important; }
  html body.public-info-body.public-info-body .public-footer.public-mega-footer { width:calc(100% - 20px) !important; }
  html body.public-info-body.public-info-body .footer-directory { gap:19px 12px !important; }
  html body.public-info-body.public-info-body .footer-payments > div > div {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:7px !important;
  }
  html body.public-info-body.public-info-body .footer-payments a {
    min-height:58px !important;
    padding:7px !important;
    grid-template-columns:34px minmax(0,1fr) !important;
    gap:7px !important;
  }
  html body.public-info-body.public-info-body .footer-payments img {
    width:34px !important;
    max-width:34px !important;
    height:34px !important;
    max-height:34px !important;
    padding:5px !important;
  }
  html body.public-info-body.public-info-body .footer-payments b { font-size:9.5px !important; }
}

@media (max-width:430px) {
  html body.public-info-body.public-info-body .public-page {
    width:calc(100% - 16px) !important;
    max-width:calc(100% - 16px) !important;
  }
  html body.public-info-body.public-info-body .public-hero.public-hero-v84 { padding-top:158px !important; }
  html body.public-info-body.public-info-body .public-mobile-experience li {
    grid-template-columns:9px minmax(0,1fr) !important;
    gap:11px !important;
  }
  html body.public-info-body.public-info-body .public-funding-flow > article {
    padding:18px !important;
    grid-template-columns:34px minmax(0,1fr) !important;
    gap:11px !important;
  }
  html body.public-info-body.public-info-body .footer-payments > div > div {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    overflow:visible !important;
  }
}

@media (max-width:390px) {
  html body.public-info-body.public-info-body .site-notice { grid-template-columns:auto minmax(0,1fr) !important; }
  html body.public-info-body.public-info-body .site-notice b { max-width:112px !important; }
  html body.public-info-body.public-info-body .public-header > .public-brand b { font-size:12px !important; }
  html body.public-info-body.public-info-body .public-menu-button { width:42px !important; height:42px !important; min-width:42px !important; min-height:42px !important; }
  html body.public-info-body.public-info-body .public-mobile-access > a { font-size:10.5px !important; }
  html body.public-info-body.public-info-body .public-hero.public-hero-v84 { padding-top:150px !important; }
  html body.public-info-body.public-info-body .public-hero-v84 h1 { font-size:clamp(32px,10.5vw,39px) !important; }
  html body.public-info-body.public-info-body .public-hero-v84 .public-hero-eyebrow { font-size:9px !important; }
  html body.public-info-body.public-info-body .public-hero-v84 .public-hero-copy > p { font-size:13px !important; }
  html body.public-info-body.public-info-body .public-learning-route > div > article {
    padding:17px !important;
    grid-template-columns:34px minmax(0,1fr) !important;
    gap:12px !important;
  }
  html body.public-info-body.public-info-body .public-trust-framework > div > article,
  html body.public-info-body.public-info-body .public-knowledge article,
  html body.public-info-body.public-info-body .public-account-comparison > div > article { padding:20px !important; }
  html body.public-info-body.public-info-body .public-topic-card { grid-template-columns:38px minmax(0,1fr) !important; }
  html body.public-info-body.public-info-body .public-topic-card > span { width:38px !important; height:38px !important; }
  html body.public-info-body.public-info-body .footer-directory { grid-template-columns:1fr 1fr !important; gap:18px 10px !important; }
  html body.public-info-body.public-info-body .public-footer .footer-directory a { font-size:10.5px !important; }
  html body.public-info-body.public-info-body .footer-payments a { grid-template-columns:31px minmax(0,1fr) !important; gap:6px !important; }
  html body.public-info-body.public-info-body .footer-payments img { width:31px !important; max-width:31px !important; height:31px !important; max-height:31px !important; }
  html body.public-info-body.public-info-body .footer-payments b { font-size:8.8px !important; }
}

@media (max-width:360px) {
  html body.public-info-body.public-info-body .public-hero.public-hero-v84 { padding-top:145px !important; }
  html body.public-info-body.public-info-body .public-hero-v84 h1 { font-size:32px !important; }
  html body.public-info-body.public-info-body .public-interface-map > header > b { font-size:8px !important; }
  html body.public-info-body.public-info-body .public-topic-card p { font-size:12px !important; }
  html body.public-info-body.public-info-body .footer-directory { gap-inline:8px !important; }
  html body.public-info-body.public-info-body .footer-payments b { font-size:8.3px !important; }
}

@media (max-width:340px) {
  html body.public-info-body.public-info-body .site-notice span { display:none !important; }
  html body.public-info-body.public-info-body .site-notice { grid-template-columns:1fr !important; }
  html body.public-info-body.public-info-body .site-notice b { max-width:none !important; text-align:center !important; }
  html body.public-info-body.public-info-body .public-header > .public-brand .candle-mark { width:32px !important; height:32px !important; }
  html body.public-info-body.public-info-body .public-header > .public-brand b { font-size:11px !important; }
  html body.public-info-body.public-info-body .public-page { width:calc(100% - 14px) !important; max-width:calc(100% - 14px) !important; }
  html body.public-info-body.public-info-body .public-hero.public-hero-v84 { padding:140px 13px 13px !important; }
  html body.public-info-body.public-info-body .public-hero-v84 h1 { font-size:31px !important; }
  html body.public-info-body.public-info-body .public-hero-v84 .public-hero-actions > a { font-size:10px !important; }
  html body.public-info-body.public-info-body .public-hero-v84 .public-hero-guide { padding:12px !important; }
  html body.public-info-body.public-info-body .public-hero-guide li { grid-template-columns:25px minmax(0,1fr) !important; }
  html body.public-info-body.public-info-body .public-hero-guide li > span { width:24px !important; height:24px !important; }
  html body.public-info-body.public-info-body :is(
    .public-market-explorer,.public-platform-workflow,.public-learning-route,
    .public-trust-framework,.public-payment-showcase,.public-account-comparison,
    .public-faq-list
  ) { padding:20px 12px !important; }
  html body.public-info-body.public-info-body .public-topic-card { padding:15px !important; grid-template-columns:36px minmax(0,1fr) !important; gap:10px !important; }
  html body.public-info-body.public-info-body .public-topic-card > span { width:36px !important; height:36px !important; }
  html body.public-info-body.public-info-body .footer-payments a { min-height:56px !important; padding:6px !important; grid-template-columns:28px minmax(0,1fr) !important; gap:5px !important; }
  html body.public-info-body.public-info-body .footer-payments img { width:28px !important; max-width:28px !important; height:28px !important; max-height:28px !important; padding:4px !important; }
  html body.public-info-body.public-info-body .footer-payments b { font-size:8px !important; }
}

@media (max-width:320px) {
  html body.public-info-body.public-info-body .public-page {
    width:calc(100% - 12px) !important;
    max-width:calc(100% - 12px) !important;
  }
  html body.public-info-body.public-info-body .public-hero.public-hero-v84 { padding:134px 12px 12px !important; }
  html body.public-info-body.public-info-body .public-hero-v84 h1 { font-size:30px !important; }
  html body.public-info-body.public-info-body .public-hero-v84 .public-hero-copy > p { font-size:12.5px !important; }
  html body.public-info-body.public-info-body .public-detail,
  html body.public-info-body.public-info-body .public-bottom-cta { padding-inline:15px !important; }
  html body.public-info-body.public-info-body .public-footer.public-mega-footer { width:calc(100% - 16px) !important; }
  html body.public-info-body.public-info-body .footer-payments a { grid-template-columns:26px minmax(0,1fr) !important; }
  html body.public-info-body.public-info-body .footer-payments img { width:26px !important; max-width:26px !important; height:26px !important; max-height:26px !important; }
}

/* v84.1 · Restore the established payment-provider marks everywhere.
   The shared footer now uses the same Visa/Mastercard/bank/wallet treatment as
   the homepage instead of generic blue category icons. */
html body.public-info-body.public-info-body .footer-payments a.payment-brand {
  min-height:72px !important;
  padding:11px 14px !important;
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) !important;
  grid-template-rows:1fr auto !important;
  align-items:center !important;
  column-gap:9px !important;
  row-gap:3px !important;
  overflow:hidden !important;
  background:#151b23 !important;
}
html body.public-info-body.public-info-body .footer-payments a.payment-brand > strong {
  min-width:0 !important;
  color:#eef2f7 !important;
  font:900 16px/1 "Segoe UI Variable Display","Segoe UI",sans-serif !important;
  letter-spacing:-.03em !important;
  white-space:nowrap !important;
}
html body.public-info-body.public-info-body .footer-payments a.payment-brand > small {
  grid-column:1/-1 !important;
  color:#8f9aa7 !important;
  font-size:9px !important;
  font-weight:750 !important;
  line-height:1.2 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}
html body.public-info-body.public-info-body .footer-payments a.payment-brand > img {
  width:34px !important;
  max-width:34px !important;
  height:28px !important;
  max-height:28px !important;
  padding:0 !important;
  display:block !important;
  object-fit:contain !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
}
html body.public-info-body.public-info-body .footer-payments .payment-brand-visa > strong {
  color:#78cfff !important;
  font-size:22px !important;
  font-style:italic !important;
  letter-spacing:-.08em !important;
}
html body.public-info-body.public-info-body .footer-payments .payment-brand-mastercard > i {
  position:relative !important;
  width:34px !important;
  height:22px !important;
  display:block !important;
}
html body.public-info-body.public-info-body .footer-payments .payment-brand-mastercard > i > em {
  position:absolute !important;
  top:1px !important;
  left:0 !important;
  width:21px !important;
  height:21px !important;
  display:block !important;
  border-radius:50% !important;
  background:#eb001b !important;
}
html body.public-info-body.public-info-body .footer-payments .payment-brand-mastercard > i > em + em {
  left:13px !important;
  background:#f79e1b !important;
  mix-blend-mode:screen !important;
}
html body.public-info-body.public-info-body .footer-payments .payment-brand-mastercard > strong { font-size:12px !important; letter-spacing:-.02em !important; }
html body.public-info-body.public-info-body .footer-payments .payment-brand-bank > strong { color:#65ddb5 !important; font-size:14px !important; letter-spacing:.01em !important; }
html body.public-info-body.public-info-body .footer-payments .payment-brand-wallet > strong { color:#bd9dff !important; font-size:14px !important; letter-spacing:.01em !important; }

@media (max-width:390px) {
  html body.public-info-body.public-info-body .footer-payments a.payment-brand {
    min-height:66px !important;
    padding:9px 10px !important;
    column-gap:7px !important;
  }
  html body.public-info-body.public-info-body .footer-payments a.payment-brand > strong { font-size:13px !important; }
  html body.public-info-body.public-info-body .footer-payments .payment-brand-visa > strong { font-size:19px !important; }
  html body.public-info-body.public-info-body .footer-payments .payment-brand-mastercard > strong { font-size:10px !important; }
  html body.public-info-body.public-info-body .footer-payments .payment-brand-bank > strong,
  html body.public-info-body.public-info-body .footer-payments .payment-brand-wallet > strong { font-size:11px !important; }
}

/* v85 · Reliable brand fallback. Some browsers do not paint the raster data
   embedded in the legacy SVG when it is used at small sizes. Keep the
   original VT artwork visible on every header, footer and private shell. */
html body :is(.brand-logo-image,.candle-mark,.aureo-symbol,.lp-terminal-brandmark),
html body.public-info-body.public-info-body .public-header .candle-mark {
  background:transparent url('/static/app-icon-192-v73.png?v=85') center/contain no-repeat !important;
  background-color:transparent !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:contain !important;
}

/* v86 · Canonical, full-colour payment providers on every public page.
   The footer order and risk tail are shared by all pre-login routes. Generic
   category glyphs are deliberately excluded from these promotional surfaces. */
html body.public-info-body.public-info-body .footer-payments.payment-brands-canonical,
html body.landing-v2.landing-v2 .lp-footer-payments.payment-brands-canonical {
  border-color:#3c4148 !important;
}
html body.public-info-body.public-info-body .footer-payments.payment-brands-canonical > div > div,
html body.landing-v2.landing-v2 .lp-footer-payments.payment-brands-canonical > div {
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:10px !important;
  overflow:visible !important;
}
html body.public-info-body.public-info-body .footer-payments.payment-brands-canonical a.payment-brand,
html body.landing-v2.landing-v2 .lp-footer-payments.payment-brands-canonical a.lp-pay-brand {
  min-width:0 !important;
  min-height:72px !important;
  padding:11px 14px !important;
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) !important;
  grid-template-rows:1fr auto !important;
  align-items:center !important;
  column-gap:9px !important;
  row-gap:3px !important;
  overflow:hidden !important;
  color:#f6f7f9 !important;
  border:1px solid #474c54 !important;
  border-radius:13px !important;
  background:#2b2f35 !important;
  background-image:none !important;
  box-shadow:none !important;
}
html body.public-info-body.public-info-body .footer-payments.payment-brands-canonical a.payment-brand:is(:hover,:focus-visible),
html body.landing-v2.landing-v2 .lp-footer-payments.payment-brands-canonical a.lp-pay-brand:is(:hover,:focus-visible) {
  border-color:#69717c !important;
  background:#31363d !important;
  transform:translateY(-1px) !important;
}
html body.public-info-body.public-info-body .footer-payments.payment-brands-canonical a > strong,
html body.landing-v2.landing-v2 .lp-footer-payments.payment-brands-canonical a > strong {
  min-width:0 !important;
  color:#f6f7f9 !important;
  font:900 16px/1 "Segoe UI Variable Display","Segoe UI",sans-serif !important;
  letter-spacing:-.03em !important;
  white-space:nowrap !important;
}
html body.public-info-body.public-info-body .footer-payments.payment-brands-canonical a > :is(small,span),
html body.landing-v2.landing-v2 .lp-footer-payments.payment-brands-canonical a > :is(small,span) {
  grid-column:1/-1 !important;
  color:#d2d5da !important;
  font-size:9px !important;
  font-weight:750 !important;
  line-height:1.2 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}
html body.public-info-body.public-info-body .footer-payments.payment-brands-canonical a > img,
html body.landing-v2.landing-v2 .payment-brands-canonical a > img {
  width:34px !important;
  max-width:34px !important;
  height:28px !important;
  max-height:28px !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  object-fit:contain !important;
  filter:none !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
}
html body :is(.payment-brand-visa,.lp-pay-visa,.payment-showcase-visa) > strong {
  color:#89a2ff !important;
  font-style:italic !important;
  letter-spacing:-.08em !important;
}
html body :is(.payment-brand-mastercard,.lp-pay-mastercard,.payment-showcase-mastercard) > i {
  position:relative !important;
  width:34px !important;
  min-width:34px !important;
  height:22px !important;
  display:block !important;
  background:transparent !important;
}
html body :is(.payment-brand-mastercard,.lp-pay-mastercard,.payment-showcase-mastercard) > i > em {
  position:absolute !important;
  top:1px !important;
  left:0 !important;
  width:21px !important;
  height:21px !important;
  display:block !important;
  border-radius:50% !important;
  background:#eb001b !important;
}
html body :is(.payment-brand-mastercard,.lp-pay-mastercard,.payment-showcase-mastercard) > i > em + em {
  left:13px !important;
  background:#f79e1b !important;
  mix-blend-mode:screen !important;
}
html body :is(.payment-brand-mastercard,.lp-pay-mastercard,.payment-showcase-mastercard) > strong {
  color:#f6f7f9 !important;
  font-size:12px !important;
  letter-spacing:-.02em !important;
}
html body :is(.payment-brand-bank,.payment-brand-wallet,.lp-pay-bank,.lp-pay-wallet,.payment-showcase-bank,.payment-showcase-wallet) > strong {
  color:#f6f7f9 !important;
  letter-spacing:.01em !important;
}
html body .payment-brands-canonical :is(.ui-icon,.nav-icon),
html body.public-info-body.public-info-body .public-topic-payment-card :is(.ui-icon,.nav-icon) {
  display:none !important;
}

/* The home payment section remains light, but its original blue artwork and
   Mastercard colours are preserved instead of being converted to grayscale. */
html body.landing-v2.landing-v2 .lp-home-payments.payment-brands-canonical a.lp-pay-brand > img {
  filter:none !important;
}
html body.landing-v2.landing-v2 .lp-home-payments.payment-brands-canonical :is(.lp-pay-mastercard,.lp-pay-bank,.lp-pay-wallet) > strong {
  color:#17191e !important;
}
html body.landing-v2.landing-v2 .lp-home-payments.payment-brands-canonical .lp-pay-visa > strong {
  color:#2449cf !important;
}

/* The provider directory on /payments uses the same marks, never a generic
   blue square, while keeping each explanation readable. */
html body.public-info-body.public-info-body.public-page-payments .public-topic-card.public-topic-payment-card {
  grid-template-columns:112px minmax(0,1fr) !important;
}
html body.public-info-body.public-info-body.public-page-payments .public-topic-payment-card > .public-topic-provider {
  width:112px !important;
  height:52px !important;
  min-height:52px !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  color:#f6f7f9 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
}
html body.public-info-body.public-info-body.public-page-payments .public-topic-provider > strong {
  color:#f6f7f9 !important;
  font:900 15px/1 "Segoe UI Variable Display","Segoe UI",sans-serif !important;
  white-space:nowrap !important;
}
html body.public-info-body.public-info-body.public-page-payments .public-topic-provider.payment-showcase-visa > strong {
  color:#89a2ff !important;
  font-size:24px !important;
  font-style:italic !important;
  letter-spacing:-.08em !important;
}
html body.public-info-body.public-info-body.public-page-payments .public-topic-provider > img {
  width:38px !important;
  max-width:38px !important;
  height:34px !important;
  max-height:34px !important;
  padding:0 !important;
  object-fit:contain !important;
  filter:none !important;
  background:transparent !important;
  border:0 !important;
}
html body.public-info-body.public-info-body.public-page-payments .public-topic-provider.payment-showcase-mastercard > strong {
  font-size:11px !important;
}

html body.public-info-body.public-info-body .public-payment-showcase.payment-brands-canonical .payment-showcase-brand > strong {
  color:#f6f7f9 !important;
}
html body.public-info-body.public-info-body .public-payment-showcase.payment-brands-canonical .payment-showcase-visa > strong {
  color:#89a2ff !important;
}
html body.public-info-body.public-info-body .public-payment-showcase.payment-brands-canonical .payment-showcase-brand > img {
  filter:none !important;
}

@media (max-width:720px) {
  html body.public-info-body.public-info-body .footer-payments.payment-brands-canonical > div > div,
  html body.landing-v2.landing-v2 .lp-footer-payments.payment-brands-canonical > div {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
  }
  html body.public-info-body.public-info-body .footer-payments.payment-brands-canonical a.payment-brand,
  html body.landing-v2.landing-v2 .lp-footer-payments.payment-brands-canonical a.lp-pay-brand {
    min-height:68px !important;
    padding:9px 10px !important;
    column-gap:7px !important;
  }
  html body.public-info-body.public-info-body.public-page-payments .public-topic-card.public-topic-payment-card {
    grid-template-columns:94px minmax(0,1fr) !important;
  }
  html body.public-info-body.public-info-body.public-page-payments .public-topic-payment-card > .public-topic-provider {
    width:94px !important;
  }
  html body.public-info-body.public-info-body.public-page-payments .public-topic-provider.payment-showcase-visa > strong { font-size:21px !important; }
  html body.public-info-body.public-info-body.public-page-payments .public-topic-provider > strong { font-size:13px !important; }
  html body.public-info-body.public-info-body.public-page-payments .public-topic-provider.payment-showcase-mastercard > strong { font-size:9px !important; }
}

@media (max-width:360px) {
  html body.public-info-body.public-info-body .footer-payments.payment-brands-canonical a.payment-brand,
  html body.landing-v2.landing-v2 .lp-footer-payments.payment-brands-canonical a.lp-pay-brand {
    min-height:64px !important;
    padding:8px !important;
  }
  html body.public-info-body.public-info-body .footer-payments.payment-brands-canonical a > strong,
  html body.landing-v2.landing-v2 .lp-footer-payments.payment-brands-canonical a > strong { font-size:11px !important; }
  html body.public-info-body.public-info-body .footer-payments.payment-brands-canonical .payment-brand-visa > strong,
  html body.landing-v2.landing-v2 .lp-footer-payments.payment-brands-canonical .lp-pay-visa > strong { font-size:18px !important; }
  html body.public-info-body.public-info-body .footer-payments.payment-brands-canonical .payment-brand-mastercard > strong,
  html body.landing-v2.landing-v2 .lp-footer-payments.payment-brands-canonical .lp-pay-mastercard > strong { font-size:9px !important; }
  html body.public-info-body.public-info-body.public-page-payments .public-topic-card.public-topic-payment-card {
    grid-template-columns:82px minmax(0,1fr) !important;
  }
  html body.public-info-body.public-info-body.public-page-payments .public-topic-payment-card > .public-topic-provider {
    width:82px !important;
    gap:6px !important;
  }
  html body.public-info-body.public-info-body.public-page-payments .public-topic-provider > img {
    width:31px !important;
    height:29px !important;
  }
}

/* Keep the Visa wordmark visibly in its own blue while the other provider
   names stay neutral and their original artwork supplies the colour. */
html body.public-info-body.public-info-body .footer-payments.payment-brands-canonical .payment-brand-visa > strong,
html body.landing-v2.landing-v2 .landing-footer .lp-footer-payments.payment-brands-canonical .lp-pay-visa > strong {
  color:#89a2ff !important;
}

/* v95 · Canonical account risk strip: Balance, Equity, Free Margin and
   Margin Level. Four values stay visible on desktop and become a readable
   2×2 grid on narrow phones. */
html .terminal-shell #marginLevelValue.warning,
html .terminal-shell [data-account-metric="marginLevelValue"].warning {
  color:#f5b94f !important;
}

@media (min-width:901px) {
  html body:has(.terminal-shell) .terminal-shell .top-metrics {
    width:min(100%,620px) !important;
    max-width:620px !important;
  }
  html body:has(.terminal-shell) .terminal-shell .top-metrics article,
  html body:has(.terminal-shell) .terminal-shell .top-metrics article:nth-child(3),
  html body:has(.terminal-shell) .terminal-shell .top-metrics article:nth-child(4) {
    display:grid !important;
  }
}

@media (max-width:760px) {
  html .terminal-shell.mobile-view-activity .mobile-account-summary {
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
}

@media (max-width:480px) {
  html .terminal-shell.mobile-view-activity .mobile-account-summary {
    min-height:68px !important;
    height:68px !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-template-rows:repeat(2,31px) !important;
    flex:0 0 68px !important;
  }
  html .terminal-shell.mobile-view-activity .mobile-account-summary article:nth-child(n+3) {
    border-top:1px solid #3e444c !important;
  }
  html .terminal-shell.mobile-view-activity .mobile-account-summary article:nth-child(3) {
    border-left:0 !important;
  }
  html .terminal-shell.mobile-view-activity .mobile-account-summary article:nth-child(4) {
    border-left:1px solid #3e444c !important;
  }
}

/* v98 · Order margin preview. The amount entered in the ticket is the margin
   committed by the client; leverage converts it into market exposure. */
html body:has(.terminal-shell) .order-ticket .order-margin-field {
  margin-top:14px !important;
  letter-spacing:0 !important;
}
html body:has(.terminal-shell) .order-ticket .order-field-title {
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  color:#d9e2ea !important;
  font-size:12px !important;
  font-weight:800 !important;
}
html body:has(.terminal-shell) .order-ticket .order-field-title > small {
  color:#8fa3b5 !important;
  font-size:9px !important;
  font-weight:850 !important;
  letter-spacing:.08em !important;
}
html body:has(.terminal-shell) .order-ticket .order-field-help {
  display:block !important;
  margin-top:7px !important;
  color:#8fa3b5 !important;
  font-size:10.5px !important;
  font-weight:500 !important;
  line-height:1.45 !important;
  letter-spacing:0 !important;
}
html body:has(.terminal-shell) .order-ticket .risk-inputs .money-input > b {
  max-width:72px !important;
  overflow:hidden !important;
  color:#91a4b5 !important;
  font-size:8.5px !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
html body:has(.terminal-shell) .order-ticket .order-preview {
  margin:14px 0 !important;
  overflow:hidden !important;
  border:1px solid #3f4a55 !important;
  border-radius:12px !important;
  background:rgba(8,13,20,.64) !important;
  box-shadow:inset 0 1px rgba(255,255,255,.025) !important;
}
html body:has(.terminal-shell) .order-ticket .order-preview > header {
  min-height:39px !important;
  padding:9px 11px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  border-bottom:1px solid #303a44 !important;
  background:rgba(255,255,255,.018) !important;
}
html body:has(.terminal-shell) .order-ticket .order-preview > header > span {
  color:#67b1ff !important;
  font-size:9px !important;
  font-weight:900 !important;
  letter-spacing:.1em !important;
}
html body:has(.terminal-shell) .order-ticket .order-preview > header > small {
  color:#8194a6 !important;
  font-size:9px !important;
  font-weight:550 !important;
  text-align:right !important;
}
html body:has(.terminal-shell) .order-ticket .order-preview-grid {
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
html body:has(.terminal-shell) .order-ticket .order-preview-grid > article {
  min-width:0 !important;
  min-height:59px !important;
  padding:10px 11px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:5px !important;
  border-bottom:1px solid #303a44 !important;
}
html body:has(.terminal-shell) .order-ticket .order-preview-grid > article:nth-child(odd) {
  border-right:1px solid #303a44 !important;
}
html body:has(.terminal-shell) .order-ticket .order-preview-grid small {
  color:#889aaa !important;
  font-size:9.5px !important;
  font-weight:650 !important;
  line-height:1.25 !important;
}
html body:has(.terminal-shell) .order-ticket .order-preview-grid b {
  min-width:0 !important;
  overflow:hidden !important;
  color:#f3f7fa !important;
  font-size:12px !important;
  font-variant-numeric:tabular-nums !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
html body:has(.terminal-shell) .order-ticket .standard-lots {
  margin-top:2px !important;
  padding-top:5px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  border-top:1px solid #303a44 !important;
}
html body:has(.terminal-shell) .order-ticket .standard-lots[hidden] { display:none !important; }
html body:has(.terminal-shell) .order-ticket .standard-lots > small {
  color:#7890a3 !important;
  font-size:8.5px !important;
}
html body:has(.terminal-shell) .order-ticket .standard-lots > strong {
  color:#bed9ee !important;
  font-size:9.5px !important;
  font-variant-numeric:tabular-nums !important;
  white-space:nowrap !important;
}
html body:has(.terminal-shell) .order-ticket .order-preview-foot {
  min-height:34px !important;
  padding:7px 11px !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  align-items:center !important;
  gap:6px 12px !important;
  color:#8597a8 !important;
  font-size:9px !important;
}
html body:has(.terminal-shell) .order-ticket .order-preview-foot span {
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:5px !important;
}
html body:has(.terminal-shell) .order-ticket .order-preview-foot b {
  color:#dce5ec !important;
  font-size:9.5px !important;
  font-variant-numeric:tabular-nums !important;
  white-space:nowrap !important;
}
html body:has(.terminal-shell) .order-ticket .order-margin-status {
  min-height:31px !important;
  margin:0 !important;
  padding:7px 11px 8px !important;
  color:#8497a8 !important;
  border-top:1px solid #303a44 !important;
  font-size:9.5px !important;
  font-weight:550 !important;
  line-height:1.35 !important;
  text-align:left !important;
}
html body:has(.terminal-shell) .order-ticket .order-preview:is(.is-insufficient,.is-unavailable) {
  border-color:rgba(239,51,64,.65) !important;
}
html body:has(.terminal-shell) .order-ticket #freeMarginPreview.is-insufficient > b,
html body:has(.terminal-shell) .order-ticket .order-margin-status.error {
  color:#ff6671 !important;
}
html body:has(.terminal-shell) .order-ticket .submit-order:disabled {
  cursor:not-allowed !important;
  opacity:.58 !important;
  box-shadow:none !important;
}

@media (max-width:420px) {
  html body:has(.terminal-shell) .order-ticket .risk-inputs {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:7px !important;
  }
  html body:has(.terminal-shell) .order-ticket .order-preview > header {
    align-items:flex-start !important;
  }
  html body:has(.terminal-shell) .order-ticket .order-preview > header > small {
    max-width:135px !important;
  }
  html body:has(.terminal-shell) .order-ticket .order-preview-grid > article {
    min-height:56px !important;
    padding:8px 9px !important;
  }
  html body:has(.terminal-shell) .order-ticket .order-preview-foot {
    grid-template-columns:1fr !important;
    gap:4px !important;
  }
}

@media (max-width:760px) and (max-height:720px) {
  html body:has(.terminal-shell) .order-ticket { padding:12px !important; }
  html body:has(.terminal-shell) .order-ticket > header { min-height:42px !important; }
  html body:has(.terminal-shell) .order-ticket h2 { margin-top:2px !important; font-size:19px !important; }
  html body:has(.terminal-shell) .order-ticket .close-modal {
    width:38px !important;
    min-width:38px !important;
    height:38px !important;
    min-height:38px !important;
  }
  html body:has(.terminal-shell) .order-ticket .order-account-mode {
    margin-bottom:7px !important;
    padding:6px 8px !important;
  }
  html body:has(.terminal-shell) .order-ticket .order-account-mode > i {
    width:28px !important;
    height:28px !important;
  }
  html body:has(.terminal-shell) .order-ticket .buy-sell { margin-top:8px !important; }
  html body:has(.terminal-shell) .order-ticket .order-types { margin-top:6px !important; }
  html body:has(.terminal-shell) .order-ticket .order-asset { padding:10px 2px !important; }
  html body:has(.terminal-shell) .order-ticket .order-margin-field { margin-top:9px !important; }
  html body:has(.terminal-shell) .order-ticket :is(.money-input,select) { min-height:44px !important; }
  html body:has(.terminal-shell) .order-ticket .order-field-help { margin-top:4px !important; font-size:9.5px !important; }
  html body:has(.terminal-shell) .order-ticket .risk-inputs { margin-top:8px !important; }
  html body:has(.terminal-shell) .order-ticket .order-preview { margin:9px 0 !important; }
  html body:has(.terminal-shell) .order-ticket .order-preview-grid > article {
    min-height:52px !important;
    padding:7px 9px !important;
  }
  html body:has(.terminal-shell) .order-ticket .submit-order { min-height:42px !important; }
  html body:has(.terminal-shell) .order-ticket > #orderHint { margin:7px 0 0 !important; }
}

/* v100 · Country identity for indices. Real vector flags replace the legacy
   blue region abbreviations, with compact dimensions that do not push the
   ticker or quote outside the mobile market list. */
html .terminal-shell .asset-logo.icon-index-flag,
html.light-theme .terminal-shell .asset-logo.icon-index-flag {
  width:34px !important;
  min-width:34px !important;
  height:28px !important;
  display:grid !important;
  place-items:center !important;
  overflow:visible !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}
html .terminal-shell .asset-logo.icon-index-flag .index-country-flag {
  width:30px !important;
  height:20px !important;
  display:block !important;
  overflow:hidden !important;
  border:1px solid rgba(255,255,255,.30) !important;
  border-radius:4px !important;
  background:#fff !important;
  box-shadow:0 2px 6px rgba(0,0,0,.30) !important;
}
html.light-theme .terminal-shell .asset-logo.icon-index-flag .index-country-flag {
  border-color:rgba(14,35,52,.24) !important;
  box-shadow:0 2px 5px rgba(14,35,52,.16) !important;
}
html .terminal-shell .asset-logo.large.icon-index-flag,
html.light-theme .terminal-shell .asset-logo.large.icon-index-flag {
  width:48px !important;
  min-width:48px !important;
  height:34px !important;
}
html .terminal-shell .asset-logo.large.icon-index-flag .index-country-flag {
  width:42px !important;
  height:28px !important;
  border-radius:5px !important;
}
@media (max-width:760px) {
  html .terminal-shell .market-row .asset-logo.icon-index-flag {
    width:32px !important;
    min-width:32px !important;
    height:26px !important;
  }
  html .terminal-shell .market-row .asset-logo.icon-index-flag .index-country-flag {
    width:28px !important;
    height:20px !important;
  }
}

/* v109 · Mobile public header action order. The language selector sits
   immediately to the left of the menu, and the menu remains the rightmost
   control on both the landing page and every public information page. */
@media (max-width:760px) {
  html body.landing-v2 .landing-nav > .vm-language-switcher.vm-language-mobile,
  html body.public-info-body .public-header > .vm-language-switcher.vm-language-mobile {
    order:2 !important;
    margin-left:auto !important;
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    flex:0 0 auto !important;
  }
  html body.landing-v2 .landing-nav > .landing-actions,
  html body.public-info-body .public-header > .public-menu-button {
    order:3 !important;
    margin-left:0 !important;
    flex:0 0 auto !important;
  }
}