.rg-accounts-page {
  --account-ink: #071733;
  --account-navy: #06152f;
  --account-panel: #0c2345;
  --account-line: #cdd9ea;
  --account-muted: #61738f;
  --account-cyan: #54d9ff;
  --account-mint: #4fe0bd;
  --account-violet: #7867ff;
  background: #f4f7fc;
  color: var(--account-ink);
  font-family: Inter, Aptos, "Helvetica Neue", Arial, sans-serif;
  overflow: clip;
}

.rg-accounts-page button,
.rg-accounts-page input,
.rg-accounts-page select,
.rg-accounts-page textarea { font-family: inherit; }

.rg-accounts-page,
.rg-accounts-page *,
.rg-accounts-page *::before,
.rg-accounts-page *::after { box-sizing: border-box; }

.rg-accounts { overflow: hidden; }

.rg-account-container {
  width: min(1440px, calc(100% - 64px));
  margin-inline: auto;
}

.rg-account-section {
  padding: clamp(88px, 8vw, 136px) 0;
}

.rg-account-section--light { background: #fff; }
.rg-account-section--soft { background: #f0f4fa; }
.rg-account-section--dark {
  background: linear-gradient(135deg, #06152f 0%, #0b2448 63%, #191849 100%);
  color: #fff;
}

.rg-account-eyebrow,
.rg-account-kicker {
  margin: 0 0 20px;
  color: #5846ef;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.rg-account-section--dark .rg-account-eyebrow,
.rg-account-section--dark .rg-account-kicker,
.rg-account-hero .rg-account-eyebrow { color: var(--account-cyan); }

.rg-account-kicker { display: inline-flex; align-items: center; gap: 10px; }
.rg-account-kicker svg {
  display: block;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
}

.rg-account-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
  gap: clamp(32px, 7vw, 110px);
  align-items: end;
  margin: 0;
  max-width: none;
}

.rg-account-heading h2 {
  margin: 0;
  max-width: 940px;
  color: var(--account-ink);
  font-size: clamp(48px, 4.6vw, 72px);
  font-weight: 650;
  letter-spacing: -.052em;
  line-height: .98;
}

.rg-account-section .rg-account-heading > p {
  max-width: 520px;
  margin: 0 0 4px;
  color: var(--account-muted);
  font-size: 18px;
  font-weight: 560;
  line-height: 1.55;
}

@media (min-width: 1180px) {
  .rg-account-heading--single { grid-template-columns: minmax(0, 1fr) minmax(300px, .52fr); }
  .rg-account-heading--single h2 { max-width: none; font-size: clamp(46px, 4.05vw, 64px); white-space: nowrap; }
}

.rg-account-heading--dark h2,
.rg-account-section--dark .rg-account-heading h2,
.rg-account-section--infra .rg-account-heading h2,
.rg-account-section--onboard .rg-account-heading h2 { color: #fff; }

.rg-account-heading--dark > p,
.rg-account-section--dark .rg-account-heading > p,
.rg-account-section--infra .rg-account-heading > p,
.rg-account-section--onboard .rg-account-heading > p { color: #b6c4d8; }

.rg-account-section p {
  font-size: 16px;
  line-height: 1.65;
}

.rg-account-hero {
  position: relative;
  min-height: 760px;
  padding: 132px 0 0;
  background:
    radial-gradient(circle at 77% 42%, rgba(97, 86, 255, .28), transparent 30%),
    radial-gradient(circle at 58% 12%, rgba(39, 211, 255, .13), transparent 25%),
    linear-gradient(120deg, #020d20 0%, #06152f 55%, #15103d 100%);
  color: #fff;
}

.rg-account-hero__grid {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: clamp(56px, 7vw, 112px);
  align-items: center;
  padding-bottom: 72px;
}

.rg-account-hero h1 {
  margin: 0 0 28px;
  max-width: 760px;
  
  font-weight: 750;
  letter-spacing: -.062em;
  line-height: .94;
}

.rg-account-hero__copy > p:not(.rg-account-kicker) {
  max-width: 680px;
  margin: 0 0 32px;
  color: #bcc8da;
  font-size: 19px;
  line-height: 1.65;
}

.rg-account-hero .rg-account-kicker {
  margin-bottom: 20px;
  color: var(--account-cyan);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .09em;
  line-height: 1.5;
  text-transform: uppercase;
}

.rg-account-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.rg-account-button svg,
.rg-account-inline-cta > svg {
  display: block;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
}

.rg-account-button,
.rg-account-inline-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 54px;
  padding: 0 24px;
  border: 1px solid transparent;
  border-radius: 14px;
  color: var(--account-ink);
  font-size: 15px;
  font-weight: 750;
  text-decoration: none;
  transition: transform .2s ease, border-color .2s ease, background .2s ease, color .2s ease, box-shadow .2s ease;
}

.rg-account-button--primary {
  background: linear-gradient(110deg, #51d9ff, #5c83ff 52%, #8f7df4);
  box-shadow: 0 14px 34px rgba(121, 76, 255, .28);
}

.rg-account-button--secondary {
  border-color: rgba(255,255,255,.25);
  background: rgba(255,255,255,.055);
  color: #fff;
}

.rg-account-button:hover,
.rg-account-button:focus-visible,
.rg-account-inline-cta:hover,
.rg-account-inline-cta:focus-visible {
  transform: translateY(-2px);
  border-color: var(--account-cyan);
  color: #fff;
  background: #164c70;
  box-shadow: 0 12px 28px rgba(14, 38, 77, .2);
}

.rg-account-button:focus-visible,
.rg-account-inline-cta:focus-visible { outline: 3px solid rgba(84, 217, 255, .62); outline-offset: 3px; }

.rg-account-button--primary:hover,
.rg-account-button--primary:focus-visible {
  color: #071733;
  background: linear-gradient(110deg, #7ce6ff, #8ca4ff 52%, #9e8cff);
}

.rg-account-hero__visual {
  position: relative;
  min-height: 520px;
  display: flex;
  align-items: center;
  justify-content: center;
  isolation: isolate;
}

.rg-account-hero__visual::before {
  position: absolute;
  z-index: -1;
  width: 90%;
  aspect-ratio: 1;
  border: 1px solid rgba(84, 217, 255, .2);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(87, 94, 255, .17), transparent 65%);
  box-shadow: 0 0 90px rgba(84, 217, 255, .08);
  content: "";
}

.rg-account-dashboard {
  position: relative;
  width: min(100%, 620px);
  overflow: hidden;
  border: 1px solid rgba(105, 217, 255, .35);
  border-radius: 28px;
  background: linear-gradient(145deg, rgba(11, 38, 73, .97), rgba(18, 27, 76, .97));
  box-shadow: 0 36px 90px rgba(0, 0, 0, .38), inset 0 1px rgba(255, 255, 255, .06);
  backdrop-filter: blur(20px);
}

.rg-account-dashboard::after {
  position: absolute;
  right: -90px;
  bottom: -100px;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(121, 103, 255, .3), transparent 65%);
  content: "";
  pointer-events: none;
}

.rg-account-dashboard > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 62px;
  padding: 0 24px;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
  color: #dce8f8;
}

.rg-account-dashboard > header span { display: inline-flex; align-items: center; gap: 9px; font-size: 14px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.rg-account-dashboard > header i,
.rg-account-selector__status i,
.rg-account-access__markets header > span i,
.rg-infra-map__label i { width: 7px; height: 7px; border-radius: 50%; background: var(--account-mint); box-shadow: 0 0 13px var(--account-mint); }
.rg-account-dashboard > header small { color: #8fa5c0; font-size: 14px; font-weight: 700; }

.rg-account-dashboard__tiers {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  padding: 18px 20px;
}

.rg-account-dashboard__tiers > span {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 1px 7px;
  align-items: center;
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 15px;
  background: rgba(255, 255, 255, .035);
}
.rg-account-dashboard__tiers > span.is-active { border-color: rgba(84, 217, 255, .48); background: linear-gradient(135deg, rgba(84, 217, 255, .12), rgba(120, 103, 255, .15)); }
.rg-account-dashboard__tiers img { grid-row: 1 / span 2; display: block; width: 36px; height: 36px; }
.rg-account-dashboard__tiers b { min-width: 0; color: #fff; font-size: 14px; }
.rg-account-dashboard__tiers small { min-width: 0; overflow: hidden; color: #8fa5c0; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }

.rg-account-dashboard__focus {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 166px;
  gap: 20px;
  align-items: center;
  margin: 0 20px 18px;
  padding: 24px;
  border: 1px solid rgba(105, 217, 255, .23);
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(9, 31, 63, .92), rgba(32, 29, 88, .7));
}

.rg-account-dashboard__focus > div:first-child > * { display: block; }
.rg-account-dashboard__focus > div:first-child small { margin-bottom: 18px; color: #8fa5c0; font-size: 14px; font-weight: 800; letter-spacing: .09em; }
.rg-account-dashboard__focus > div:first-child strong { margin-bottom: 6px; color: #fff; font-size: 34px; letter-spacing: -.04em; }
.rg-account-dashboard__focus > div:first-child span { color: #aebfd5; font-size: 14px; }
.rg-account-dashboard__dial {
  position: relative;
  display: grid;
  place-items: center;
  aspect-ratio: 1;
  border: 1px solid rgba(84, 217, 255, .38);
  border-radius: 50%;
  background: conic-gradient(from 210deg, #55d9ff 0 42%, rgba(255,255,255,.08) 42% 78%, #8c71ff 78% 100%);
  box-shadow: 0 0 38px rgba(84, 217, 255, .13);
}
.rg-account-dashboard__dial::before { position: absolute; width: 132px; aspect-ratio: 1; border-radius: 50%; background: #0c234b; content: ""; }
.rg-account-dashboard__dial > span { position: relative; z-index: 1; text-align: center; }
.rg-account-dashboard__dial strong,
.rg-account-dashboard__dial small { display: block; }
.rg-account-dashboard__dial strong {
  color: #fff;
  font-size: 46px;
  letter-spacing: -.07em;
  line-height: .9;
}
.rg-account-dashboard__dial small { margin-top: 7px; color: var(--account-cyan); font-size: 14px; font-weight: 800; text-transform: uppercase; }

.rg-account-dashboard > footer { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid rgba(255,255,255,.1); }
.rg-account-dashboard > footer span { padding: 18px 24px; border-right: 1px solid rgba(255,255,255,.1); }
.rg-account-dashboard > footer span:last-child { border-right: 0; }
.rg-account-dashboard > footer small,
.rg-account-dashboard > footer strong { display: block; }
.rg-account-dashboard > footer small { color: #8298b5; font-size: 14px; font-weight: 800; letter-spacing: .09em; }
.rg-account-dashboard > footer strong { margin-top: 6px; color: #fff; font-size: 20px; }

.rg-account-hero__strip strong { display: block; margin-bottom: 8px; color: #fff; }
.rg-account-hero__strip span { display: block; color: #9dafc8; }

.rg-account-selector {
  display: grid;
  grid-template-columns: minmax(380px, .78fr) minmax(0, 1.22fr);
  margin-top: 56px;
  overflow: hidden;
  border: 1px solid var(--account-line);
  border-radius: 30px;
  background: #fff;
  box-shadow: 0 32px 80px rgba(23, 48, 88, .14);
}

.rg-account-selector__choices { display: grid; gap: 10px; align-content: center; padding: 22px; background: linear-gradient(150deg, #fff, #f2f6fc); }
.rg-account-selector__choices button {
  display: grid;
  grid-template-columns: 60px minmax(0, 1fr);
  gap: 2px 18px;
  align-items: center;
  width: 100%;
  margin: 0;
  min-height: 112px;
  padding: 14px 18px;
  border: 1px solid var(--account-line);
  border-radius: 16px;
  background: #f8faff !important;
  color: var(--account-ink);
  font: inherit;
  font-size: 18px;
  font-weight: 700;
  text-align: left;
  cursor: pointer;
}

.rg-account-selector__choices button > img { grid-row: 1 / span 3; display: block; width: 60px; height: 60px; }
.rg-account-selector__choices button > span {
  grid-column: 2;
  color: #3f5ae5;
  font-size: 14px;
  font-weight: 850;
  letter-spacing: .11em;
}

.rg-account-selector__choices button > strong { display: block; line-height: 1.25; }
.rg-account-selector__choices button > small { display: block; color: #6c7f9d; font-size: 14px; font-weight: 650; }
.rg-account-selector__choices button > strong,
.rg-account-selector__choices button > small { grid-column: 2; }

.rg-account-selector__choices button:hover,
.rg-account-selector__choices button:focus-visible,
.rg-account-selector__choices button.is-active {
  border-color: #48cfff;
  background: linear-gradient(100deg, #e8f9ff, #f0edff) !important;
  color: #071733;
}

.rg-account-selector__choices button:hover > span,
.rg-account-selector__choices button:focus-visible > span,
.rg-account-selector__choices button.is-active > span { color: #087f9e; }

.rg-account-selector__choices button:focus-visible { outline: 3px solid rgba(72, 207, 255, .42); outline-offset: 2px; }

.rg-account-selector__result {
  padding: 38px;
  background: linear-gradient(145deg, #071733, #142a54 62%, #23194e);
  color: #fff;
}

.rg-account-selector__result > header { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; gap: 16px; align-items: center; }
.rg-account-selector__result > header > img { display: block; width: 64px; height: 64px; }
.rg-account-selector__result > header p { margin: 0; font-size: 14px; font-weight: 800; letter-spacing: .08em; }
.rg-account-selector__result h3 { margin: 3px 0 0; font-size: 38px; font-weight: 700; letter-spacing: -.04em; }
.rg-account-selector__result > p { margin: 20px 0 0; color: #b8c6da; }
.rg-account-selector__status { display: inline-flex; align-items: center; gap: 8px; padding: 8px 11px; border: 1px solid rgba(79,224,189,.22); border-radius: 999px; color: #b8cbd9; font-size: 14px; font-weight: 800; text-transform: uppercase; }
.rg-account-selector__metrics { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin: 24px 0 16px; }
.rg-account-selector__metrics > span { padding: 14px 16px; border: 1px solid rgba(255,255,255,.12); border-radius: 14px; background: rgba(255,255,255,.035); }
.rg-account-selector__result small { display: block; color: #8fa2bd; font-size: 14px; font-weight: 750; letter-spacing: .07em; text-transform: uppercase; }
.rg-account-selector__result strong { display: block; margin-top: 7px; }
.rg-account-selector__signal { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 18px; align-items: center; margin: 16px 0 24px; padding: 14px 16px; border: 1px solid rgba(84,217,255,.15); border-radius: 14px; background: rgba(4,17,39,.32); }
.rg-account-selector__signal > div { display: flex; gap: 4px; height: 8px; overflow: hidden; border-radius: 20px; background: rgba(255,255,255,.08); }
.rg-account-selector__signal > div i { display: block; width: 0; border-radius: inherit; transition: width .28s ease; }
.rg-account-selector__signal > div i:first-child { background: linear-gradient(90deg, var(--account-cyan), #6d9bff); }
.rg-account-selector__signal > div i:last-child { background: linear-gradient(90deg, #8b72ff, #e95bdc); }
.rg-account-selector__result > a { display: inline-flex; align-items: center; gap: 10px; color: var(--account-cyan); font-weight: 750; text-decoration: none; }
.rg-account-selector__result > a svg { display: block; width: 18px; height: 18px; flex: 0 0 18px; }

.rg-account-cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-top: 40px;
  align-items: stretch;
}

.rg-account-section--routes { padding-block: clamp(76px, 6.5vw, 104px); }
.rg-account-section[id] { scroll-margin-top: 96px; }

.rg-account-card {
  --route-accent: #5570ff;
  --route-accent-2: #55d8ff;
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 616px;
  overflow: hidden;
  padding: 24px;
  border: 1px solid #cfdaea;
  border-radius: 24px;
  background: linear-gradient(158deg, #fff 0%, #f7faff 100%);
  box-shadow: 0 22px 54px rgba(15, 37, 73, .09);
}

.rg-account-card::before {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  left: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--route-accent), var(--route-accent-2));
  content: "";
}

.rg-account-card::after {
  position: absolute;
  z-index: -1;
  top: -125px;
  right: -125px;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  background: radial-gradient(circle, color-mix(in srgb, var(--route-accent-2) 15%, transparent), transparent 68%);
  content: "";
  pointer-events: none;
}

.rg-account-card--feature {
  border-color: #159fc9;
  background: linear-gradient(155deg, #071733, #12345a 68%, #211a50);
  color: #fff;
  box-shadow: 0 30px 68px rgba(17, 55, 101, .25);
}

.rg-account-card--ecn { --route-accent: #00b8df; --route-accent-2: #8a6cff; }
.rg-account-card--pro { --route-accent: #bf7c00; --route-accent-2: #9574ff; }
.rg-account-card--cent { --route-accent: #08a794; --route-accent-2: #52d9ff; }
.rg-account-card > * { position: relative; z-index: 1; }
.rg-account-card__top { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.rg-account-card__top > span:first-child { color: var(--route-accent); font-size: 22px; font-weight: 850; letter-spacing: -.03em; }
.rg-account-card--feature .rg-account-card__top > span:first-child { color: var(--account-cyan); }
.rg-account-card__top em { padding: 7px 9px; border: 1px solid color-mix(in srgb, var(--route-accent) 35%, #cad6e7); border-radius: 999px; color: #0a7898; background: color-mix(in srgb, var(--route-accent-2) 10%, #fff); font-size: 11px; font-style: normal; font-weight: 850; letter-spacing: .075em; line-height: 1.1; text-align: center; white-space: nowrap; }
.rg-account-card--feature .rg-account-card__top em { border-color: rgba(84,217,255,.32); color: #79e6ff; background: rgba(84,217,255,.08); }
.rg-account-card--pro .rg-account-card__top em { color: #875900; }
.rg-account-card--cent .rg-account-card__top em { color: #087b70; }
.rg-account-card__identity { display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 13px; align-items: center; margin: 19px 0 13px; }
.rg-account-card__mark { display: grid; place-items: center; width: 58px; height: 58px; border: 1px solid color-mix(in srgb, var(--route-accent) 30%, #d7e0ec); border-radius: 17px; background: color-mix(in srgb, var(--route-accent-2) 8%, #fff); }
.rg-account-card__mark img { display: block; width: 50px; height: 50px; }
.rg-account-card__identity small { display: block; margin-bottom: 2px; color: #71839d; font-size: 11px; font-weight: 850; letter-spacing: .085em; }
.rg-account-card--feature .rg-account-card__identity small { color: #91a6c2; }
.rg-account-card h3 { margin: 0; font-size: 34px; letter-spacing: -.05em; }
.rg-account-card__positioning { min-height: 46px; margin: 0 0 12px; color: #087a9c; font-size: 14px; font-weight: 800; line-height: 1.65; }
.rg-account-card--feature .rg-account-card__positioning { color: var(--account-cyan); }
.rg-account-card__pricing { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-bottom: 12px; }
.rg-account-card__pricing > span { display: flex; flex-direction: column; min-width: 0; min-height: 90px; padding: 13px; border: 1px solid #d3deec; border-radius: 15px; background: rgba(232, 239, 248, .64); }
.rg-account-card--feature .rg-account-card__pricing > span { border-color: rgba(255,255,255,.14); background: rgba(255,255,255,.045); }
.rg-account-card__pricing small,
.rg-account-card__metrics small { display: block; overflow: hidden; color: #71839d; font-size: 11px; font-weight: 850; letter-spacing: .065em; line-height: 1.25; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.rg-account-card--feature .rg-account-card__pricing small,
.rg-account-card--feature .rg-account-card__metrics small { color: #91a6c2; }
.rg-account-card--ecn .rg-account-card__pricing small { font-size: 10px; letter-spacing: .04em; }
.rg-account-card__pricing strong { display: block; margin: 8px 0 4px; overflow: hidden; font-size: 21px; letter-spacing: -.035em; line-height: 1.05; text-overflow: ellipsis; white-space: nowrap; }
.rg-account-card--cent .rg-account-card__pricing strong { font-size: 17px; line-height: 1.15; }
.rg-account-card__pricing em { display: block; overflow: hidden; margin-top: auto; color: #687b98; font-size: 11.5px; font-style: normal; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.rg-account-card--feature .rg-account-card__pricing em { color: #aebdd2; }
.rg-account-card__metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0 0 14px; overflow: hidden; border: 1px solid #d3deec; border-radius: 15px; }
.rg-account-card--feature .rg-account-card__metrics { border-color: rgba(255,255,255,.14); }
.rg-account-card__metrics > :is(div, span) { display: block; min-width: 0; min-height: 67px; padding: 11px; border-right: 1px solid #d3deec; border-bottom: 1px solid #d3deec; }
.rg-account-card__metrics > :is(div, span):nth-child(2n) { border-right: 0; }
.rg-account-card__metrics > :is(div, span):nth-last-child(-n+2) { border-bottom: 0; }
.rg-account-card--feature .rg-account-card__metrics > :is(div, span) { border-color: rgba(255,255,255,.12); }
.rg-account-card__metrics strong { display: block; overflow: hidden; margin-top: 5px; font-size: 16px; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.rg-account-card__signals { margin: 0 0 17px; padding: 0; list-style: none; }
.rg-account-card__signals li { display: flex; align-items: flex-start; gap: 8px; padding: 4px 0; color: #40516d; font-size: clamp(11px, .82vw, 13px); line-height: 1.4; white-space: nowrap; }
.rg-account-card--feature .rg-account-card__signals li { color: #d4dced; }
.rg-account-card__signals li svg { display: block; width: 16px; height: 16px; flex: 0 0 16px; margin-top: 1px; color: var(--route-accent); }
.rg-account-card--feature .rg-account-card__signals li svg { color: var(--account-cyan); }
.rg-account-card__action { display: inline-flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 58px; margin-top: auto; padding: 9px 14px; border: 1px solid #b9c8dd; border-radius: 14px; color: #0b2448; background: rgba(255,255,255,.68); text-decoration: none; transition: border-color .18s ease, background .18s ease, transform .18s ease; }
.rg-account-card__action > span { min-width: 0; }
.rg-account-card__action small,
.rg-account-card__action strong { display: block; }
.rg-account-card__action small { margin-bottom: 2px; color: #73849c; font-size: 10px; font-weight: 850; letter-spacing: .08em; }
.rg-account-card__action strong { overflow: hidden; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.rg-account-card--feature .rg-account-card__action { border-color: rgba(84,217,255,.4); color: #fff; background: rgba(84,217,255,.08); }
.rg-account-card--feature .rg-account-card__action small { color: #8fa6c3; }
.rg-account-card__action:hover,
.rg-account-card__action:focus-visible { border-color: var(--route-accent); color: #071733; background: #e4f8ff; transform: translateY(-2px); }
.rg-account-card__action:focus-visible { outline: 3px solid rgba(84,217,255,.5); outline-offset: 3px; }
.rg-account-card__action svg { display: block; width: 18px; height: 18px; flex: 0 0 18px; }

.rg-pricing-lab {
  margin-top: 52px;
  overflow: hidden;
  border: 1px solid rgba(101, 212, 255, .25);
  border-radius: 30px;
  background: #071733;
  box-shadow: 0 28px 70px rgba(0, 10, 30, .28);
}

.rg-pricing-lab__tabs { display: grid; grid-template-columns: repeat(4, 1fr); border-bottom: 1px solid rgba(255,255,255,.12); }
.rg-pricing-lab__tabs button { min-height: 74px; border: 0; border-right: 1px solid rgba(255,255,255,.1); background: transparent !important; color: #aab8ce; font: inherit; font-size: 17px; font-weight: 750; cursor: pointer; }
.rg-pricing-lab__tabs button:hover,
.rg-pricing-lab__tabs button:focus-visible,
.rg-pricing-lab__tabs button.is-active,
.rg-pricing-lab__tabs button[aria-selected="true"] { background: #164c70 !important; color: #fff; box-shadow: inset 0 -3px var(--account-cyan); }
.rg-pricing-lab__tabs button:focus-visible { outline: 3px solid rgba(84,217,255,.52); outline-offset: -4px; }
.rg-pricing-lab__body { display: grid; grid-template-columns: .85fr 1.15fr; gap: 42px; padding: 44px; color: #fff; }
.rg-pricing-lab__body h3 { margin: 0 0 12px; font-size: 42px; }
.rg-pricing-lab__body p { color: #aebdd2; }
.rg-pricing-bar { display: flex; gap: 4px; height: 12px; margin-top: 28px; overflow: hidden; border-radius: 20px; background: rgba(255,255,255,.09); }
.rg-pricing-bar i { display: block; width: 0; height: 100%; border-radius: inherit; transition: width .28s ease; }
.rg-pricing-bar i:first-child { background: linear-gradient(90deg, var(--account-cyan), #6d9bff); }
.rg-pricing-bar i:last-child { background: linear-gradient(90deg, #8b72ff, #e95bdc); }
.rg-pricing-key { display: flex; flex-wrap: wrap; gap: 16px 24px; margin-top: 18px; }
.rg-pricing-key > span { display: inline-flex; align-items: center; gap: 8px; color: #aebdd2; font-size: 14px; }
.rg-pricing-key i { width: 10px; height: 10px; border-radius: 50%; background: var(--account-cyan); }
.rg-pricing-key span:last-child i { background: #ae68f7; }
.rg-pricing-lab__body aside { align-self: stretch; display: flex; flex-direction: column; justify-content: center; padding: 34px; border: 1px solid rgba(255,255,255,.13); border-radius: 22px; background: linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.025)); }
.rg-pricing-lab__body aside small { color: #91a3bd; font-weight: 800; letter-spacing: .08em; }
.rg-pricing-lab__body aside strong { display: block; margin: 18px 0 6px; font-size: clamp(34px, 4vw, 54px); line-height: 1; letter-spacing: -.05em; }
.rg-pricing-lab__body aside span,
.rg-pricing-lab__body aside em { display: block; margin-top: 7px; color: var(--account-cyan); font-size: 16px; font-style: normal; font-weight: 750; }
.rg-pricing-lab__body aside em { color: #aebdd2; font-size: 14px; }

.rg-account-table-wrap { margin-top: 50px; overflow-x: auto; border: 1px solid #244162; border-radius: 24px; background: #081a35; box-shadow: 0 30px 70px rgba(13, 37, 72, .18); }
.rg-account-table { width: 100%; min-width: 920px; border-collapse: separate; border-spacing: 0; background: #081a35; color: #dce6f4; }
.rg-account-table th,
.rg-account-table td { min-height: 72px; padding: 19px 24px; border-right: 1px solid #203b5c; border-bottom: 1px solid #203b5c; text-align: left; font-size: 15px; transition: background .18s ease, box-shadow .18s ease; }
.rg-account-table tr > *:last-child { border-right: 0; }
.rg-account-table tbody tr:last-child > * { border-bottom: 0; }
.rg-account-table thead th { height: 82px; background: #071733; color: #fff; font-size: 16px; }
.rg-account-table thead th.is-featured { background: linear-gradient(135deg, #12395d, #26215b); box-shadow: inset 0 3px var(--account-cyan); }
.rg-account-table tbody th { color: #b9c9dd; font-weight: 750; }
.rg-account-table tbody tr:hover > * { background: #123c5a; }
.rg-account-table tbody tr:hover th { box-shadow: inset 4px 0 0 var(--account-cyan); color: #fff; }
.rg-account-table__tier { display: flex; align-items: center; gap: 11px; }
.rg-account-table__tier img { display: block; width: 38px; height: 38px; }
.rg-account-inline-cta { justify-content: space-between; width: 100%; margin-top: 28px; border-color: var(--account-line); background: #f2f7fd; }
.rg-account-inline-cta > span { display: flex; flex-direction: column; gap: 3px; }
.rg-account-inline-cta small { color: var(--account-muted); font-weight: 600; }

.rg-account-section--infra { background: linear-gradient(150deg, #041126, #071a38 65%, #16123e); color: #fff; }
.rg-account-split { display: grid; grid-template-columns: 1fr 1fr; gap: 42px; align-items: center; }
.rg-infra-map { position: relative; display: grid; grid-template-columns: minmax(140px, 1fr) minmax(70px, .5fr) minmax(170px, 1.1fr) minmax(70px, .5fr) minmax(140px, 1fr); align-items: center; min-height: 390px; margin-top: 46px; padding: 86px 56px 44px; overflow: hidden; border: 1px solid rgba(84,217,255,.28); border-radius: 28px; background: radial-gradient(circle at center, rgba(21,58,104,.88), #071733 68%); box-shadow: inset 0 1px rgba(255,255,255,.05), 0 30px 75px rgba(0,0,0,.24); }
.rg-infra-map__backdrop { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .62; pointer-events: none; }
.rg-infra-map__label { position: absolute; top: 22px; right: 24px; left: 24px; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 18px; color: #c8d7e9; }
.rg-infra-map__label span { display: inline-flex; align-items: center; gap: 9px; font-size: 14px; font-weight: 800; letter-spacing: .09em; }
.rg-infra-map__label small { color: #8399b6; font-size: 14px; }
.rg-infra-line { position: relative; height: 2px; background: linear-gradient(90deg, var(--account-cyan), var(--account-violet), var(--account-mint)); }
.rg-infra-line i { position: absolute; top: 50%; right: 0; width: 9px; height: 9px; border-radius: 50%; background: var(--account-cyan); box-shadow: 0 0 18px var(--account-cyan); transform: translateY(-50%); }
.rg-infra-line em { position: absolute; left: 50%; bottom: 14px; padding: 5px 8px; border-radius: 999px; background: rgba(84,217,255,.11); color: var(--account-cyan); font-size: 14px; font-style: normal; font-weight: 800; transform: translateX(-50%); }
.rg-infra-node { position: relative; z-index: 1; min-width: 0; min-height: 150px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 24px 18px; border: 1px solid rgba(84,217,255,.42); border-radius: 20px; background: linear-gradient(145deg, rgba(13,43,81,.94), rgba(15,31,69,.92)); text-align: center; font-weight: 800; box-shadow: 0 18px 45px rgba(0,0,0,.3), inset 0 1px rgba(255,255,255,.05); transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.rg-infra-node:hover { transform: translateY(-4px); border-color: rgba(84,217,255,.78); box-shadow: 0 24px 50px rgba(0,0,0,.35), 0 0 30px rgba(84,217,255,.08); }
.rg-infra-node--ny4 { transform: scale(1.08); }
.rg-infra-node--ny4:hover { transform: scale(1.08) translateY(-4px); }
.rg-infra-node span,
.rg-infra-node strong,
.rg-infra-node small { display: block; }
.rg-infra-node > span { margin-bottom: 13px; color: var(--account-cyan); font-size: 23px; }
.rg-infra-node small { margin-top: 6px; color: #8fa4c0; font-size: 14px; font-weight: 650; }
.rg-infra-node svg { display: block; width: 28px; height: 28px; margin: 0 auto; }

.rg-account-methods,
.rg-onboard-steps,
.rg-account-learn { display: grid; gap: 18px; }
.rg-account-methods { grid-template-columns: repeat(4, 1fr); margin-top: 34px; }
.rg-onboard-steps { grid-template-columns: repeat(4, 1fr); margin-top: 40px; }
.rg-account-learn { grid-template-columns: repeat(3, 1fr); margin-top: 46px; }
.rg-account-methods > *,
.rg-onboard-steps > *,
.rg-account-learn > * { padding: 26px; border: 1px solid var(--account-line); border-radius: 20px; background: #fff; }

.rg-account-pro h2 { margin: 0 0 22px; font-size: clamp(44px, 4.2vw, 66px); font-weight: 550; letter-spacing: -.052em; line-height: .98; }

.rg-account-access {
  position: relative;
  display: grid;
  grid-template-columns: .78fr 1.22fr;
  gap: 18px;
  margin-top: 48px;
  padding: 20px;
  overflow: hidden;
  border: 1px solid #234469;
  border-radius: 30px;
  background: linear-gradient(145deg, #071733, #102c52 64%, #1b1748);
  box-shadow: 0 30px 75px rgba(14, 36, 72, .18);
}

.rg-account-access::before { position: absolute; top: -180px; right: -100px; width: 460px; height: 460px; border-radius: 50%; background: radial-gradient(circle, rgba(120,103,255,.23), transparent 66%); content: ""; pointer-events: none; }
.rg-account-access__platforms,
.rg-account-access__markets { position: relative; z-index: 1; min-width: 0; padding: 28px; border: 1px solid rgba(255,255,255,.1); border-radius: 22px; background: rgba(5,20,46,.54); }
.rg-account-access :is(.rg-account-access__platforms > p, .rg-account-access__markets header p) { margin: 0 0 8px; color: var(--account-cyan); font-size: 14px; font-weight: 800; letter-spacing: .1em; }
.rg-account-access h3 { margin: 0; color: #fff; font-size: 29px; font-weight: 700; letter-spacing: -.035em; line-height: 1.08; }
.rg-account-access__platforms > a { display: grid; grid-template-columns: 54px minmax(0,1fr) 20px; gap: 15px; align-items: center; min-height: 112px; margin-top: 14px; padding: 18px; border: 1px solid rgba(255,255,255,.12); border-radius: 17px; color: #fff; background: rgba(255,255,255,.035); text-decoration: none; transition: transform .2s ease, border-color .2s ease, background .2s ease; }
.rg-account-access__platforms > a.is-featured { border-color: rgba(84,217,255,.4); background: linear-gradient(135deg, rgba(84,217,255,.1), rgba(120,103,255,.12)); }
.rg-account-access__platforms > a:hover,
.rg-account-access__platforms > a:focus-visible { transform: translateY(-3px); border-color: var(--account-cyan); background: rgba(84,217,255,.1); }
.rg-account-access a:focus-visible { outline: 3px solid rgba(84,217,255,.48); outline-offset: 3px; }
.rg-account-access__platforms > a > i { display: grid; place-items: center; width: 54px; aspect-ratio: 1; border: 1px solid rgba(84,217,255,.32); border-radius: 14px; color: var(--account-cyan); background: #0a2449; font-size: 25px; font-style: normal; font-weight: 800; }
.rg-account-access__platforms > a span > * { display: block; }
.rg-account-access__platforms > a small { color: #86a0bd; font-size: 14px; font-weight: 800; letter-spacing: .09em; }
.rg-account-access__platforms > a strong { margin-top: 5px; font-size: 19px; }
.rg-account-access__platforms > a em { margin-top: 5px; color: #9fb2c9; font-size: 14px; font-style: normal; line-height: 1.4; }
.rg-account-access__platforms > a > svg { width: 19px; height: 19px; color: var(--account-cyan); }
.rg-account-access__markets > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
.rg-account-access__markets header > span { display: inline-flex; align-items: center; gap: 8px; flex: 0 0 auto; padding: 8px 11px; border: 1px solid rgba(79,224,189,.2); border-radius: 999px; color: #a9bbd0; font-size: 14px; font-weight: 750; }
.rg-account-market-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.rg-account-market-grid > a { position: relative; display: grid; grid-template-columns: 46px minmax(0,1fr) 17px; gap: 13px; align-items: center; min-height: 106px; padding: 16px; border: 1px solid rgba(255,255,255,.1); border-radius: 16px; color: #fff; background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.02)); text-decoration: none; transition: transform .2s ease, border-color .2s ease, background .2s ease; }
.rg-account-market-grid > a:hover,
.rg-account-market-grid > a:focus-visible { transform: translateY(-3px); border-color: rgba(84,217,255,.65); background: linear-gradient(145deg, rgba(84,217,255,.12), rgba(120,103,255,.1)); }
.rg-account-market-grid > a > b { display: grid; place-items: center; width: 46px; aspect-ratio: 1; border-radius: 13px; color: var(--account-cyan); background: rgba(84,217,255,.09); }
.rg-account-market-grid > a > b svg { width: 23px; height: 23px; }
.rg-account-market-grid > a span > * { display: block; }
.rg-account-market-grid > a strong { font-size: 15px; }
.rg-account-market-grid > a small { margin-top: 5px; color: #91a6c0; font-size: 14px; line-height: 1.35; }
.rg-account-market-grid > a > svg { width: 17px; height: 17px; color: #7790ad; }

.rg-account-pro { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(38px, 7vw, 100px); align-items: center; padding: clamp(34px, 5vw, 72px); border: 1px solid rgba(84,217,255,.3); border-radius: 28px; background: linear-gradient(145deg, #071733, #142d55); color: #fff; }
.rg-account-pro h2 { color: #fff; }
.rg-account-pro > div > p:not(.rg-account-eyebrow) { color: #b7c5d9; }
.rg-account-pro ol { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }
.rg-account-pro li { display: grid; grid-template-columns: 48px 1fr; gap: 18px; padding: 22px; border: 1px solid rgba(255,255,255,.12); border-radius: 16px; color: #d4ddeb; background: rgba(255,255,255,.035); }
.rg-account-pro li > span { color: var(--account-cyan); font-size: 14px; font-weight: 800; }
.rg-account-pro li strong { color: #fff; font-size: 17px; }
.rg-account-pro li p { margin: 6px 0 0; color: #aebdd2; font-size: 14px; }

.rg-account-section--onboard { background: linear-gradient(135deg, #071733, #112d54 60%, #1d1749); color: #fff; }
.rg-onboard-steps > article { border-color: rgba(255,255,255,.13); background: rgba(255,255,255,.045); }
.rg-onboard-steps article > span { display: block; margin-bottom: 26px; color: var(--account-cyan); font-size: 14px; font-weight: 800; }
.rg-onboard-steps article > strong { display: block; color: #fff; font-size: 24px; }
.rg-onboard-steps article > p { margin-bottom: 0; color: #aebdd2; font-size: 14px; }
.rg-account-methods > * { border-color: rgba(255,255,255,.13); background: rgba(255,255,255,.04); color: #d7e0ed; }
.rg-account-methods > span { display: flex; align-items: center; gap: 12px; min-height: 82px; font-weight: 750; }
.rg-account-methods svg { display: block; width: 22px; height: 22px; flex: 0 0 22px; color: var(--account-cyan); }
.rg-account-methods > small { display: flex; align-items: center; color: #9fb0c7; line-height: 1.5; }

.rg-account-learn > a { position: relative; display: flex; flex-direction: column; min-height: 240px; color: var(--account-ink); text-decoration: none; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.rg-account-learn > a:hover,
.rg-account-learn > a:focus-visible { transform: translateY(-4px); border-color: #63d6f8; box-shadow: 0 18px 45px rgba(20,45,82,.1); }
.rg-account-learn > a:focus-visible { outline: 3px solid rgba(84,217,255,.48); outline-offset: 3px; }
.rg-account-learn > a > span { color: #5a6ef0; font-size: 14px; font-weight: 800; }
.rg-account-learn > a > strong { margin: 32px 30px 12px 0; font-size: 23px; line-height: 1.2; }
.rg-account-learn > a > small { color: var(--account-muted); font-size: 14px; line-height: 1.5; }
.rg-account-learn svg { position: absolute; top: 24px; right: 24px; display: block; width: 19px; height: 19px; }

.rg-account-faq { margin-top: 42px; border-top: 1px solid var(--account-line); }
.rg-account-faq__item { border-bottom: 1px solid var(--account-line); }
.rg-account-faq__item button { display: grid; grid-template-columns: 44px minmax(0, 1fr) 22px; align-items: center; gap: 20px; width: 100%; padding: 24px 4px; border: 0; background: transparent !important; color: var(--account-ink); font: inherit; font-size: 19px; font-weight: 750; text-align: left; cursor: pointer; }
.rg-account-faq__item button > span { color: #71839d; font-size: 14px; font-weight: 800; }
.rg-account-faq__item button > strong { min-width: 0; white-space: normal; overflow-wrap: anywhere; }
.rg-account-faq__item button svg { display: block; width: 22px; height: 22px; flex: 0 0 22px; transition: transform .2s ease; }
.rg-account-faq__item.is-open button svg { transform: rotate(45deg); }
.rg-account-faq__item button:hover,
.rg-account-faq__item button:focus-visible { color: #126e99; background: #edf9fd !important; }
.rg-account-faq__item button:focus-visible { outline: 3px solid rgba(84,217,255,.52); outline-offset: 2px; }
.rg-account-faq__answer { display: none; max-width: 940px; padding: 0 4px 24px; color: var(--account-muted); }
.rg-account-faq__item.is-open .rg-account-faq__answer { display: block; }

.rg-account-final { padding: 72px 0; background: linear-gradient(100deg, #071733, #12345d 60%, #26164d); color: #fff; }
.rg-account-final__inner { display: flex; align-items: center; justify-content: space-between; gap: 42px; }
.rg-account-final h2 { margin: 0 0 10px; font-size: clamp(44px, 4vw, 64px); letter-spacing: -.05em; }
.rg-account-final__inner > div:last-child { display: flex; flex-wrap: wrap; gap: 14px; flex: 0 0 auto; }
.rg-account-final p:not(.rg-account-eyebrow) { color: #b6c4d8; }
.rg-account-note { color: #72839c; font-size: 14px !important; }

@media (min-width: 1181px) and (max-width: 1340px) {
  .rg-account-card { min-height: 596px; padding: 18px; }
  .rg-account-card__identity { grid-template-columns: 54px minmax(0, 1fr); gap: 10px; }
  .rg-account-card__mark { width: 54px; height: 54px; }
  .rg-account-card__mark img { width: 47px; height: 47px; }
  .rg-account-card h3 { font-size: 31px; }
  .rg-account-card__positioning { font-size: 13px; }
  .rg-account-card__pricing > span { padding: 10px; }
  .rg-account-card__metrics > :is(div, span) { padding: 9px; }
  .rg-account-card__pricing small,
  .rg-account-card__metrics small { font-size: 9px; letter-spacing: .035em; }
  .rg-account-card--ecn .rg-account-card__pricing > span:first-child small { font-size: 8px; letter-spacing: .02em; }
  .rg-account-card__pricing strong { font-size: 19px; }
  .rg-account-card__pricing em { font-size: 9px; }
  .rg-account-card__metrics strong { font-size: 15px; }
  .rg-account-card__signals li { gap: 6px; font-size: 10.5px; }
  .rg-account-card__action { padding-inline: 12px; }
}

/* Keep the full overview hero clear of the fact rail on compact desktop
 * canvases while preserving the four-column composition. */
@media (min-width: 1181px) and (max-height: 820px) {
  .s6-shell[lang] .rg-accounts .rg-account-hero h1 {
    font-size: clamp(64px, 5vw, 72px);
    line-height: 1;
  }

  .rg-accounts .rg-account-hero__grid {
    transform: translateY(-18px);
  }

  .rg-accounts .rg-account-dashboard {
    transform: scale(.9);
    transform-origin: center right;
  }
}

@media (max-width: 1180px) {
  .rg-account-hero__grid,
  .rg-account-selector,
  .rg-pricing-lab__body,
  .rg-account-access { grid-template-columns: 1fr; }
  .rg-account-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rg-account-card,
  .rg-account-card--feature { min-height: 0; }
  .rg-account-market-grid,
  .rg-account-methods,
  .rg-onboard-steps,
  .rg-account-learn { grid-template-columns: repeat(2, 1fr); }
  .rg-account-pro { grid-template-columns: 1fr; }
  .rg-infra-map { padding: 36px 28px; }
}

@media (max-width: 760px) {
  .rg-account-container { width: min(100% - 32px, 1440px); }
  .rg-account-section { padding: 72px 0; }
  .rg-account-hero { min-height: 0; padding-top: 96px; }
  .rg-account-hero h1 {  }
  .rg-account-hero__grid { gap: 32px; padding-bottom: 46px; }
  .rg-account-hero__visual { min-height: 0; padding-top: 20px; }
  .rg-account-dashboard__tiers { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rg-account-dashboard__focus { grid-template-columns: minmax(0, 1fr) 125px; padding: 18px; }
  .rg-account-dashboard__dial::before { width: 98px; }
  .rg-account-dashboard__dial strong { font-size: 36px; }
  .rg-account-heading { grid-template-columns: 1fr; gap: 20px; }
  .rg-account-heading h2 { font-size: clamp(42px, 12vw, 56px); }
  .rg-account-selector__choices,
  .rg-account-selector__result,
  .rg-account-card,
  .rg-account-pro,
  .rg-pricing-lab__body { padding: 24px; }
  .rg-account-selector__metrics,
  .rg-account-market-grid,
  .rg-account-methods,
  .rg-onboard-steps,
  .rg-account-learn { grid-template-columns: 1fr; }
  .rg-pricing-lab__tabs { grid-template-columns: repeat(2, 1fr); }
  .rg-pricing-lab__tabs button { min-height: 58px; }
  .rg-account-card,
  .rg-account-card--feature { min-height: 0; }
  .rg-account-card__positioning { min-height: 0; }
  .rg-account-card__metrics > :is(div, span) { min-height: 88px; padding: 15px; }
  .rg-account-table-wrap { margin-right: -16px; border-radius: 16px 0 0 16px; }
  .rg-infra-map { grid-template-columns: 1fr; gap: 0; min-height: 0; padding: 76px 32px 32px; }
  .rg-infra-node--ny4 { transform: none; }
  .rg-infra-line { justify-self: center; width: 2px; height: 58px; }
  .rg-infra-line i { top: auto; right: 50%; bottom: 0; transform: translateX(50%); }
  .rg-infra-line em { left: calc(50% + 36px); bottom: 50%; transform: translate(-50%, 50%); }
  .rg-account-pro h2 { font-size: clamp(42px, 12vw, 56px); }
  .rg-account-access { padding: 12px; }
  .rg-account-access__platforms,
  .rg-account-access__markets { padding: 20px; }
  .rg-account-access__markets > header { display: block; }
  .rg-account-access__markets header > span { margin-top: 14px; }
  .rg-account-faq__item button { grid-template-columns: 30px minmax(0, 1fr) 20px; gap: 12px; font-size: 17px; }
  .rg-account-faq__item button svg { width: 20px; height: 20px; }
  .rg-account-final__inner { display: block; }
  .rg-account-final__inner > div:last-child { margin-top: 28px; }
  .rg-account-final__inner > div:last-child .rg-account-button { width: 100%; }
}

@media (max-width: 520px) {
	.rg-account-cards,
	.rg-account-dashboard__tiers,
	.rg-pricing-lab__tabs { grid-template-columns: 1fr; }
	.rg-account-card__pricing small,
	.rg-account-card__metrics small { font-size: 10px; }
	.rg-account-card__signals li { gap: 6px; font-size: 11px; }
  .rg-account-dashboard > header { align-items: flex-start; flex-direction: column; justify-content: center; }
  .rg-account-dashboard__focus { grid-template-columns: 1fr; }
  .rg-account-dashboard__dial { width: 132px; }
  .rg-account-selector__choices button { grid-template-columns: 52px minmax(0, 1fr); gap: 3px 12px; min-height: 100px; padding: 14px; }
  .rg-account-selector__choices button > img { width: 52px; height: 52px; }
  .rg-account-selector__result > header { grid-template-columns: 54px minmax(0, 1fr); }
  .rg-account-selector__result > header > img { width: 54px; height: 54px; }
  .rg-account-selector__status { grid-column: 1 / -1; justify-self: start; }
  .rg-account-selector__signal { grid-template-columns: 1fr; }
  .rg-account-access__platforms > a { grid-template-columns: 48px minmax(0,1fr) 18px; padding: 14px; }
}

@media (max-width: 640px) {
	.rg-account-table-wrap {
		margin-top: 28px;
		overflow: visible;
		border: 0;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
	}

	.rg-account-table,
	.rg-account-table tbody,
	.rg-account-table tr,
	.rg-account-table th,
	.rg-account-table td {
		display: block;
		width: 100%;
		min-width: 0;
	}

	.rg-account-table thead {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip-path: inset(50%);
		white-space: nowrap;
	}

	.rg-account-table tbody tr {
		margin-bottom: 14px;
		overflow: hidden;
		border: 1px solid #244162;
		border-radius: 18px;
		background: #081a35;
	}

	.rg-account-table tbody th {
		padding: 16px 18px;
		border: 0;
		background: #071733;
		color: #fff;
		font-size: 16px;
	}

	.rg-account-table tbody td {
		display: grid;
		grid-template-columns: minmax(92px, .8fr) minmax(0, 1.2fr);
		gap: 16px;
		align-items: start;
		padding: 14px 18px;
		border-right: 0;
		border-bottom: 1px solid #203b5c;
		text-align: right;
	}

	.rg-account-table tbody td::before {
		content: attr(data-rg-label);
		color: var(--account-cyan);
		font-size: 12px;
		font-weight: 800;
		letter-spacing: .06em;
		text-align: left;
		text-transform: uppercase;
	}
}