:root {
  --ink: #111827;
  --muted: #64707d;
  --blue: #00419f;
  --cyan: #00a8ea;
  --green: #71eb30;
  --navy: #062567;
  --navy-2: #04163d;
  --line: #e6ebf1;
  --soft: #f6f8fb;
  --white: #fff;
  --gradient: linear-gradient(115deg, #00419f 0%, #00a8ea 52%, #71eb30 100%);
  --shadow: 0 18px 44px rgba(6, 17, 15, .09);
}

body.accounts-redesign .ta-type-manifest { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin: 26px 0; }
body.accounts-redesign .ta-type-manifest article { min-width: 0; padding: 15px; border: 1px solid rgba(255,255,255,.15); border-radius: 8px; background: rgba(255,255,255,.08); }
body.accounts-redesign .ta-type-manifest strong, body.accounts-redesign .ta-type-manifest span, body.accounts-redesign .ta-type-manifest small { display: block; }
body.accounts-redesign .ta-type-manifest strong { color: #71eb30; font-size: 15px; letter-spacing: .06em; }
body.accounts-redesign .ta-type-manifest span { margin-top: 7px; color: #fff; font-size: 13px; font-weight: 900; }
body.accounts-redesign .ta-type-manifest small { margin-top: 5px; color: rgba(255,255,255,.64); font-size: 12px; line-height: 1.45; }
body.accounts-redesign .ta-account-selector > strong { font-size: 76px; }
body.accounts-redesign .ta-account-detail-grid { align-items: stretch; }
body.accounts-redesign .ta-account-detail-grid .ta-account-card { min-height: 100%; }
body.accounts-redesign .ta-account-card.ib-card { border-color: #d9dfeb; background: linear-gradient(180deg,#fff,#f7f8fc); }
body.accounts-redesign .ta-account-card.ib-card::before { background: linear-gradient(90deg,#7559d9,#00a8ea); }
body.accounts-redesign .ta-card-platform-label small { display: inline; color: #7a8795; font-size: 12px; }
body.accounts-redesign .ta-account-description { min-height: 0 !important; margin-bottom: 18px !important; }
body.accounts-redesign .ta-account-description > small { display: block; margin-top: 7px; color: #7a8795; font-size: 12px; line-height: 1.55; }
body.accounts-redesign .ta-detail-list { display: grid; margin: 0 0 16px; border: 1px solid #e3eaf2; border-radius: 8px; background: #fbfdff; }
body.accounts-redesign .ta-detail-list > div { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); align-items: center; gap: 12px; min-height: 57px; padding: 10px 12px; border-top: 1px solid #e3eaf2; }
body.accounts-redesign .ta-detail-list > div:first-child { border-top: 0; }
body.accounts-redesign .ta-detail-list dt, body.accounts-redesign .ta-detail-list dd { min-width: 0; font-size: 12px; line-height: 1.4; }
body.accounts-redesign .ta-detail-list dt { color: #687588; }
body.accounts-redesign .ta-detail-list dd { margin: 0; color: #12233e; font-weight: 900; text-align: right; }
body.accounts-redesign .ta-detail-list small { display: block; margin-top: 2px; color: #8a95a4; font-size: 12px; font-weight: 600; }
body.accounts-redesign .ta-audience { margin-top: 10px; padding: 13px; border-radius: 7px; background: #f4f7fb; }
body.accounts-redesign .ta-audience > span, body.accounts-redesign .ta-audience > strong, body.accounts-redesign .ta-audience > small { display: block; }
body.accounts-redesign .ta-audience > span { color: #748194; font-size: 12px; font-weight: 800; }
body.accounts-redesign .ta-audience > strong { margin: 7px 0 0; color: #172943; font-size: 12px; line-height: 1.55; }
body.accounts-redesign .ta-audience > small { margin-top: 4px; color: #8490a0; font-size: 12px; line-height: 1.5; }
body.accounts-redesign .ta-audience.benefits { margin-bottom: 18px; background: #eef8f5; }
body.accounts-redesign .ta-account-card .ta-card-actions { grid-template-columns: 1fr; gap: 8px; margin-top: auto; }
body.accounts-redesign .ta-account-card .ta-card-actions a { display: flex; width: 100%; margin-top: 0; color: inherit; }
body.accounts-redesign .ta-account-card .ta-card-actions a.primary { color: #fff; }

@media (max-width: 1180px) {
  body.accounts-redesign .ta-account-detail-grid { grid-template-columns: 1fr; }
  body.accounts-redesign .ta-account-detail-grid .ta-account-card { display: grid; grid-template-columns: minmax(240px,.75fr) minmax(380px,1.25fr); column-gap: 24px; }
  body.accounts-redesign .ta-account-detail-grid .ta-card-top, body.accounts-redesign .ta-account-detail-grid .ta-card-platform-label, body.accounts-redesign .ta-account-detail-grid .ta-account-description, body.accounts-redesign .ta-account-detail-grid .ta-audience, body.accounts-redesign .ta-account-detail-grid .ta-card-actions { grid-column: 1; }
  body.accounts-redesign .ta-account-detail-grid .ta-detail-list { grid-column: 2; grid-row: 1 / span 6; margin: 0; }
}

@media (max-width: 820px) {
  body.accounts-redesign .ta-type-manifest { grid-template-columns: 1fr; }
  body.accounts-redesign .ta-account-detail-grid .ta-account-card { display: flex; }
  body.accounts-redesign .ta-account-detail-grid .ta-detail-list { margin-bottom: 16px; }
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  color: var(--ink);
  font-family: Inter, "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
  line-height: 1.5;
  background: var(--white);
}

body.lang-en {
  font-family: "Aptos", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-feature-settings: "kern" 1, "liga" 1;
}

body.lang-en h1,
body.lang-en h2,
body.lang-en h3,
body.lang-en .btn,
body.lang-en nav,
body.lang-en .section-title span {
  font-family: "Trebuchet MS", "Aptos Display", "Segoe UI", Arial, sans-serif;
}

body.lang-en h1 {
  max-width: 780px;
  font-size: clamp(48px, 5vw, 76px);
  line-height: 1;
}

body.lang-en .hero-copy p,
body.lang-en .section-title p,
body.lang-en .footer p {
  line-height: 1.72;
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  display: block;
  max-width: 100%;
}

.container {
  width: min(1310px, calc(100% - 48px));
  margin: 0 auto;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 20;
  background: rgba(255, 255, 255, .96);
  border-bottom: 1px solid rgba(230, 235, 241, .82);
  backdrop-filter: blur(14px);
}

.topline {
  font-size: 12px;
  color: #5d6875;
  border-bottom: 1px solid rgba(230, 235, 241, .75);
}

.top-inner,
.nav,
.top-contact,
.brand-strip .brands,
.section-row,
.hero-actions,
.input-row,
.copyright {
  display: flex;
  align-items: center;
}

.top-inner {
  min-height: 34px;
  justify-content: space-between;
  gap: 24px;
}

.topline p {
  margin: 0;
}

.topline a {
  color: var(--blue);
  font-weight: 700;
}

.top-contact {
  gap: 24px;
}

.top-contact a,
.topline p a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.top-contact img,
.inline-icon {
  width: 12px;
  height: 12px;
  filter: invert(22%) sepia(93%) saturate(1738%) hue-rotate(207deg) brightness(84%) contrast(105%);
}

.nav {
  min-height: 76px;
  justify-content: space-between;
  gap: 32px;
}

.brand img {
  width: 142px;
}

.nav nav {
  display: flex;
  gap: 36px;
  font-size: 14px;
  font-weight: 700;
}

.nav nav a:first-child,
.nav nav a:hover {
  color: var(--blue);
}

.nav-actions {
  display: flex;
  align-items: center;
  gap: 16px;
}

.lang-switch {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: 46px;
  height: 44px;
  padding: 0 14px;
  border: 1px solid #dce5ee;
  border-radius: 6px;
  background: #fff;
  color: var(--blue);
  font-size: 13px;
  font-weight: 900;
  box-shadow: 0 10px 22px rgba(6, 17, 15, .05);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.lang-switch:hover {
  transform: translateY(-2px);
  border-color: rgba(0, 168, 234, .38);
  box-shadow: 0 14px 28px rgba(0, 168, 234, .13);
}

.lang-switch img {
  width: 15px;
  height: 15px;
  filter: invert(22%) sepia(93%) saturate(1738%) hue-rotate(207deg) brightness(84%) contrast(105%);
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 24px;
  border: 0;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 800;
  cursor: pointer;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.btn:hover {
  transform: translateY(-2px);
}

.btn.primary {
  color: #fff;
  background: var(--gradient);
  box-shadow: 0 14px 28px rgba(0, 168, 234, .22);
}

.btn.secondary {
  color: var(--ink);
  background: #fff;
  box-shadow: inset 0 0 0 1px #d9e1e8;
}

.menu-btn {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid #e0e6ed;
  border-radius: 6px;
  background: #fff;
}

.menu-btn span {
  width: 16px;
  height: 2px;
  margin: 2px 0;
  background: var(--ink);
}

.hero {
  position: relative;
  overflow: hidden;
  padding: 94px 0 84px;
  background:
    linear-gradient(90deg, rgba(0, 65, 159, .06), transparent 38%),
    radial-gradient(circle at 83% 18%, rgba(113, 235, 48, .16), transparent 24%),
    #fff;
}

.hero-background-video {
  position: absolute;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}

.hero::before {
  position: absolute;
  z-index: 1;
  inset: 0;
  content: "";
  background:
    linear-gradient(90deg, rgba(0, 0, 0, .72) 0%, rgba(0, 0, 0, .58) 48%, rgba(0, 0, 0, .45) 100%),
    linear-gradient(135deg, transparent 0 48%, rgba(0, 65, 159, .06) 48% 49%, transparent 49%),
    linear-gradient(45deg, transparent 0 48%, rgba(0, 168, 234, .05) 48% 49%, transparent 49%);
  background-size: 100% 100%, 70px 70px, 70px 70px;
}

.hero-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 660px;
  align-items: center;
  gap: 68px;
}

.hero .hero-grid {
  width: min(1380px, calc(100% - 48px));
}

.hero-actions {
  gap: 14px;
  flex-wrap: wrap;
}

.hero h1 {
  color: #fff;
  text-shadow: 0 3px 20px rgba(0, 0, 0, .28);
}

.hero .eyebrow {
  color: #caffad;
}

.hero .btn.secondary {
  color: #fff;
  background: rgba(255, 255, 255, .12);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .42);
  backdrop-filter: blur(6px);
}

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  color: var(--blue);
  font-size: 13px;
  font-weight: 800;
}

.eyebrow img {
  width: 15px;
  filter: invert(78%) sepia(77%) saturate(780%) hue-rotate(42deg) brightness(101%) contrast(91%);
}

h1,
h2,
h3,
p {
  margin-top: 0;
}

h1 {
  max-width: 720px;
  margin-bottom: 18px;
  font-size: clamp(46px, 5vw, 74px);
  line-height: 1.04;
  letter-spacing: 0;
}

.hero-copy p {
  max-width: 620px;
  margin-bottom: 30px;
  color: rgba(255, 255, 255, .86);
  font-size: 17px;
}

.hero-visual {
  position: relative;
  min-height: 420px;
}

.growth-card {
  position: absolute;
  inset: 50px 0 0 0;
  display: grid;
  place-items: center;
  padding: 28px;
  border-radius: 12px;
  background: linear-gradient(135deg, #f8fbff, #eefaff);
  box-shadow: var(--shadow);
}

.growth-card img {
  width: 112%;
  max-width: none;
  filter: drop-shadow(0 24px 30px rgba(0, 65, 159, .16));
}

.coin-stack {
  position: absolute;
  right: 8px;
  bottom: 18px;
  width: 156px;
  padding: 22px;
  border-radius: 10px;
  color: #fff;
  background: var(--gradient);
  box-shadow: 0 18px 40px rgba(0, 168, 234, .22);
  animation: floatY 4.5s ease-in-out infinite;
}

.coin-stack strong {
  display: block;
  font-size: 42px;
  line-height: 1;
}

.coin-stack span {
  font-size: 12px;
  font-weight: 800;
}

.trend-arrow {
  position: absolute;
  right: 34px;
  top: 8px;
  width: 116px;
  height: 116px;
  border-right: 9px solid var(--green);
  border-top: 9px solid var(--green);
  transform: rotate(-16deg);
  opacity: .9;
}

.trend-arrow::after {
  position: absolute;
  right: -14px;
  top: -17px;
  content: "";
  border-left: 18px solid var(--green);
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  transform: rotate(45deg);
}

.brand-strip {
  padding: 22px 0;
  background: #f5f7fb;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.brands {
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
  color: #677484;
  font-size: 14px;
  font-weight: 800;
}

.brands span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.brands img {
  width: 18px;
  height: 18px;
  filter: invert(23%) sepia(77%) saturate(1727%) hue-rotate(204deg) brightness(82%) contrast(102%);
}

section {
  padding: 108px 0;
}

.section-title {
  margin-bottom: 46px;
}

.section-title.center {
  text-align: center;
}

.section-title.left {
  margin-bottom: 0;
}

.section-title span {
  display: inline-flex;
  margin-bottom: 10px;
  padding: 5px 12px;
  border-radius: 999px;
  color: var(--blue);
  background: rgba(0, 168, 234, .08);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.section-title.light span {
  color: #fff;
  background: rgba(255, 255, 255, .12);
}

.section-title h2 {
  margin-bottom: 12px;
  font-size: clamp(32px, 3vw, 46px);
  line-height: 1.12;
}

.section-title p {
  color: rgba(255,255,255,.72);
}

.offer {
  background:
    radial-gradient(circle at 22% 20%, rgba(0, 168, 234, .16), transparent 26%),
    linear-gradient(135deg, var(--navy), var(--navy-2));
  color: #fff;
}

.offer-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 390px;
  align-items: center;
  max-width: 1100px;
  margin: 0 auto;
  gap: 16px;
}

.offer-image {
  overflow: hidden;
  min-height: 410px;
  border-radius: 12px;
  box-shadow: 0 24px 60px rgba(0,0,0,.24);
}

.offer-image img {
  width: 100%;
  height: 410px;
  object-fit: cover;
}

.offer-tabs {
  display: grid;
  gap: 8px;
}

.offer-tabs button {
  padding: 18px 20px;
  border: 0;
  border-radius: 4px;
  color: rgba(255,255,255,.72);
  background: rgba(255,255,255,.08);
  text-align: left;
  cursor: pointer;
  transition: background .22s ease, transform .22s ease;
}

.offer-tabs button.active,
.offer-tabs button:hover {
  color: var(--ink);
  background: #fff;
  transform: translateX(-6px);
}

.offer-tabs span,
.offer-tabs small {
  display: block;
}

.offer-tabs span {
  font-weight: 900;
}

.offer-tabs small {
  margin-top: 4px;
  font-size: 12px;
}

.counter-section {
  padding: 62px 0;
}

.counter-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  max-width: 860px;
  gap: 0;
}

.counter-card {
  min-height: 145px;
  display: grid;
  place-items: center;
  padding: 24px;
  border: 1px solid var(--line);
  text-align: center;
}

.counter-card img {
  width: 28px;
  height: 28px;
  margin-bottom: 12px;
  filter: invert(22%) sepia(93%) saturate(1738%) hue-rotate(207deg) brightness(84%) contrast(105%);
}

.counter-card strong {
  display: block;
  font-size: 30px;
  line-height: 1;
}

.counter-card span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.specialisms {
  padding-top: 70px;
}

.pill-cloud {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 18px 20px;
  max-width: 780px;
  margin: 0 auto;
}

.pill-cloud a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 6px 18px 6px 8px;
  border: 1px solid #edf1f5;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 10px 26px rgba(6, 17, 15, .05);
  font-size: 14px;
  font-weight: 800;
}

.pill-cloud img {
  width: 38px;
  height: 38px;
  padding: 8px;
  border-radius: 50%;
  background: #f4f8fb;
}

.section-row {
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 34px;
}

.slider-arrows {
  display: flex;
  gap: 10px;
}

.slider-arrows button,
.testimonial-box button {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid var(--line);
  border-radius: 50%;
  background: #fff;
  color: var(--blue);
  cursor: pointer;
}

.case-grid,
.blog-grid,
.leader-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 26px;
}

.case-card {
  position: relative;
  overflow: hidden;
  min-height: 290px;
  border-radius: 8px;
  background: #f3f6fa;
}

.case-card img {
  width: 100%;
  transition: transform .35s ease;
}

.case-card:hover img {
  transform: scale(1.045);
}

.case-card div {
  position: absolute;
  left: 22px;
  right: 22px;
  bottom: 20px;
  padding: 18px;
  border-radius: 6px;
  color: #fff;
  background: linear-gradient(135deg, rgba(0,65,159,.92), rgba(0,168,234,.84));
}

.case-card span,
.blog-card span {
  font-size: 12px;
  font-weight: 800;
}

.case-card h3,
.blog-card h3 {
  margin: 6px 0 0;
  font-size: 20px;
  line-height: 1.28;
}

.testimonials {
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(255,255,255,.92), rgba(255,255,255,.78)),
    url("../assets/mt5/new-002.png") center/cover;
}

.testimonial-box {
  display: grid;
  grid-template-columns: 36px 1fr 36px;
  align-items: center;
  gap: 28px;
  max-width: 820px;
  margin: 0 auto 30px;
  text-align: center;
}

blockquote {
  margin: 0;
  color: #384353;
  font-size: 18px;
}

.reviewers {
  display: flex;
  justify-content: center;
  gap: 52px;
  flex-wrap: wrap;
}

.reviewers span {
  display: inline-grid;
  grid-template-columns: 34px 1fr;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  font-weight: 900;
}

.reviewers img {
  grid-row: span 2;
  width: 34px;
  height: 34px;
  padding: 8px;
  border-radius: 50%;
  background: var(--gradient);
}

.reviewers small {
  display: block;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.blog-card {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.blog-card img {
  width: 100%;
}

.blog-card div {
  padding: 24px;
}

.blog-card span {
  color: var(--blue);
}

.blog-card a {
  display: inline-flex;
  margin-top: 18px;
  color: var(--blue);
  font-size: 13px;
  font-weight: 900;
}

.leaders {
  padding-top: 70px;
}

.leader-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.leader-grid article {
  text-align: center;
}

.leader-photo {
  display: grid;
  place-items: center;
  aspect-ratio: 1 / 1;
  border-radius: 12px;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
}

.leader-photo img {
  width: 80%;
  height: 80%;
  object-fit: contain;
}

.leader-grid h3 {
  margin: 16px 0 2px;
  font-size: 18px;
}

.leader-grid p {
  color: var(--muted);
  font-size: 13px;
}

.contact {
  padding-top: 60px;
}

.stop-title h2 {
  color: #212a38;
}

.stop-title h2::after {
  content: " Stop";
  color: #d4d8de;
}

.contact-grid {
  display: grid;
  grid-template-columns: 1fr 430px;
  max-width: 860px;
  margin: 0 auto;
}

.quote-form,
.contact-card {
  padding: 38px;
}

.quote-form {
  background: #f7f8fa;
}

.quote-form span {
  color: var(--blue);
  font-size: 12px;
  font-weight: 900;
}

.quote-form h3,
.contact-card h3 {
  margin-bottom: 22px;
  font-size: 28px;
}

.input-row {
  gap: 14px;
}

input,
textarea {
  width: 100%;
  margin-bottom: 14px;
  border: 1px solid #e4e8ee;
  border-radius: 5px;
  background: #fff;
  outline: none;
  font: inherit;
}

input {
  height: 44px;
  padding: 0 14px;
}

textarea {
  min-height: 120px;
  padding: 14px;
  resize: vertical;
}

.contact-card {
  color: #fff;
  background: linear-gradient(135deg, var(--navy), var(--blue));
}

.contact-card p {
  display: grid;
  grid-template-columns: 38px 1fr;
  gap: 4px 12px;
  margin-bottom: 22px;
}

.contact-card img {
  grid-row: span 2;
  width: 38px;
  height: 38px;
  padding: 10px;
  border-radius: 50%;
  background: #fff;
}

.contact-card span {
  color: rgba(255,255,255,.72);
  font-size: 12px;
}

.newsletter {
  padding: 70px 0;
  background:
    linear-gradient(135deg, rgba(255,255,255,.9), rgba(255,255,255,.78)),
    url("../assets/mt5/new-003.png") center/cover;
}

.newsletter-inner {
  display: grid;
  grid-template-columns: 1fr 420px;
  align-items: center;
  gap: 40px;
}

.newsletter h2 {
  margin: 0;
  font-size: 36px;
}

.newsletter form {
  display: flex;
  border: 1px solid var(--blue);
  border-radius: 5px;
  overflow: hidden;
  background: #fff;
}

.newsletter input {
  margin: 0;
  border: 0;
}

.newsletter button {
  min-width: 140px;
  border: 0;
  color: #fff;
  background: var(--gradient);
  font-weight: 900;
}

.footer {
  padding: 64px 0 24px;
  color: rgba(255,255,255,.76);
  background:
    radial-gradient(circle at 4% 22%, rgba(0,168,234,.28), transparent 22%),
    radial-gradient(circle at 94% 18%, rgba(113,235,48,.14), transparent 20%),
    linear-gradient(135deg, var(--navy-2), var(--navy));
}

.footer-grid {
  display: grid;
  grid-template-columns: 1.3fr 1fr 1fr;
  gap: 70px;
  padding-bottom: 46px;
}

.footer-logo {
  width: 150px;
  margin-bottom: 18px;
}

.footer p {
  max-width: 320px;
}

.socials {
  display: flex;
  gap: 10px;
}

.socials a {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: rgba(255,255,255,.08);
}

.socials img {
  width: 13px;
  height: 13px;
  filter: brightness(0) invert(1);
}

.footer h3 {
  color: #fff;
  margin-bottom: 20px;
}

.footer ul {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.copyright {
  justify-content: space-between;
  gap: 20px;
  padding-top: 22px;
  border-top: 1px solid rgba(255,255,255,.12);
  font-size: 12px;
}

.home-footer {
  position: relative;
  overflow: hidden;
  padding: 0;
  color: rgba(255, 255, 255, .76);
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255, 255, 255, .035) 1px, transparent 1px),
    linear-gradient(145deg, #061124 0%, #0b1e3f 54%, #050a14 100%);
  background-size: 54px 54px, 54px 54px, auto;
}

.home-footer::before {
  position: absolute;
  inset: 0;
  content: "";
  pointer-events: none;
  background: linear-gradient(115deg, rgba(0, 168, 234, .16), transparent 34% 64%, rgba(113, 235, 48, .09));
}

.home-footer > .container {
  position: relative;
  z-index: 1;
}

.home-footer-top {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(360px, .72fr);
  gap: clamp(30px, 6vw, 78px);
  align-items: end;
  padding: clamp(54px, 7vw, 82px) 0 34px;
}

.home-footer-brand p {
  max-width: 600px;
  margin: 0;
  color: rgba(255, 255, 255, .74);
  font-size: 16px;
  line-height: 1.76;
}

.home-footer-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

.home-footer-badges span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 999px;
  color: #fff;
  background: rgba(255, 255, 255, .06);
  font-size: 12px;
  font-weight: 900;
}

.home-footer-action {
  padding: 24px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 8px;
  background: rgba(255, 255, 255, .07);
  box-shadow: 0 26px 70px rgba(0, 0, 0, .2);
}

.home-footer-action > span,
.home-risk-title > span {
  display: block;
  color: var(--green);
  font-size: 12px;
  font-weight: 1000;
  text-transform: uppercase;
}

.home-footer-action strong {
  display: block;
  margin: 10px 0 20px;
  color: #fff;
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.13;
}

.home-footer-action div {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.home-footer-action .btn.secondary {
  color: #fff;
  border-color: rgba(255, 255, 255, .24);
  background: rgba(255, 255, 255, .08);
}

.home-footer-links {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 30px;
  padding: 32px 0;
  border-top: 1px solid rgba(255, 255, 255, .12);
  border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.home-footer-links h3 {
  margin: 0 0 16px;
  color: #fff;
  font-size: 16px;
}

.home-footer-links ul {
  margin: 0;
  padding: 0;
}

.home-footer-links ul {
  display: grid;
  gap: 11px;
  list-style: none;
}

.home-footer-links a {
  color: rgba(255, 255, 255, .76);
}

.home-footer-links a:hover {
  color: var(--green);
}

.home-footer-compliance {
  display: grid;
  grid-template-columns: minmax(240px, .42fr) minmax(0, 1fr);
  gap: clamp(24px, 5vw, 64px);
  padding: 34px 0 38px;
  border-top: 1px solid rgba(255, 255, 255, .12);
  border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.home-risk-title h3 {
  margin: 10px 0 14px;
  color: #fff;
  font-size: clamp(24px, 3vw, 32px);
  line-height: 1.16;
}

.home-risk-copy p {
  margin: 0;
  color: rgba(255, 255, 255, .68);
  font-size: 13px;
  line-height: 1.82;
}

.home-risk-copy p + p {
  margin-top: 12px;
}

.home-risk-copy b,
.home-disclosure-lines b {
  color: #fff;
}

.home-disclosure-lines {
  display: grid;
  gap: 0;
  margin-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, .12);
}

.home-disclosure-lines span {
  display: block;
  padding: 11px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
  color: rgba(255, 255, 255, .62);
  font-size: 12px;
  line-height: 1.68;
}

.home-footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 20px 0 26px;
  border-top: 1px solid rgba(255, 255, 255, .12);
  color: rgba(255, 255, 255, .62);
  font-size: 12px;
}

.home-footer-bottom .socials {
  flex: none;
}

.page-hero {
  position: relative;
  overflow: hidden;
  padding: 82px 0 72px;
  color: #fff;
  background:
    radial-gradient(circle at 82% 20%, rgba(113, 235, 48, .18), transparent 28%),
    radial-gradient(circle at 16% 12%, rgba(0, 168, 234, .26), transparent 30%),
    linear-gradient(135deg, var(--navy-2), var(--navy));
}

.page-hero::before {
  position: absolute;
  inset: 0;
  content: "";
  opacity: .38;
  background:
    linear-gradient(135deg, transparent 0 48%, rgba(255, 255, 255, .09) 48% 49%, transparent 49%),
    linear-gradient(45deg, transparent 0 48%, rgba(255, 255, 255, .07) 48% 49%, transparent 49%);
  background-size: 74px 74px;
}

.page-hero .container {
  position: relative;
  z-index: 1;
}

.page-hero .eyebrow {
  color: #fff;
}

.page-hero h1 {
  max-width: 940px;
  margin-bottom: 18px;
  font-size: clamp(38px, 4.2vw, 64px);
}

.page-hero p {
  max-width: 780px;
  margin-bottom: 28px;
  color: rgba(255, 255, 255, .76);
  font-size: 17px;
}

.content-shell {
  padding: 68px 0 96px;
  background: #f7f9fc;
}

.doc-layout {
  display: grid;
  grid-template-columns: 290px minmax(0, 1fr);
  align-items: start;
  gap: 34px;
}

.doc-sidebar {
  position: sticky;
  top: 116px;
  max-height: calc(100vh - 140px);
  overflow: auto;
  padding: 22px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 14px 32px rgba(6, 17, 15, .06);
}

.doc-sidebar h2 {
  margin-bottom: 14px;
  font-size: 18px;
}

.doc-sidebar-links {
  display: grid;
  gap: 8px;
}

.doc-sidebar-links a {
  display: grid;
  grid-template-columns: 32px 1fr;
  align-items: center;
  gap: 9px;
  min-height: 38px;
  padding: 8px;
  border-radius: 6px;
  color: #405064;
  font-size: 13px;
  font-weight: 800;
}

.doc-sidebar-links a:hover {
  color: var(--blue);
  background: #f2f7fc;
}

.doc-sidebar-links span {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 5px;
  color: #fff;
  background: var(--gradient);
  font-size: 12px;
}

.doc-content {
  padding: 44px 52px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 18px 44px rgba(6, 17, 15, .07);
}

.doc-content h2,
.doc-content h3,
.doc-content h4,
.doc-content h5 {
  margin: 34px 0 14px;
  line-height: 1.22;
}

.doc-content h2:first-child,
.doc-content h3:first-child {
  margin-top: 0;
}

.doc-content h2 {
  padding-bottom: 12px;
  border-bottom: 1px solid var(--line);
  color: var(--navy);
  font-size: 30px;
}

.doc-content h3 {
  color: #203047;
  font-size: 23px;
}

.doc-content h4,
.doc-content h5 {
  color: #2c3a4f;
  font-size: 18px;
}

.doc-content p,
.doc-content li {
  color: #4d5b6b;
  font-size: 15px;
  line-height: 1.82;
}

.doc-content p {
  margin-bottom: 14px;
}

.doc-content ul {
  display: grid;
  gap: 8px;
  margin: 0 0 18px;
  padding-left: 20px;
}

.doc-content strong {
  color: var(--ink);
}

.doc-content code {
  padding: 2px 6px;
  border-radius: 4px;
  background: #eef4fa;
  color: var(--blue);
  font-size: max(12px, .92em);
}

.doc-content a {
  color: var(--blue);
  font-weight: 800;
}

.doc-content blockquote {
  margin: 18px 0;
  padding: 18px 22px;
  border-left: 4px solid var(--cyan);
  border-radius: 6px;
  background: #f3f9fd;
  color: #31445e;
  text-align: left;
}

.doc-content hr {
  height: 1px;
  margin: 32px 0;
  border: 0;
  background: var(--line);
}

.table-wrap {
  overflow-x: auto;
  margin: 20px 0 26px;
  border: 1px solid var(--line);
  border-radius: 8px;
}

.table-wrap table {
  width: 100%;
  min-width: 640px;
  border-collapse: collapse;
  background: #fff;
}

.table-wrap th,
.table-wrap td {
  padding: 13px 15px;
  border-bottom: 1px solid var(--line);
  border-right: 1px solid var(--line);
  text-align: left;
  vertical-align: top;
  font-size: 14px;
}

.table-wrap th {
  color: var(--navy);
  background: #f2f7fc;
  font-weight: 900;
}

.table-wrap tr:last-child td {
  border-bottom: 0;
}

.doc-pager {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 42px;
  padding-top: 28px;
  border-top: 1px solid var(--line);
}

.site-directory {
  background: #fff;
}

.site-directory .section-title p {
  color: var(--muted);
}

.directory-grid {
  display: grid;
  gap: 24px;
}

.directory-group {
  padding: 28px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 14px 32px rgba(6, 17, 15, .05);
}

.directory-group h3 {
  margin-bottom: 18px;
  color: var(--navy);
  font-size: 22px;
}

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

.directory-links a {
  display: grid;
  grid-template-columns: 38px 1fr;
  gap: 2px 12px;
  min-height: 96px;
  padding: 16px;
  border: 1px solid #e8eef4;
  border-radius: 8px;
  background: #fbfcfe;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.directory-links a:hover {
  transform: translateY(-2px);
  border-color: rgba(0, 168, 234, .38);
  box-shadow: 0 14px 26px rgba(0, 168, 234, .1);
}

.directory-links span {
  grid-row: span 2;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 6px;
  color: #fff;
  background: var(--gradient);
  font-size: 13px;
  font-weight: 900;
}

.directory-links strong {
  color: #1c2b40;
  font-size: 15px;
  line-height: 1.35;
}

.directory-links small {
  display: -webkit-box;
  overflow: hidden;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.gs-hero {
  position: relative;
  overflow: hidden;
  padding: 92px 0 78px;
  color: #fff;
  background:
    radial-gradient(circle at 82% 24%, rgba(113, 235, 48, .22), transparent 25%),
    linear-gradient(135deg, var(--navy-2), var(--navy));
}

.gs-hero::before {
  position: absolute;
  inset: 0;
  content: "";
  opacity: .36;
  background:
    linear-gradient(135deg, transparent 0 48%, rgba(255, 255, 255, .08) 48% 49%, transparent 49%),
    linear-gradient(45deg, transparent 0 48%, rgba(0, 168, 234, .14) 48% 49%, transparent 49%);
  background-size: 72px 72px;
}

.gs-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 560px;
  align-items: center;
  gap: 72px;
}

.gs-hero .eyebrow {
  color: #fff;
}

.gs-hero h1 {
  max-width: 760px;
  font-size: clamp(42px, 4.5vw, 68px);
}

.gs-hero p {
  max-width: 690px;
  color: rgba(255, 255, 255, .76);
  font-size: 17px;
}

.gs-hero-panel {
  position: relative;
  padding: 22px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 10px;
  background: rgba(255, 255, 255, .08);
  box-shadow: 0 28px 70px rgba(0, 0, 0, .24);
}

.gs-hero-panel img {
  width: 100%;
  border-radius: 8px;
  object-fit: cover;
}

.gs-panel-metric {
  position: absolute;
  right: -18px;
  bottom: 34px;
  width: 156px;
  padding: 22px;
  border-radius: 8px;
  color: #fff;
  background: var(--gradient);
  box-shadow: 0 18px 40px rgba(0, 168, 234, .28);
}

.gs-panel-metric strong {
  display: block;
  font-size: 44px;
  line-height: 1;
}

.gs-panel-metric span {
  font-size: 12px;
  font-weight: 900;
}

.gs-path {
  background: #fff;
}

.gs-path .section-title p {
  color: var(--muted);
}

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

.gs-path-card {
  position: relative;
  min-height: 250px;
  padding: 26px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 14px 32px rgba(6, 17, 15, .05);
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.gs-path-card:hover {
  transform: translateY(-4px);
  border-color: rgba(0, 168, 234, .4);
  box-shadow: 0 18px 38px rgba(0, 168, 234, .12);
}

.gs-path-card img {
  width: 36px;
  height: 36px;
  margin-bottom: 22px;
  filter: invert(22%) sepia(93%) saturate(1738%) hue-rotate(207deg) brightness(84%) contrast(105%);
}

.gs-path-card > span {
  position: absolute;
  top: 22px;
  right: 22px;
  color: rgba(0, 65, 159, .16);
  font-size: 34px;
  font-weight: 900;
}

.gs-path-card h3 {
  margin-bottom: 10px;
  color: #162238;
  font-size: 21px;
}

.gs-path-card p {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.72;
}

.gs-mega {
  background: #f6f8fb;
}

.gs-mega-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 380px;
  gap: 26px;
}

.gs-menu-board {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--line);
  box-shadow: var(--shadow);
}

.gs-menu-column {
  padding: 30px;
  background: #fff;
}

.gs-menu-column h3 {
  margin-bottom: 18px;
  color: var(--navy);
  font-size: 20px;
}

.gs-menu-column a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 42px;
  border-bottom: 1px solid #eef2f6;
  color: #405064;
  font-size: 14px;
  font-weight: 800;
}

.gs-menu-column a::after {
  content: "›";
  color: var(--cyan);
  font-size: 18px;
}

.gs-menu-column a:hover {
  color: var(--blue);
}

.gs-cta-panel {
  padding: 34px;
  border-radius: 8px;
  color: #fff;
  background:
    radial-gradient(circle at 92% 12%, rgba(113, 235, 48, .18), transparent 28%),
    linear-gradient(135deg, var(--navy), var(--blue));
  box-shadow: var(--shadow);
}

.gs-cta-panel span,
.gs-final span {
  display: inline-flex;
  margin-bottom: 14px;
  color: var(--green);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.gs-cta-panel h2,
.gs-final h2 {
  margin-bottom: 14px;
  font-size: 34px;
  line-height: 1.12;
}

.gs-cta-panel p,
.gs-final p {
  color: rgba(255, 255, 255, .76);
}

.gs-cta-panel .hero-actions {
  margin-top: 24px;
}

.gs-why {
  background: #fff;
}

.gs-feature-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin-top: 34px;
}

.gs-feature-grid article {
  min-height: 198px;
  padding: 28px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: linear-gradient(180deg, #fff, #f8fbfe);
}

.gs-feature-grid strong {
  display: block;
  color: var(--blue);
  font-size: 38px;
  line-height: 1;
}

.gs-feature-grid span {
  display: block;
  margin: 10px 0;
  color: #1c2b40;
  font-weight: 900;
}

.gs-feature-grid p {
  color: var(--muted);
  font-size: 14px;
}

.gs-steps {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(255, 255, 255, .84)),
    url("../assets/mt5/web-trading-main_2x.jpg") center/cover;
}

.gs-step-line {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.gs-step-line article {
  position: relative;
  min-height: 190px;
  padding: 28px;
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--shadow);
}

.gs-step-line span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  margin-bottom: 20px;
  border-radius: 6px;
  color: #fff;
  background: var(--gradient);
  font-weight: 900;
}

.gs-step-line h3 {
  margin-bottom: 8px;
  font-size: 21px;
}

.gs-step-line p {
  color: var(--muted);
  font-size: 14px;
}

.gs-final {
  padding: 70px 0;
  color: #fff;
  background:
    radial-gradient(circle at 8% 18%, rgba(0, 168, 234, .26), transparent 24%),
    linear-gradient(135deg, var(--navy-2), var(--navy));
}

.gs-final-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}

.gs-final h2,
.gs-final p {
  max-width: 680px;
}

.ta-hero {
  position: relative;
  overflow: hidden;
  padding: 94px 0 82px;
  color: #fff;
  background:
    radial-gradient(circle at 80% 18%, rgba(113, 235, 48, .22), transparent 26%),
    radial-gradient(circle at 14% 18%, rgba(0, 168, 234, .22), transparent 28%),
    linear-gradient(135deg, var(--navy-2), var(--navy));
}

.ta-hero::before {
  position: absolute;
  inset: 0;
  content: "";
  opacity: .34;
  background:
    linear-gradient(135deg, transparent 0 48%, rgba(255, 255, 255, .08) 48% 49%, transparent 49%),
    linear-gradient(45deg, transparent 0 48%, rgba(0, 168, 234, .12) 48% 49%, transparent 49%);
  background-size: 72px 72px;
}

.ta-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 410px;
  align-items: center;
  gap: 74px;
}

.ta-hero .eyebrow {
  color: #fff;
}

.ta-hero h1 {
  max-width: 820px;
  font-size: clamp(42px, 4.6vw, 70px);
}

.ta-hero p {
  max-width: 740px;
  color: rgba(255, 255, 255, .76);
  font-size: 17px;
}

.ta-quote-card {
  padding: 34px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 10px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .07));
  box-shadow: 0 28px 70px rgba(0, 0, 0, .24);
}

.ta-quote-card span,
.ta-side-panel span,
.ta-final span {
  display: inline-flex;
  margin-bottom: 14px;
  color: var(--green);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.ta-quote-card strong {
  display: block;
  margin-bottom: 12px;
  font-size: 76px;
  line-height: .9;
}

.ta-mini-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 24px;
}

.ta-mini-stats div {
  padding: 16px;
  border-radius: 8px;
  background: rgba(255, 255, 255, .1);
}

.ta-mini-stats b,
.ta-mini-stats small {
  display: block;
}

.ta-mini-stats b {
  font-size: 22px;
}

.ta-mini-stats small {
  color: rgba(255, 255, 255, .72);
  font-size: 12px;
  font-weight: 800;
}

.ta-overview {
  background: #fff;
}

.ta-overview .section-title p,
.ta-specs .section-title p {
  color: var(--muted);
}

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

.ta-account-card {
  display: flex;
  flex-direction: column;
  min-height: 430px;
  padding: 30px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: linear-gradient(180deg, #fff, #f8fbfe);
  box-shadow: 0 16px 34px rgba(6, 17, 15, .06);
}

.ta-account-card.featured {
  border-color: rgba(0, 168, 234, .34);
  box-shadow: 0 22px 44px rgba(0, 168, 234, .12);
}

.ta-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 24px;
}

.ta-card-top span {
  padding: 5px 10px;
  border-radius: 999px;
  color: var(--blue);
  background: rgba(0, 168, 234, .09);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.ta-card-top h3 {
  margin: 0;
  color: var(--navy);
  font-size: 21px;
}

.ta-card-platform-label {
  margin: -12px 0 18px;
  color: var(--muted);
  font-size: 14px;
  font-weight: 700;
}

.ta-account-card strong {
  display: block;
  margin-bottom: 14px;
  color: var(--blue);
  font-size: 44px;
  line-height: 1;
}

.ta-account-card p,
.ta-account-card li,
.ta-raw p {
  color: var(--muted);
}

.ta-account-card ul {
  display: grid;
  gap: 9px;
  margin: 8px 0 24px;
  padding-left: 18px;
}

.ta-account-card a {
  display: inline-flex;
  margin-top: auto;
  color: var(--blue);
  font-size: 13px;
  font-weight: 900;
}

.ta-compare {
  background: #f6f8fb;
}

.ta-compare-layout {
  display: grid;
  grid-template-columns: 360px minmax(0, 1fr);
  gap: 28px;
  align-items: stretch;
}

.ta-side-panel {
  padding: 34px;
  border-radius: 8px;
  color: #fff;
  background:
    radial-gradient(circle at 90% 12%, rgba(113, 235, 48, .18), transparent 28%),
    linear-gradient(135deg, var(--navy), var(--blue));
  box-shadow: var(--shadow);
}

.ta-side-panel h2 {
  font-size: 34px;
  line-height: 1.12;
}

.ta-side-panel p {
  color: rgba(255, 255, 255, .76);
}

.ta-table-card {
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--shadow);
}

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

.ta-table-card th,
.ta-table-card td {
  padding: 18px 20px;
  border-bottom: 1px solid var(--line);
  text-align: left;
  vertical-align: top;
  font-size: 14px;
}

.ta-table-card th {
  color: var(--navy);
  background: #f2f7fc;
  font-weight: 900;
}

.ta-table-card td {
  color: #4d5b6b;
}

.ta-table-card tr:last-child td {
  border-bottom: 0;
}

.ta-raw {
  background: #fff;
}

.ta-raw-grid {
  display: grid;
  grid-template-columns: 420px minmax(0, 1fr);
  gap: 50px;
  align-items: start;
}

.ta-raw .section-title {
  margin-bottom: 18px;
}

.ta-raw-points {
  display: grid;
  gap: 16px;
}

.ta-raw-points article {
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 4px 18px;
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: linear-gradient(180deg, #fff, #f8fbfe);
}

.ta-raw-points span {
  grid-row: span 2;
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 6px;
  color: #fff;
  background: var(--gradient);
  font-weight: 900;
}

.ta-raw-points h3 {
  margin-bottom: 4px;
  color: var(--navy);
  font-size: 20px;
}

.ta-raw-points p {
  margin: 0;
  font-size: 14px;
}

.ta-specs {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(255, 255, 255, .84)),
    url("../assets/mt5/web-trading-main_2x.jpg") center/cover;
}

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

.ta-spec-grid article {
  min-height: 128px;
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 14px 30px rgba(6, 17, 15, .05);
}

.ta-spec-grid strong,
.ta-spec-grid span {
  display: block;
}

.ta-spec-grid strong {
  color: var(--blue);
  font-size: 32px;
}

.ta-spec-grid span {
  margin-top: 7px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 900;
}

.ta-spec-note {
  max-width: 820px;
  margin: 28px auto 0;
  text-align: center;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.7;
}

.ta-final {
  padding: 70px 0;
  color: #fff;
  background:
    radial-gradient(circle at 8% 18%, rgba(0, 168, 234, .26), transparent 24%),
    linear-gradient(135deg, var(--navy-2), var(--navy));
}

.ta-final-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}

.ta-final h2,
.ta-final p {
  max-width: 720px;
}

.ta-final p {
  color: rgba(255, 255, 255, .76);
}

.ta-subnav {
  padding: 18px 0;
  background: #fff;
  border-bottom: 1px solid var(--line);
}

.ta-subnav .container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
}

.ta-subnav a {
  padding: 8px 14px;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--navy);
  font-size: 13px;
  font-weight: 700;
  background: #f8fbfe;
}

.ta-subnav a:hover {
  border-color: rgba(0, 168, 234, .34);
  color: var(--blue);
}

.ta-popular-badge {
  display: inline-block;
  margin-bottom: 12px;
  padding: 5px 12px;
  border-radius: 999px;
  color: #fff;
  background: var(--gradient);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .04em;
}

.ta-card-metrics {
  display: grid;
  gap: 12px;
  margin: 0 0 20px;
  padding: 16px;
  border-radius: 8px;
  background: rgba(0, 168, 234, .05);
  border: 1px solid rgba(0, 168, 234, .12);
}

.ta-card-metrics div {
  display: grid;
  gap: 4px;
}

.ta-card-metrics dt {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.ta-card-metrics dd {
  margin: 0;
  color: var(--navy);
  font-size: 15px;
  font-weight: 800;
}

.ta-card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: auto;
}

.ta-card-actions .btn {
  flex: 1 1 140px;
  justify-content: center;
  min-height: 42px;
  font-size: 13px;
}

.ta-card-actions .btn.secondary {
  color: var(--navy);
  border-color: var(--line);
  background: #fff;
}

.ta-matrix-section {
  background: #f6f8fb;
}

.ta-matrix-section .section-title {
  margin-bottom: 28px;
}

.ta-matrix-card {
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--shadow);
}

.ta-matrix-card table {
  width: 100%;
  min-width: 980px;
  border-collapse: collapse;
}

.ta-matrix-card th,
.ta-matrix-card td {
  padding: 16px 18px;
  border-bottom: 1px solid var(--line);
  text-align: left;
  vertical-align: top;
  font-size: 14px;
}

.ta-matrix-card thead th {
  color: #fff;
  background: linear-gradient(135deg, var(--navy), var(--blue));
  font-size: 15px;
}

.ta-matrix-card tbody th {
  width: 220px;
  color: var(--navy);
  background: #f2f7fc;
  font-weight: 900;
}

.ta-matrix-card td {
  color: #4d5b6b;
}

.ta-matrix-card tr:last-child th,
.ta-matrix-card tr:last-child td {
  border-bottom: 0;
}

.ta-matrix-card .ta-col-featured {
  background: rgba(0, 168, 234, .04);
}

.ta-raw-list {
  display: grid;
  gap: 10px;
  margin-top: 18px;
  padding-left: 18px;
  color: var(--muted);
}

.ta-raw-list li {
  font-size: 15px;
  line-height: 1.6;
}

body.accounts-redesign .ta-hero {
  padding: 88px 0 74px;
  background:
    linear-gradient(135deg, rgba(4, 22, 61, .94), rgba(6, 37, 103, .9)),
    url("../assets/mt5/web-trading-main_2x.jpg") center/cover;
}

body.accounts-redesign .ta-hero::before {
  opacity: .24;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .08) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255, 255, 255, .08) 1px, transparent 1px);
  background-size: 44px 44px;
}

body.accounts-redesign .ta-hero-grid {
  grid-template-columns: minmax(0, 1fr) 390px;
  gap: 56px;
}

body.accounts-redesign .ta-hero h1 {
  margin-bottom: 16px;
  font-size: clamp(44px, 4.3vw, 64px);
  line-height: 1.05;
}

body.accounts-redesign .ta-hero p {
  max-width: 700px;
  margin-bottom: 26px;
  color: rgba(255, 255, 255, .8);
  line-height: 1.78;
}

body.accounts-redesign .ta-hero-kpis {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  max-width: 680px;
  margin-top: 28px;
}

body.accounts-redesign .ta-hero-kpis span {
  display: grid;
  gap: 4px;
  min-height: 82px;
  padding: 16px 18px;
  border: 1px solid rgba(255, 255, 255, .15);
  border-radius: 8px;
  background: rgba(255, 255, 255, .08);
  color: rgba(255, 255, 255, .72);
  font-size: 13px;
  font-weight: 800;
}

body.accounts-redesign .ta-hero-kpis b {
  display: block;
  color: #fff;
  font-size: 26px;
  line-height: 1;
}

body.accounts-redesign .ta-quote-card {
  padding: 32px;
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .18), rgba(255, 255, 255, .08));
}

body.accounts-redesign .ta-subnav {
  position: sticky;
  top: 111px;
  z-index: 12;
  padding: 12px 0;
  background: rgba(255, 255, 255, .96);
  backdrop-filter: blur(12px);
}

body.accounts-redesign .ta-subnav .container {
  gap: 8px;
}

body.accounts-redesign .ta-subnav a {
  border-radius: 6px;
  background: #fff;
  white-space: nowrap;
}

body.accounts-redesign .ta-overview {
  padding-top: 88px;
}

body.accounts-redesign .section-title.center {
  max-width: 760px;
  margin-right: auto;
  margin-left: auto;
}

body.accounts-redesign .section-title h2 {
  color: var(--navy);
}

body.accounts-redesign .section-title p {
  color: var(--muted);
  line-height: 1.72;
}

body.accounts-redesign .ta-account-grid {
  align-items: stretch;
  gap: 18px;
}

body.accounts-redesign .ta-account-card {
  position: relative;
  overflow: hidden;
  min-height: 0;
  padding: 28px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 16px 34px rgba(6, 17, 15, .06);
}

body.accounts-redesign .ta-account-card::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  content: "";
  background: #dfe8f2;
}

body.accounts-redesign .ta-account-card.featured::before {
  background: var(--gradient);
}

body.accounts-redesign .ta-popular-badge {
  position: absolute;
  top: 18px;
  right: 18px;
  margin: 0;
  border-radius: 6px;
}

body.accounts-redesign .ta-card-top {
  display: grid;
  justify-content: stretch;
  gap: 10px;
  margin-bottom: 12px;
  padding-right: 0;
}

body.accounts-redesign .ta-account-card.featured .ta-card-top {
  padding-right: 70px;
}

body.accounts-redesign .ta-card-top span {
  width: fit-content;
  border-radius: 6px;
}

body.accounts-redesign .ta-card-top h3 {
  font-size: 26px;
  line-height: 1.14;
}

body.accounts-redesign .ta-card-platform-label {
  min-height: 44px;
  margin: 0 0 18px;
  color: #536274;
  line-height: 1.58;
}

body.accounts-redesign .ta-card-metrics {
  gap: 0;
  margin-bottom: 18px;
  padding: 0;
  border: 1px solid #e6edf5;
  background: #fbfdff;
}

body.accounts-redesign .ta-card-metrics div {
  display: grid;
  grid-template-columns: 86px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-height: 52px;
  padding: 12px 14px;
}

body.accounts-redesign .ta-card-metrics div + div {
  border-top: 1px solid #e6edf5;
}

body.accounts-redesign .ta-card-metrics dt {
  color: #7a8795;
  font-size: 12px;
}

body.accounts-redesign .ta-card-metrics dd {
  text-align: right;
  font-size: 15px;
}

body.accounts-redesign .ta-account-card > p:not(.ta-card-platform-label) {
  min-height: 70px;
  margin-bottom: 20px;
  line-height: 1.72;
}

body.accounts-redesign .ta-card-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.accounts-redesign .ta-card-actions .btn {
  flex: none;
  padding: 0 14px;
}

body.accounts-redesign .ta-matrix-section {
  padding-top: 92px;
  background:
    linear-gradient(180deg, #f6f8fb, #fff);
}

body.accounts-redesign .ta-matrix-section .section-title span {
  background: rgba(0, 168, 234, .1);
}

body.accounts-redesign .ta-matrix-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 18px;
}

body.accounts-redesign .ta-matrix-summary article {
  display: grid;
  align-content: start;
  min-height: 118px;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(6, 17, 15, .05);
}

body.accounts-redesign .ta-matrix-summary span,
body.accounts-redesign .ta-matrix-summary strong,
body.accounts-redesign .ta-matrix-summary small {
  display: block;
}

body.accounts-redesign .ta-matrix-summary span {
  color: var(--navy);
  font-weight: 900;
}

body.accounts-redesign .ta-matrix-summary strong {
  margin: 10px 0 4px;
  color: var(--blue);
  font-size: 30px;
  line-height: 1;
}

body.accounts-redesign .ta-matrix-summary small {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
}

body.accounts-redesign .ta-matrix-card {
  border-radius: 8px;
  box-shadow: 0 18px 44px rgba(6, 17, 15, .07);
}

body.accounts-redesign .ta-matrix-card table {
  min-width: 1040px;
  table-layout: fixed;
}

body.accounts-redesign .ta-matrix-card .ta-feature-col {
  width: 230px;
}

body.accounts-redesign .ta-matrix-card .ta-account-col {
  width: calc((100% - 230px) / 3);
}

body.accounts-redesign .ta-matrix-card th,
body.accounts-redesign .ta-matrix-card td {
  padding: 15px 18px;
  line-height: 1.55;
}

body.accounts-redesign .ta-matrix-card thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  color: #fff;
  background: linear-gradient(135deg, var(--navy), var(--blue));
}

body.accounts-redesign .ta-matrix-card thead th.ta-col-featured {
  color: var(--navy);
  background: linear-gradient(135deg, #71eb30, #a7ff72);
}

body.accounts-redesign .ta-matrix-card tbody th {
  position: sticky;
  left: 0;
  z-index: 1;
  width: 230px;
  background: #f5f8fc;
}

body.accounts-redesign .ta-matrix-card tbody .ta-col-featured {
  background: #f3fbff;
}

body.accounts-redesign .ta-raw {
  padding: 96px 0;
  background: #fff;
}

body.accounts-redesign .ta-raw-grid {
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  gap: 34px;
  align-items: stretch;
}

body.accounts-redesign .ta-raw-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 34px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fbfe;
}

body.accounts-redesign .ta-raw-copy p {
  line-height: 1.82;
}

body.accounts-redesign .ta-raw-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 22px 0 24px;
  padding: 0;
}

body.accounts-redesign .ta-raw-list span {
  position: relative;
  min-height: 54px;
  padding: 13px 14px 13px 34px;
  border: 1px solid #e4edf6;
  border-radius: 6px;
  background: #fff;
  color: #4d5b6b;
  font-size: 14px;
  line-height: 1.55;
}

body.accounts-redesign .ta-raw-list span::before {
  position: absolute;
  top: 18px;
  left: 15px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--cyan);
  content: "";
}

body.accounts-redesign .ta-raw-points {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 16px;
  height: 100%;
}

body.accounts-redesign .ta-raw-points article {
  display: block;
  min-height: 0;
  padding: 26px;
}

body.accounts-redesign .ta-raw-points span {
  margin-bottom: 24px;
}

body.accounts-redesign .ta-raw-points h3 {
  margin-bottom: 10px;
}

body.accounts-redesign .ta-specs {
  padding: 92px 0;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(246, 250, 253, .92)),
    url("../assets/mt5/web-trading-main_2x.jpg") center/cover;
}

body.accounts-redesign .ta-spec-grid {
  gap: 14px;
}

body.accounts-redesign .ta-spec-grid article {
  min-height: 118px;
  padding: 22px;
}

body.accounts-redesign .ta-compare {
  padding: 92px 0;
  background: #f6f8fb;
}

body.accounts-redesign .ta-compare-layout {
  grid-template-columns: 360px minmax(0, 1fr);
  gap: 22px;
}

body.accounts-redesign .ta-side-panel {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-height: 360px;
  border-radius: 8px;
}

body.accounts-redesign .ta-resource-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

body.accounts-redesign .ta-resource-grid a {
  display: grid;
  align-content: start;
  min-height: 124px;
  padding: 22px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(6, 17, 15, .05);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

body.accounts-redesign .ta-resource-grid a:hover {
  transform: translateY(-2px);
  border-color: rgba(0, 168, 234, .34);
  box-shadow: 0 16px 34px rgba(0, 168, 234, .1);
}

body.accounts-redesign .ta-resource-grid strong {
  color: var(--navy);
  font-size: 18px;
}

body.accounts-redesign .ta-resource-grid span {
  margin-top: 8px;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.7;
}

body.accounts-redesign .ta-resource-grid a:first-child {
  grid-row: span 2;
  min-height: 262px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(245, 251, 255, .96)),
    linear-gradient(135deg, rgba(0, 168, 234, .12), rgba(113, 235, 48, .1));
}

body.accounts-redesign .ta-final {
  padding: 76px 0;
  color: var(--ink);
  background:
    linear-gradient(180deg, #fff, #f6f8fb);
}

body.accounts-redesign .ta-final-inner {
  padding: 34px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 18px 44px rgba(6, 17, 15, .07);
}

body.accounts-redesign .ta-final span {
  color: var(--blue);
  background: rgba(0, 168, 234, .08);
  padding: 5px 12px;
  border-radius: 999px;
}

body.accounts-redesign .ta-final h2 {
  font-size: clamp(28px, 3vw, 42px);
}

body.accounts-redesign .ta-final p {
  color: var(--muted);
}

body.accounts-redesign .ta-final .btn.secondary {
  background: #f8fbfe;
}

.tm-hero {
  position: relative;
  overflow: hidden;
  padding: 94px 0 82px;
  color: #fff;
  background:
    radial-gradient(circle at 82% 20%, rgba(113, 235, 48, .22), transparent 26%),
    radial-gradient(circle at 12% 18%, rgba(0, 168, 234, .24), transparent 28%),
    linear-gradient(135deg, var(--navy-2), var(--navy));
}

.tm-hero::before {
  position: absolute;
  inset: 0;
  content: "";
  opacity: .32;
  background:
    linear-gradient(135deg, transparent 0 48%, rgba(255, 255, 255, .08) 48% 49%, transparent 49%),
    linear-gradient(45deg, transparent 0 48%, rgba(0, 168, 234, .12) 48% 49%, transparent 49%);
  background-size: 72px 72px;
}

.tm-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 430px;
  align-items: center;
  gap: 72px;
}

.tm-hero .eyebrow {
  color: #fff;
}

.tm-hero h1 {
  max-width: 900px;
  font-size: clamp(40px, 4.6vw, 68px);
}

.tm-hero p {
  max-width: 760px;
  color: rgba(255, 255, 255, .76);
  font-size: 17px;
}

.tm-market-board {
  padding: 34px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .07));
  box-shadow: 0 28px 70px rgba(0, 0, 0, .24);
}

.tm-market-board span,
.tm-focus-copy span,
.tm-final span {
  display: inline-flex;
  margin-bottom: 14px;
  color: var(--green);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.tm-market-board strong {
  display: block;
  margin-bottom: 12px;
  font-size: 74px;
  line-height: .9;
}

.tm-session-row {
  display: grid;
  gap: 10px;
  margin-top: 24px;
}

.tm-session-row b {
  display: block;
  padding: 13px 16px;
  border-radius: 7px;
  background: rgba(255, 255, 255, .1);
  font-size: 13px;
}

.tm-categories {
  background: #fff;
}

.tm-categories .section-title p {
  color: var(--muted);
}

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

.tm-category-grid article {
  display: flex;
  flex-direction: column;
  min-height: 310px;
  padding: 28px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: linear-gradient(180deg, #fff, #f8fbfe);
  box-shadow: 0 14px 32px rgba(6, 17, 15, .05);
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.tm-category-grid article:hover {
  transform: translateY(-4px);
  border-color: rgba(0, 168, 234, .4);
  box-shadow: 0 18px 38px rgba(0, 168, 234, .12);
}

.tm-category-grid img {
  width: 38px;
  height: 38px;
  margin-bottom: 20px;
  filter: invert(22%) sepia(93%) saturate(1738%) hue-rotate(207deg) brightness(84%) contrast(105%);
}

.tm-category-grid span {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 12px;
  padding: 5px 10px;
  border-radius: 999px;
  color: var(--blue);
  background: rgba(0, 168, 234, .09);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.tm-category-grid h3 {
  margin-bottom: 10px;
  color: var(--navy);
  font-size: 22px;
  line-height: 1.22;
}

.tm-category-grid p {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.72;
}

.tm-category-grid a {
  display: inline-flex;
  margin-top: auto;
  color: var(--blue);
  font-size: 13px;
  font-weight: 900;
}

.tm-focus {
  background: #f6f8fb;
}

.tm-focus-grid {
  display: grid;
  grid-template-columns: 430px minmax(0, 1fr);
  align-items: start;
  gap: 48px;
}

.tm-focus-copy {
  padding: 34px;
  border-radius: 8px;
  color: #fff;
  background:
    radial-gradient(circle at 92% 12%, rgba(113, 235, 48, .18), transparent 28%),
    linear-gradient(135deg, var(--navy), var(--blue));
  box-shadow: var(--shadow);
}

.tm-focus-copy h2 {
  font-size: 34px;
  line-height: 1.12;
}

.tm-focus-copy p {
  color: rgba(255, 255, 255, .76);
}

.tm-feature-list {
  display: grid;
  gap: 16px;
}

.tm-feature-list article {
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 4px 18px;
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 14px 30px rgba(6, 17, 15, .05);
}

.tm-feature-list strong {
  grid-row: span 2;
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 6px;
  color: #fff;
  background: var(--gradient);
}

.tm-feature-list h3 {
  margin-bottom: 4px;
  color: var(--navy);
  font-size: 20px;
}

.tm-feature-list p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
}

.tm-specs {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(255, 255, 255, .84)),
    url("../assets/mt5/metatrader-5-liquidity-providers.png") center/cover;
}

.tm-table-card {
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--shadow);
}

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

.tm-table-card th,
.tm-table-card td {
  padding: 18px 20px;
  border-bottom: 1px solid var(--line);
  text-align: left;
  vertical-align: top;
  font-size: 14px;
}

.tm-table-card th {
  color: var(--navy);
  background: #f2f7fc;
  font-weight: 900;
}

.tm-table-card td {
  color: #4d5b6b;
}

.tm-table-card tr:last-child td {
  border-bottom: 0;
}

.tm-final {
  padding: 70px 0;
  color: #fff;
  background:
    radial-gradient(circle at 8% 18%, rgba(0, 168, 234, .26), transparent 24%),
    linear-gradient(135deg, var(--navy-2), var(--navy));
}

.tm-final-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}

.tm-final h2,
.tm-final p {
  max-width: 720px;
}

.tm-final p {
  color: rgba(255, 255, 255, .76);
}

body.zh-markets .tm-hero {
  padding: 88px 0 76px;
  background:
    linear-gradient(135deg, rgba(4, 22, 61, .94), rgba(6, 37, 103, .9)),
    url("../assets/mt5/web-trading-professional_2x.jpg") center/cover;
}

body.zh-markets .tm-hero::before {
  opacity: .24;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .08) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255, 255, 255, .08) 1px, transparent 1px);
  background-size: 44px 44px;
}

body.zh-markets .tm-hero h1 {
  margin-bottom: 18px;
  font-size: clamp(46px, 4.6vw, 72px);
}

body.zh-markets .tm-hero p {
  line-height: 1.78;
}

body.zh-markets .tm-market-board {
  border-radius: 8px;
}

body.zh-markets .tm-market-board strong {
  color: var(--green);
}

.tm-subnav {
  position: sticky;
  top: 111px;
  z-index: 12;
  padding: 12px 0;
  border-bottom: 1px solid var(--line);
  background: rgba(255, 255, 255, .96);
  backdrop-filter: blur(12px);
}

.tm-subnav .container {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.tm-subnav a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #fff;
  color: var(--navy);
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
}

.tm-subnav a:hover {
  border-color: rgba(0, 168, 234, .34);
  color: var(--blue);
}

body.zh-markets .section-title p {
  color: var(--muted);
  line-height: 1.74;
}

body.zh-markets .tm-market-intro {
  padding: 82px 0;
  background: #fff;
}

.tm-intro-grid {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 38px;
  align-items: center;
}

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

.tm-intro-stats article {
  min-height: 132px;
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: linear-gradient(180deg, #fff, #f8fbfe);
  box-shadow: 0 12px 28px rgba(6, 17, 15, .05);
}

.tm-intro-stats strong,
.tm-intro-stats span {
  display: block;
}

.tm-intro-stats strong {
  color: var(--blue);
  font-size: 34px;
  line-height: 1;
}

.tm-intro-stats span {
  margin-top: 10px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 900;
}

.tm-market-detail {
  background: #f6f8fb;
}

.tm-product-stack {
  display: grid;
  gap: 16px;
}

.tm-product-card {
  scroll-margin-top: 140px;
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr) 190px;
  gap: 22px;
  align-items: start;
  padding: 28px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(6, 17, 15, .055);
}

.tm-product-card.featured {
  border-color: rgba(0, 168, 234, .34);
  box-shadow: 0 18px 38px rgba(0, 168, 234, .1);
}

.tm-product-icon {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(0, 168, 234, .12), rgba(113, 235, 48, .16));
}

.tm-product-icon img {
  width: 25px;
  height: 25px;
  filter: invert(22%) sepia(93%) saturate(1738%) hue-rotate(207deg) brightness(84%) contrast(105%);
}

.tm-product-card span,
.tm-raw-copy span,
.tm-mobile-copy span {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 10px;
  padding: 5px 10px;
  border-radius: 999px;
  color: var(--blue);
  background: rgba(0, 168, 234, .09);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.tm-product-card h3 {
  margin-bottom: 10px;
  color: var(--navy);
  font-size: 24px;
  line-height: 1.2;
}

.tm-product-card p,
.tm-product-card li {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.76;
}

.tm-product-card ul {
  display: grid;
  gap: 8px;
  margin: 14px 0 0;
  padding-left: 18px;
}

.tm-product-card aside {
  display: grid;
  align-content: center;
  min-height: 180px;
  padding: 22px;
  border-radius: 8px;
  background: #f4f9fd;
  text-align: center;
}

.tm-product-card aside strong {
  color: var(--blue);
  font-size: 40px;
  line-height: 1;
}

.tm-product-card aside small {
  margin: 8px 0 18px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
}

.tm-product-card aside a {
  display: inline-flex;
  justify-content: center;
  min-height: 38px;
  padding: 9px 12px;
  border-radius: 6px;
  color: #fff;
  background: var(--blue);
  font-size: 13px;
  font-weight: 900;
}

.tm-raw-section {
  background: #fff;
}

.tm-raw-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 430px;
  gap: 28px;
  align-items: stretch;
}

.tm-raw-copy {
  padding: 34px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fbfe;
}

.tm-raw-copy h2,
.tm-mobile-copy h2 {
  color: var(--navy);
  font-size: clamp(30px, 3vw, 44px);
  line-height: 1.12;
}

.tm-raw-copy p,
.tm-mobile-copy p,
.tm-mobile-copy li {
  color: var(--muted);
  line-height: 1.78;
}

.tm-link-cloud {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.tm-link-cloud a {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 14px;
  border: 1px solid #dfe8f2;
  border-radius: 999px;
  background: #fff;
  color: var(--navy);
  font-size: 13px;
  font-weight: 800;
}

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

.tm-raw-metrics article {
  display: grid;
  align-content: center;
  min-height: 150px;
  padding: 22px;
  border-radius: 8px;
  color: #fff;
  background:
    radial-gradient(circle at 86% 12%, rgba(113, 235, 48, .18), transparent 28%),
    linear-gradient(135deg, var(--navy), var(--blue));
}

.tm-raw-metrics strong {
  display: block;
  font-size: 30px;
  line-height: 1;
}

.tm-raw-metrics span {
  margin-top: 10px;
  color: rgba(255, 255, 255, .76);
  font-size: 13px;
  font-weight: 800;
}

.tm-platforms {
  background: #f6f8fb;
}

.tm-platform-grid,
.tm-mobile-grid {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 38px;
  align-items: center;
}

.tm-platform-visual,
.tm-mobile-card {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: var(--shadow);
}

.tm-platform-visual img {
  width: 100%;
  min-height: 340px;
  object-fit: cover;
}

.tm-steps {
  background: #fff;
}

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

.tm-step-grid article {
  min-height: 210px;
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: linear-gradient(180deg, #fff, #f8fbfe);
  box-shadow: 0 12px 28px rgba(6, 17, 15, .05);
}

.tm-step-grid span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  margin-bottom: 22px;
  border-radius: 6px;
  color: #fff;
  background: var(--gradient);
  font-weight: 900;
}

.tm-step-grid h3 {
  color: var(--navy);
  font-size: 20px;
}

.tm-step-grid p {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.72;
}

.tm-mobile {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(246, 250, 253, .92)),
    url("../assets/mt5/web-trading-main_2x.jpg") center/cover;
}

.tm-mobile-copy ul {
  display: grid;
  gap: 10px;
  margin: 18px 0 0;
  padding-left: 18px;
}

.tm-mobile-card {
  display: grid;
  place-items: center;
  min-height: 420px;
  padding: 30px;
}

.tm-mobile-card img {
  max-height: 380px;
  object-fit: contain;
}

.tm-risk-note {
  padding: 34px 0;
  background: #fff;
}

.tm-risk-inner {
  display: grid;
  grid-template-columns: 170px minmax(0, 1fr);
  gap: 22px;
  padding: 24px;
  border: 1px solid #dfe8f2;
  border-radius: 8px;
  background: #f8fbfe;
}

.tm-risk-inner strong {
  color: var(--navy);
  font-size: 18px;
}

.tm-risk-inner p {
  margin: 0;
  color: var(--muted);
  line-height: 1.74;
}

body.zh-markets .tm-final {
  background:
    radial-gradient(circle at 8% 18%, rgba(0, 168, 234, .22), transparent 24%),
    linear-gradient(135deg, var(--navy-2), var(--navy));
}

.pricing-hero,
.platform-hero {
  position: relative;
  overflow: hidden;
  padding: 94px 0 82px;
  color: #fff;
  background:
    radial-gradient(circle at 82% 18%, rgba(113, 235, 48, .22), transparent 26%),
    radial-gradient(circle at 12% 18%, rgba(0, 168, 234, .24), transparent 28%),
    linear-gradient(135deg, var(--navy-2), var(--navy));
}

.platform-hero.ctrader-theme {
  background:
    radial-gradient(circle at 82% 18%, rgba(0, 168, 234, .28), transparent 26%),
    radial-gradient(circle at 14% 16%, rgba(113, 235, 48, .16), transparent 28%),
    linear-gradient(135deg, #031a4b, var(--blue));
}

.pricing-hero::before,
.platform-hero::before {
  position: absolute;
  inset: 0;
  content: "";
  opacity: .34;
  background:
    linear-gradient(135deg, transparent 0 48%, rgba(255, 255, 255, .08) 48% 49%, transparent 49%),
    linear-gradient(45deg, transparent 0 48%, rgba(0, 168, 234, .12) 48% 49%, transparent 49%);
  background-size: 72px 72px;
}

.pricing-hero-grid,
.platform-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 430px;
  align-items: center;
  gap: 72px;
}

.pricing-hero .eyebrow,
.platform-hero .eyebrow {
  color: #fff;
}

.pricing-hero h1,
.platform-hero h1 {
  max-width: 900px;
  font-size: clamp(40px, 4.6vw, 68px);
}

.pricing-hero p,
.platform-hero p {
  max-width: 760px;
  color: rgba(255, 255, 255, .76);
  font-size: 17px;
}

.pricing-snapshot,
.platform-device-card {
  position: relative;
  overflow: hidden;
  padding: 32px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .07));
  box-shadow: 0 28px 70px rgba(0, 0, 0, .24);
}

.pricing-snapshot span,
.pricing-side span,
.pricing-final span,
.platform-download-layout span,
.platform-final span {
  display: inline-flex;
  margin-bottom: 14px;
  color: var(--green);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.pricing-snapshot strong {
  display: block;
  margin-bottom: 12px;
  font-size: 76px;
  line-height: .9;
}

.platform-device-card {
  padding: 18px;
}

.platform-device-card img {
  width: 100%;
  aspect-ratio: 4 / 3;
  border-radius: 8px;
  object-fit: cover;
}

.platform-device-card div {
  position: absolute;
  right: 22px;
  bottom: 22px;
  min-width: 138px;
  padding: 18px;
  border-radius: 8px;
  color: #fff;
  background: var(--gradient);
  box-shadow: 0 18px 40px rgba(0, 168, 234, .28);
}

.platform-device-card strong,
.platform-device-card span {
  display: block;
}

.platform-device-card strong {
  font-size: 38px;
  line-height: 1;
}

.platform-device-card span {
  font-size: 12px;
  font-weight: 900;
}

.pricing-panels,
.platform-features {
  background: #fff;
}

.pricing-panels .section-title p,
.platform-features .section-title p {
  color: var(--muted);
}

.pricing-card-grid,
.platform-feature-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}

.pricing-card-grid article,
.platform-feature-grid article {
  min-height: 260px;
  padding: 26px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: linear-gradient(180deg, #fff, #f8fbfe);
  box-shadow: 0 14px 32px rgba(6, 17, 15, .05);
}

.pricing-card-grid img,
.platform-feature-grid img {
  width: 38px;
  height: 38px;
  margin-bottom: 18px;
  filter: invert(22%) sepia(93%) saturate(1738%) hue-rotate(207deg) brightness(84%) contrast(105%);
}

.pricing-card-grid h3,
.platform-feature-grid h3 {
  color: var(--navy);
  font-size: 21px;
}

.pricing-card-grid p,
.platform-feature-grid p {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.72;
}

.pricing-table-section,
.platform-downloads {
  background: #f6f8fb;
}

.pricing-layout,
.platform-download-layout {
  display: grid;
  grid-template-columns: 360px minmax(0, 1fr);
  gap: 28px;
  align-items: stretch;
}

.pricing-side,
.platform-download-layout > div:first-child {
  padding: 34px;
  border-radius: 8px;
  color: #fff;
  background:
    radial-gradient(circle at 92% 12%, rgba(113, 235, 48, .18), transparent 28%),
    linear-gradient(135deg, var(--navy), var(--blue));
  box-shadow: var(--shadow);
}

.pricing-side h2,
.platform-download-layout h2 {
  font-size: 34px;
  line-height: 1.12;
}

.pricing-side p,
.platform-download-layout p {
  color: rgba(255, 255, 255, .76);
}

.pricing-table-card {
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--shadow);
}

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

.pricing-table-card th,
.pricing-table-card td {
  padding: 18px 20px;
  border-bottom: 1px solid var(--line);
  text-align: left;
  vertical-align: top;
  font-size: 14px;
}

.pricing-table-card th {
  color: var(--navy);
  background: #f2f7fc;
  font-weight: 900;
}

.pricing-table-card td {
  color: #4d5b6b;
}

.pricing-compare,
.platform-steps {
  background:
    radial-gradient(circle at 88% 12%, rgba(0, 168, 234, .1), transparent 24%),
    linear-gradient(135deg, #fff, #f6f9fc);
}

.pricing-compare-grid,
.platform-proof-grid,
.platform-step-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.platform-proof {
  padding: 62px 0;
  background: #fff;
}

.platform-proof-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.pricing-compare-grid article,
.platform-proof-grid article,
.platform-step-grid article {
  padding: 26px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 14px 30px rgba(6, 17, 15, .05);
}

.pricing-compare-grid span,
.pricing-compare-grid strong,
.platform-proof-grid strong,
.platform-proof-grid span,
.platform-step-grid span {
  display: block;
}

.pricing-compare-grid span {
  color: var(--navy);
  font-weight: 900;
}

.pricing-compare-grid strong,
.platform-proof-grid strong {
  margin: 10px 0;
  color: var(--blue);
  font-size: 38px;
  line-height: 1;
}

.pricing-compare-grid p,
.platform-proof-grid span,
.platform-step-grid p {
  color: var(--muted);
  font-size: 14px;
}

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

.download-grid a {
  display: grid;
  place-items: center;
  min-height: 92px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  color: var(--blue);
  font-weight: 900;
  box-shadow: 0 14px 30px rgba(6, 17, 15, .05);
}

.platform-step-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.platform-step-grid.six {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.platform-step-grid span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  margin-bottom: 18px;
  border-radius: 6px;
  color: #fff;
  background: var(--gradient);
  font-weight: 900;
}

.platform-step-grid h3 {
  color: var(--navy);
  font-size: 21px;
}

.pricing-final,
.platform-final {
  padding: 70px 0;
  color: #fff;
  background:
    radial-gradient(circle at 8% 18%, rgba(0, 168, 234, .26), transparent 24%),
    linear-gradient(135deg, var(--navy-2), var(--navy));
}

.pricing-final-inner,
.platform-final-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}

.pricing-final h2,
.pricing-final p,
.platform-final h2,
.platform-final p {
  max-width: 720px;
}

.pricing-final p,
.platform-final p {
  color: rgba(255, 255, 255, .76);
}

body.zh-terms .pricing-hero {
  padding: 88px 0 76px;
  background:
    linear-gradient(135deg, rgba(4, 22, 61, .94), rgba(6, 37, 103, .9)),
    url("../assets/mt5/ill-cost_2x.jpg") center/cover;
}

body.zh-terms .pricing-hero::before {
  opacity: .24;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .08) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255, 255, 255, .08) 1px, transparent 1px);
  background-size: 44px 44px;
}

body.zh-terms .pricing-hero h1 {
  margin-bottom: 16px;
  font-size: clamp(46px, 4.6vw, 72px);
}

body.zh-terms .pricing-hero p {
  line-height: 1.78;
}

body.zh-terms .pricing-snapshot {
  border-radius: 8px;
}

body.zh-terms .pricing-snapshot strong {
  color: var(--green);
}

.terms-subnav {
  position: sticky;
  top: 111px;
  z-index: 12;
  padding: 12px 0;
  border-bottom: 1px solid var(--line);
  background: rgba(255, 255, 255, .96);
  backdrop-filter: blur(12px);
}

.terms-subnav .container {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.terms-subnav a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #fff;
  color: var(--navy);
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
}

.terms-subnav a:hover {
  border-color: rgba(0, 168, 234, .34);
  color: var(--blue);
}

body.zh-terms .section-title p {
  color: var(--muted);
  line-height: 1.74;
}

.terms-overview,
.terms-section {
  background: #fff;
}

.terms-section.alt {
  background: #f6f8fb;
}

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

.terms-card-grid a {
  display: grid;
  align-content: start;
  min-height: 220px;
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: linear-gradient(180deg, #fff, #f8fbfe);
  box-shadow: 0 14px 32px rgba(6, 17, 15, .05);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.terms-card-grid a:hover {
  transform: translateY(-3px);
  border-color: rgba(0, 168, 234, .34);
  box-shadow: 0 18px 38px rgba(0, 168, 234, .11);
}

.terms-card-grid img {
  width: 38px;
  height: 38px;
  margin-bottom: 18px;
  filter: invert(22%) sepia(93%) saturate(1738%) hue-rotate(207deg) brightness(84%) contrast(105%);
}

.terms-card-grid strong {
  color: var(--navy);
  font-size: 20px;
}

.terms-card-grid span {
  margin-top: 9px;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.7;
}

.terms-two-col,
.terms-table-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 380px;
  gap: 28px;
  align-items: stretch;
}

.terms-copy,
.terms-side-panel {
  border-radius: 8px;
}

.terms-copy {
  padding: 34px;
  border: 1px solid var(--line);
  background: #fff;
  box-shadow: 0 14px 34px rgba(6, 17, 15, .055);
}

.terms-copy > span,
.terms-side-panel > span,
.terms-commission-grid span {
  display: inline-flex;
  margin-bottom: 14px;
  padding: 5px 10px;
  border-radius: 999px;
  color: var(--blue);
  background: rgba(0, 168, 234, .09);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.terms-copy h2 {
  color: var(--navy);
  font-size: clamp(30px, 3vw, 44px);
  line-height: 1.12;
}

.terms-copy p,
.terms-copy li,
.terms-side-panel li,
.terms-side-panel p {
  color: var(--muted);
  line-height: 1.76;
}

.terms-note-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 24px;
}

.terms-note-grid article {
  min-height: 116px;
  padding: 18px;
  border: 1px solid #e4edf6;
  border-radius: 8px;
  background: #f8fbfe;
}

.terms-note-grid strong,
.terms-note-grid span {
  display: block;
}

.terms-note-grid strong {
  color: var(--navy);
}

.terms-note-grid span {
  margin-top: 6px;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.65;
}

.terms-side-panel {
  padding: 32px;
  color: #fff;
  background:
    radial-gradient(circle at 92% 12%, rgba(113, 235, 48, .18), transparent 28%),
    linear-gradient(135deg, var(--navy), var(--blue));
  box-shadow: var(--shadow);
}

.terms-side-panel.light {
  color: var(--ink);
  background: #fff;
  border: 1px solid var(--line);
}

.terms-side-panel h3 {
  margin-bottom: 14px;
  font-size: 28px;
  line-height: 1.16;
}

.terms-side-panel:not(.light) > span {
  color: var(--green);
  background: transparent;
  padding: 0;
}

.terms-side-panel:not(.light) li,
.terms-side-panel:not(.light) p {
  color: rgba(255, 255, 255, .78);
}

.terms-side-panel ul {
  display: grid;
  gap: 10px;
  margin: 0;
  padding-left: 18px;
}

.terms-table-layout {
  grid-template-columns: 330px minmax(0, 1fr);
}

.terms-commission-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 20px;
}

.terms-commission-grid article {
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(6, 17, 15, .05);
}

.terms-commission-grid strong {
  display: block;
  margin-bottom: 10px;
  color: var(--blue);
  font-size: 36px;
  line-height: 1;
}

.terms-commission-grid p {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.7;
}

.terms-footnote {
  max-width: 900px;
  margin: 22px auto 0;
  color: var(--muted);
  text-align: center;
  font-size: 14px;
  line-height: 1.72;
}

.terms-check-list {
  margin-top: 22px;
  padding: 22px;
  border: 1px solid #e4edf6;
  border-radius: 8px;
  background: #f8fbfe;
}

.terms-check-list p {
  margin-bottom: 12px;
  color: var(--navy);
  font-weight: 900;
}

.terms-check-list ul {
  display: grid;
  gap: 9px;
  margin: 0;
  padding-left: 18px;
}

.terms-risk {
  padding: 34px 0;
  background: #fff;
}

.terms-risk-inner {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 22px;
  padding: 24px;
  border: 1px solid #dfe8f2;
  border-radius: 8px;
  background: #f8fbfe;
}

.terms-risk-inner strong {
  color: var(--navy);
  font-size: 18px;
}

.terms-risk-inner p {
  margin: 0;
  color: var(--muted);
  line-height: 1.74;
}

body.zh-terms .pricing-final {
  background:
    radial-gradient(circle at 8% 18%, rgba(0, 168, 234, .22), transparent 24%),
    linear-gradient(135deg, var(--navy-2), var(--navy));
}

.mt5-intro,
.mt5-about {
  background: #fff;
}

.mt5-intro-grid,
.mt5-detail-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 420px;
  gap: 34px;
  align-items: start;
}

.mt5-intro-copy span,
.mt5-detail-nav span {
  display: inline-flex;
  margin-bottom: 12px;
  padding: 5px 12px;
  border-radius: 999px;
  color: var(--blue);
  background: rgba(0, 168, 234, .08);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.mt5-intro-copy h2,
.mt5-detail-nav h2 {
  max-width: 760px;
  color: var(--navy);
  font-size: clamp(32px, 3vw, 46px);
  line-height: 1.12;
}

.mt5-intro-copy p,
.mt5-spec-panel li,
.mt5-detail-nav p,
.mt5-detail-list p,
.mt5-advantage-grid p,
.mt5-automation p {
  color: var(--muted);
}

.mt5-spec-panel,
.mt5-detail-nav {
  padding: 34px;
  border-radius: 10px;
  color: #fff;
  background:
    radial-gradient(circle at 88% 14%, rgba(113, 235, 48, .16), transparent 28%),
    linear-gradient(135deg, var(--navy), var(--blue));
  box-shadow: var(--shadow);
}

.mt5-spec-panel h3,
.mt5-detail-nav h2 {
  color: #fff;
}

.mt5-spec-panel ul {
  display: grid;
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.mt5-spec-panel li,
.mt5-detail-nav p {
  color: rgba(255, 255, 255, .76);
}

.mt5-spec-panel strong {
  color: #fff;
}

.mt5-difference,
.mt5-detail-blocks {
  background: #f6f8fb;
}

.mt5-difference .section-title p,
.mt5-about .section-title p {
  color: var(--muted);
}

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

.mt5-advantage-grid article,
.mt5-detail-list article,
.mt5-automation > div {
  padding: 28px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: #fff;
  box-shadow: 0 14px 32px rgba(6, 17, 15, .05);
}

.mt5-advantage-grid img {
  width: 40px;
  height: 40px;
  margin-bottom: 18px;
  filter: invert(22%) sepia(93%) saturate(1738%) hue-rotate(207deg) brightness(84%) contrast(105%);
}

.mt5-advantage-grid h3,
.mt5-detail-list h3,
.mt5-automation h3 {
  color: var(--navy);
  font-size: 21px;
}

.mt5-detail-layout {
  grid-template-columns: 370px minmax(0, 1fr);
}

.mt5-detail-nav {
  position: sticky;
  top: 128px;
}

.mt5-detail-list {
  display: grid;
  gap: 16px;
}

.mt5-detail-list article {
  min-height: 164px;
}

.mt5-feature-strip {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 28px;
}

.mt5-feature-strip article {
  min-height: 128px;
  padding: 22px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: linear-gradient(180deg, #fff, #f8fbfe);
  box-shadow: 0 12px 28px rgba(6, 17, 15, .05);
}

.mt5-feature-strip strong,
.mt5-feature-strip span {
  display: block;
}

.mt5-feature-strip strong {
  margin-bottom: 10px;
  color: var(--blue);
  font-size: 15px;
}

.mt5-feature-strip span {
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
}

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

:is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-hero-redesign {
  padding: 86px 0 0;
  color: var(--ink);
  background:
    linear-gradient(118deg, #f6fbff 0%, #fff 46%, rgba(0, 168, 234, .08) 46% 100%);
}

:is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-hero-redesign::before {
  opacity: .7;
  background:
    linear-gradient(90deg, rgba(0, 65, 159, .06) 1px, transparent 1px),
    linear-gradient(180deg, rgba(0, 65, 159, .05) 1px, transparent 1px);
  background-size: 46px 46px;
}

:is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-hero-redesign::after {
  position: absolute;
  right: 0;
  top: 0;
  width: 42%;
  height: 100%;
  content: "";
  background:
    linear-gradient(135deg, rgba(4, 22, 61, .96), rgba(0, 65, 159, .88)),
    url("../assets/mt5/web-trading-main_2x.jpg") center/cover;
  clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
}

:is(body.zh-mt5-redesign, body.mt5-page-redesign) .platform-hero-grid {
  width: min(1540px, calc(100% - 48px));
  grid-template-columns: minmax(0, .88fr) minmax(520px, 1.12fr);
  gap: 64px;
  padding-bottom: 52px;
}

:is(body.zh-mt5-redesign, body.mt5-page-redesign) .platform-hero .eyebrow {
  color: var(--blue);
}

:is(body.zh-mt5-redesign, body.mt5-page-redesign) .platform-hero .eyebrow img {
  filter: invert(22%) sepia(93%) saturate(1738%) hue-rotate(207deg) brightness(84%) contrast(105%);
}

:is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-hero-copy h1 {
  max-width: 780px;
  margin-bottom: 18px;
  color: var(--navy);
  font-size: clamp(42px, 4.5vw, 70px);
  line-height: 1.05;
}

:is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-hero-copy p {
  max-width: 740px;
  color: #4f5f70;
  line-height: 1.78;
}

.mt5-hero-visual {
  position: relative;
  min-height: 468px;
}

.mt5-terminal-card {
  position: absolute;
  right: 0;
  top: 0;
  width: 88%;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .42);
  border-radius: 16px;
  background: #071323;
  box-shadow: 0 30px 82px rgba(4, 22, 61, .32);
}

.mt5-window-bar {
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  padding: 0 14px;
  background: #0c1e32;
}

.mt5-window-bar span {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #71eb30;
}

.mt5-window-bar span:nth-child(2) {
  background: #00a8ea;
}

.mt5-window-bar span:nth-child(3) {
  background: #ffffff;
}

.mt5-window-bar strong {
  margin-left: 8px;
  color: rgba(255, 255, 255, .72);
  font-size: 12px;
  font-weight: 900;
}

.mt5-terminal-card img {
  width: 100%;
  height: 315px;
  object-fit: cover;
  object-position: left top;
}

.mt5-device-stage {
  position: absolute;
  left: 0;
  bottom: 18px;
  width: 64%;
  padding: 20px;
  border: 1px solid rgba(0, 65, 159, .12);
  border-radius: 14px;
  background: rgba(255, 255,255, .2);
  box-shadow: 0 24px 58px rgba(4, 22, 61, .14);
}

.mt5-device-stage img {
  width: 100%;
}

.mt5-quote-ticket {
  position: absolute;
  right: 34px;
  bottom: 58px;
  width: 204px;
  padding: 20px;
  border-radius: 12px;
  color: #fff;
  background: linear-gradient(135deg, var(--blue), var(--cyan));
  box-shadow: 0 22px 48px rgba(0, 65, 159, .28);
}

.mt5-quote-ticket span,
.mt5-quote-ticket strong,
.mt5-quote-ticket small {
  display: block;
}

.mt5-quote-ticket span {
  margin-bottom: 6px;
  color: var(--green);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.mt5-quote-ticket strong {
  font-size: 30px;
  line-height: 1;
}

.mt5-quote-ticket small {
  margin-top: 10px;
  color: rgba(255, 255, 255, .82);
  font-size: 13px;
  line-height: 1.5;
}

.mt5-hero-dock {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 330px minmax(0, 1fr);
  gap: 26px;
  align-items: center;
  padding: 24px 28px;
  border: 1px solid #dfe8f2;
  border-radius: 14px 14px 0 0;
  background: #fff;
  box-shadow: 0 -8px 36px rgba(4, 22, 61, .08);
}

.mt5-hero-dock > div span {
  display: inline-flex;
  margin-bottom: 8px;
  color: var(--blue);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.mt5-hero-dock > div strong {
  display: block;
  color: var(--navy);
  font-size: 17px;
  line-height: 1.5;
}

.mt5-hero-dock ul {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.mt5-hero-dock li {
  min-height: 86px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: linear-gradient(180deg, #fff, #f7fbff);
}

.mt5-hero-dock b,
.mt5-hero-dock li span {
  display: block;
}

.mt5-hero-dock b {
  margin-bottom: 8px;
  color: var(--blue);
  font-size: 28px;
  line-height: 1;
}

.mt5-hero-dock li span {
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
}

:is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-proof-redesign {
  display: none;
}

:is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-proof-redesign .platform-proof-grid {
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
  box-shadow: var(--shadow);
}

:is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-proof-redesign article {
  border: 0;
  border-right: 1px solid var(--line);
  border-radius: 0;
  box-shadow: none;
}

:is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-proof-redesign article:last-child {
  border-right: 0;
}

:is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-intro {
  padding-top: 82px;
}

:is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-intro-grid {
  grid-template-columns: minmax(0, 1fr) 390px;
  align-items: stretch;
}

:is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-intro-copy {
  min-width: 0;
}

.mt5-intro-image {
  margin-top: 30px;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #f7fafd;
  box-shadow: 0 18px 44px rgba(6, 17, 15, .06);
}

.mt5-intro-image img {
  width: 100%;
}

:is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-spec-panel {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100%;
  border-radius: 12px;
}

:is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-spec-panel .btn {
  margin-top: 28px;
}

:is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-difference {
  background:
    radial-gradient(circle at 12% 16%, rgba(0, 168, 234, .09), transparent 24%),
    linear-gradient(180deg, #f6f8fb, #eef4f9);
}

:is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-advantage-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
}

:is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-advantage-grid article {
  min-height: 236px;
  border-radius: 12px;
}

:is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-advantage-grid article.featured {
  color: #fff;
  background:
    radial-gradient(circle at 92% 12%, rgba(113, 235, 48, .2), transparent 25%),
    linear-gradient(135deg, var(--navy), var(--blue));
}

:is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-advantage-grid article.featured h3,
:is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-advantage-grid article.featured p {
  color: #fff;
}

:is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-advantage-grid article.featured p {
  color: rgba(255, 255, 255, .78);
}

:is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-advantage-grid article.featured img {
  filter: brightness(0) invert(1);
}

:is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-detail-blocks {
  background: #fff;
}

:is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-detail-layout {
  grid-template-columns: 430px minmax(0, 1fr);
  gap: 28px;
}

:is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-detail-nav {
  overflow: hidden;
  border-radius: 14px;
  background:
    radial-gradient(circle at 88% 14%, rgba(113, 235, 48, .18), transparent 28%),
    linear-gradient(135deg, #04163d, #00419f);
}

:is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-detail-nav img {
  width: calc(100% + 34px);
  max-width: none;
  margin: 26px -17px -18px;
  border-radius: 10px;
  box-shadow: 0 20px 48px rgba(0, 0, 0, .18);
}

:is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-detail-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

:is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-detail-list article {
  position: relative;
  min-height: 238px;
  padding-top: 58px;
  border-radius: 12px;
}

:is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-detail-list article span {
  position: absolute;
  left: 28px;
  top: 24px;
  color: var(--cyan);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0;
}

:is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-about {
  background:
    linear-gradient(180deg, #f8fbfe, #fff);
}

.mt5-showcase {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);
  gap: 24px;
  align-items: stretch;
  margin-bottom: 24px;
}

.mt5-showcase-media {
  display: grid;
  align-items: center;
  padding: 22px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
  box-shadow: var(--shadow);
}

.mt5-showcase-media img {
  width: 100%;
  border-radius: 8px;
}

:is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-feature-strip {
  grid-template-columns: 1fr;
  gap: 12px;
  margin-bottom: 0;
}

:is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-feature-strip article {
  min-height: 0;
  padding: 19px 20px;
}

:is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-automation > div {
  border-radius: 12px;
}

:is(body.zh-mt5-redesign, body.mt5-page-redesign) .platform-downloads {
  background:
    radial-gradient(circle at 8% 18%, rgba(0, 168, 234, .08), transparent 24%),
    #f6f8fb;
}

:is(body.zh-mt5-redesign, body.mt5-page-redesign) .platform-download-layout {
  grid-template-columns: 390px minmax(0, 1fr);
}

:is(body.zh-mt5-redesign, body.mt5-page-redesign) .download-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

:is(body.zh-mt5-redesign, body.mt5-page-redesign) .download-grid a {
  align-content: center;
  min-height: 132px;
  text-align: center;
}

:is(body.zh-mt5-redesign, body.mt5-page-redesign) .download-grid strong,
:is(body.zh-mt5-redesign, body.mt5-page-redesign) .download-grid span {
  display: block;
}

:is(body.zh-mt5-redesign, body.mt5-page-redesign) .download-grid strong {
  color: var(--blue);
  font-size: 18px;
}

:is(body.zh-mt5-redesign, body.mt5-page-redesign) .download-grid span {
  margin-top: 8px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
  text-transform: none;
}

:is(body.zh-mt5-redesign, body.mt5-page-redesign) .platform-final {
  color: var(--ink);
  background:
    linear-gradient(90deg, #fff 0%, #f4faff 56%, rgba(113, 235, 48, .12) 100%);
  border-top: 1px solid #dfe8f2;
}

:is(body.zh-mt5-redesign, body.mt5-page-redesign) .platform-final-inner {
  padding: 34px;
  border: 1px solid #dfe8f2;
  border-left: 6px solid var(--green);
  border-radius: 14px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(246, 251, 255, .96)),
    url("../assets/mt5/mt5-web-terminal_2x.jpg") right center/auto 120% no-repeat;
  box-shadow: 0 18px 44px rgba(6, 17, 15, .08);
}

:is(body.zh-mt5-redesign, body.mt5-page-redesign) .platform-final h2 {
  color: var(--navy);
}

:is(body.zh-mt5-redesign, body.mt5-page-redesign) .platform-final p {
  color: var(--muted);
}

:is(body.zh-mt5-redesign, body.mt5-page-redesign) .platform-final span {
  color: var(--blue);
}

.webtrader-hero {
  position: relative;
  overflow: hidden;
  padding: 86px 0 0;
  background:
    linear-gradient(120deg, #f5fbff 0%, #fff 48%, rgba(0, 168, 234, .08) 48% 100%);
}

.webtrader-hero::before {
  position: absolute;
  inset: 0;
  content: "";
  opacity: .65;
  background:
    linear-gradient(90deg, rgba(0, 65, 159, .06) 1px, transparent 1px),
    linear-gradient(180deg, rgba(0, 65, 159, .05) 1px, transparent 1px);
  background-size: 46px 46px;
}

.webtrader-hero::after {
  position: absolute;
  right: 0;
  top: 0;
  width: 40%;
  height: 100%;
  content: "";
  background:
    linear-gradient(135deg, rgba(4, 22, 61, .95), rgba(0, 65, 159, .88)),
    url("../assets/mt5/web-trading-main_2x.jpg") center/cover;
  clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
}

.webtrader-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(540px, 1.12fr);
  gap: 68px;
  align-items: center;
  width: min(1540px, calc(100% - 48px));
  padding-bottom: 52px;
}

.webtrader-hero .eyebrow {
  color: var(--blue);
}

.webtrader-hero .eyebrow img {
  filter: invert(22%) sepia(93%) saturate(1738%) hue-rotate(207deg) brightness(84%) contrast(105%);
}

.webtrader-hero h1 {
  max-width: 740px;
  margin-bottom: 18px;
  color: var(--navy);
  font-size: clamp(46px, 4.7vw, 76px);
  line-height: 1.02;
}

.webtrader-hero p {
  max-width: 740px;
  color: #4f5f70;
  font-size: 17px;
  line-height: 1.78;
}

.webtrader-screen {
  position: relative;
  min-height: 470px;
}

.webtrader-window {
  position: absolute;
  right: 0;
  top: 0;
  width: 92%;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .42);
  border-radius: 16px;
  background: #071323;
  box-shadow: 0 30px 82px rgba(4, 22, 61, .32);
}

.webtrader-window-bar {
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  padding: 0 14px;
  background: #0c1e32;
}

.webtrader-window-bar span {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--green);
}

.webtrader-window-bar span:nth-child(2) {
  background: var(--cyan);
}

.webtrader-window-bar span:nth-child(3) {
  background: #fff;
}

.webtrader-window-bar strong {
  margin-left: 8px;
  color: rgba(255, 255, 255, .72);
  font-size: 12px;
  font-weight: 900;
}

.webtrader-window img {
  width: 100%;
  height: 340px;
  object-fit: cover;
  object-position: left top;
}

.webtrader-ticket {
  position: absolute;
  left: 0;
  bottom: 42px;
  width: 248px;
  padding: 22px;
  border-radius: 12px;
  color: #fff;
  background: linear-gradient(135deg, var(--blue), var(--cyan));
  box-shadow: 0 22px 48px rgba(0, 65, 159, .28);
}

.webtrader-ticket span,
.webtrader-ticket strong,
.webtrader-ticket small {
  display: block;
}

.webtrader-ticket span {
  margin-bottom: 8px;
  color: var(--green);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.webtrader-ticket strong {
  font-size: 32px;
  line-height: 1;
}

.webtrader-ticket small {
  margin-top: 10px;
  color: rgba(255, 255, 255, .82);
  font-size: 13px;
  line-height: 1.5;
}

.webtrader-strip {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  padding: 20px 24px;
  border: 1px solid #dfe8f2;
  border-radius: 14px 14px 0 0;
  background: #fff;
  box-shadow: 0 -8px 36px rgba(4, 22, 61, .08);
}

.webtrader-strip span {
  display: grid;
  place-items: center;
  min-height: 58px;
  border: 1px solid var(--line);
  border-radius: 10px;
  color: var(--blue);
  background: linear-gradient(180deg, #fff, #f7fbff);
  font-size: 14px;
  font-weight: 900;
}

.section-kicker {
  display: inline-flex;
  margin-bottom: 12px;
  padding: 5px 12px;
  border-radius: 999px;
  color: var(--blue);
  background: rgba(0, 168, 234, .08);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.webtrader-intro,
.webtrader-feature-showcase {
  background: #fff;
}

.webtrader-intro-grid,
.webtrader-feature-layout,
.webtrader-band-grid,
.webtrader-access-grid {
  display: grid;
  gap: 34px;
  align-items: start;
}

.webtrader-intro-grid {
  grid-template-columns: minmax(0, 1fr) 390px;
}

.webtrader-intro h2,
.webtrader-feature-copy h2,
.webtrader-band-grid h2,
.webtrader-access-grid h2 {
  max-width: 760px;
  color: var(--navy);
  font-size: clamp(32px, 3vw, 46px);
  line-height: 1.12;
}

.webtrader-intro p,
.webtrader-feature-copy p,
.webtrader-band-grid p,
.webtrader-access-grid p,
.webtrader-benefit-grid p,
.webtrader-check-list p,
.webtrader-step-grid p {
  color: var(--muted);
  line-height: 1.72;
}

.webtrader-spec-card {
  padding: 34px;
  border-radius: 12px;
  color: #fff;
  background:
    radial-gradient(circle at 88% 14%, rgba(113, 235, 48, .18), transparent 28%),
    linear-gradient(135deg, var(--navy), var(--blue));
  box-shadow: var(--shadow);
}

.webtrader-spec-card h3 {
  color: #fff;
  font-size: 24px;
}

.webtrader-spec-card ul {
  display: grid;
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.webtrader-spec-card li {
  color: rgba(255, 255, 255, .78);
}

.webtrader-spec-card strong {
  color: #fff;
}

.webtrader-why,
.webtrader-access {
  background:
    radial-gradient(circle at 12% 16%, rgba(0, 168, 234, .09), transparent 24%),
    linear-gradient(180deg, #f6f8fb, #eef4f9);
}

.webtrader-why .section-title p {
  color: var(--muted);
}

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

.webtrader-benefit-grid article,
.webtrader-check-list article,
.webtrader-step-grid article {
  padding: 28px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 14px 32px rgba(6, 17, 15, .05);
}

.webtrader-benefit-grid img {
  width: 40px;
  height: 40px;
  margin-bottom: 18px;
  filter: invert(22%) sepia(93%) saturate(1738%) hue-rotate(207deg) brightness(84%) contrast(105%);
}

.webtrader-benefit-grid h3,
.webtrader-check-list strong,
.webtrader-step-grid h3 {
  color: var(--navy);
  font-size: 21px;
}

.webtrader-feature-layout {
  grid-template-columns: minmax(0, 1.08fr) minmax(390px, .92fr);
  align-items: center;
}

.webtrader-feature-media {
  padding: 22px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #f7fafd;
  box-shadow: var(--shadow);
}

.webtrader-feature-media img {
  width: 100%;
  border-radius: 8px;
}

.webtrader-mini-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 28px;
}

.webtrader-mini-grid span {
  padding: 16px 18px;
  border: 1px solid var(--line);
  border-radius: 10px;
  color: var(--blue);
  background: #fff;
  font-weight: 900;
  box-shadow: 0 10px 24px rgba(6, 17, 15, .04);
}

.webtrader-advantage-band {
  background: #fff;
}

.webtrader-band-grid {
  grid-template-columns: 380px minmax(0, 1fr);
}

.webtrader-band-grid > div:first-child {
  position: sticky;
  top: 128px;
  padding: 34px;
  border-radius: 14px;
  color: #fff;
  background:
    radial-gradient(circle at 88% 14%, rgba(113, 235, 48, .18), transparent 28%),
    linear-gradient(135deg, #04163d, #00419f);
  box-shadow: var(--shadow);
}

.webtrader-band-grid > div:first-child h2 {
  color: #fff;
}

.webtrader-band-grid > div:first-child p {
  color: rgba(255, 255, 255, .78);
}

.webtrader-check-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

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

.webtrader-step-grid span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  margin-bottom: 18px;
  border-radius: 6px;
  color: #fff;
  background: var(--gradient);
  font-weight: 900;
}

.webtrader-final {
  padding: 70px 0;
  color: var(--ink);
  background:
    linear-gradient(90deg, #fff 0%, #f4faff 56%, rgba(113, 235, 48, .12) 100%);
  border-top: 1px solid #dfe8f2;
}

.webtrader-final-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  padding: 34px;
  border: 1px solid #dfe8f2;
  border-left: 6px solid var(--green);
  border-radius: 14px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(246, 251, 255, .96)),
    url("../assets/mt5/webterminal-specification.png") right center/auto 118% no-repeat;
  box-shadow: 0 18px 44px rgba(6, 17, 15, .08);
}

.webtrader-final span {
  display: inline-flex;
  margin-bottom: 14px;
  color: var(--blue);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.webtrader-final h2,
.webtrader-final p {
  max-width: 720px;
}

.webtrader-final h2 {
  color: var(--navy);
}

.webtrader-final p {
  color: var(--muted);
}

.mobile-mt-hero {
  position: relative;
  overflow: hidden;
  padding: 86px 0;
  color: #fff;
  background:
    linear-gradient(115deg, rgba(4, 22, 61, .96), rgba(0, 65, 159, .86)),
    url("../assets/mt5/metatrader-5-iphone-ipad_2x.jpg") center/cover;
}

.mobile-mt-hero::before {
  position: absolute;
  inset: 0;
  content: "";
  opacity: .2;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .12) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255, 255, 255, .1) 1px, transparent 1px);
  background-size: 46px 46px;
}

.mobile-mt-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(420px, .95fr);
  gap: 68px;
  align-items: center;
  width: min(1460px, calc(100% - 48px));
}

.mobile-mt-hero h1 {
  max-width: 720px;
  font-size: clamp(46px, 4.7vw, 76px);
  line-height: 1.02;
}

.mobile-mt-hero p {
  max-width: 760px;
  color: rgba(255, 255, 255, .8);
  font-size: 17px;
  line-height: 1.78;
}

.mobile-mt-device {
  position: relative;
}

.mobile-mt-device img {
  width: 100%;
  aspect-ratio: 1 / .9;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 18px;
  object-fit: cover;
  box-shadow: 0 30px 82px rgba(0, 0, 0, .3);
}

.mobile-mt-device div {
  position: absolute;
  left: -28px;
  bottom: 28px;
  width: 230px;
  padding: 22px;
  border-radius: 12px;
  color: #fff;
  background: linear-gradient(135deg, var(--blue), var(--cyan));
  box-shadow: 0 22px 48px rgba(0, 65, 159, .3);
}

.mobile-mt-device span,
.mobile-mt-device strong,
.mobile-mt-device small {
  display: block;
}

.mobile-mt-device span {
  margin-bottom: 8px;
  color: var(--green);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.mobile-mt-device strong {
  font-size: 30px;
  line-height: 1;
}

.mobile-mt-device small {
  margin-top: 10px;
  color: rgba(255, 255, 255, .82);
  line-height: 1.5;
}

.mobile-mt-platforms,
.mobile-mt-advantages {
  background: #fff;
}

.mobile-mt-platform-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.mobile-mt-platform-grid article {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fff;
  box-shadow: var(--shadow);
}

.mobile-mt-platform-grid img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background: #f7fafd;
}

.mobile-mt-platform-grid article > div {
  padding: 30px;
}

.mobile-mt-platform-grid h2,
.mobile-mt-advantage-layout h2,
.mobile-mt-download-grid h2 {
  color: var(--navy);
  font-size: clamp(30px, 2.7vw, 42px);
  line-height: 1.12;
}

.mobile-mt-platform-grid p,
.mobile-mt-platform-grid li,
.mobile-mt-why .section-title p,
.mobile-mt-feature-grid p,
.mobile-mt-advantage-layout p,
.mobile-mt-download-grid p,
.mobile-mt-step-grid p {
  color: var(--muted);
  line-height: 1.72;
}

.mobile-mt-platform-grid ul {
  display: grid;
  gap: 10px;
  margin: 20px 0 0;
  padding-left: 18px;
}

.mobile-mt-why,
.mobile-mt-download {
  background:
    radial-gradient(circle at 12% 16%, rgba(0, 168, 234, .09), transparent 24%),
    linear-gradient(180deg, #f6f8fb, #eef4f9);
}

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

.mobile-mt-feature-grid article,
.mobile-mt-step-grid article {
  padding: 26px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 14px 32px rgba(6, 17, 15, .05);
}

.mobile-mt-feature-grid strong {
  display: block;
  margin-bottom: 10px;
  color: var(--navy);
  font-size: 20px;
}

.mobile-mt-advantage-layout,
.mobile-mt-download-grid {
  display: grid;
  grid-template-columns: 390px minmax(0, 1fr);
  gap: 34px;
  align-items: start;
}

.mobile-mt-advantage-layout > div:first-child {
  padding: 34px;
  border-radius: 14px;
  color: #fff;
  background:
    radial-gradient(circle at 88% 14%, rgba(113, 235, 48, .18), transparent 28%),
    linear-gradient(135deg, #04163d, #00419f);
  box-shadow: var(--shadow);
}

.mobile-mt-advantage-layout > div:first-child h2 {
  color: #fff;
}

.mobile-mt-advantage-layout > div:first-child p {
  color: rgba(255, 255, 255, .78);
}

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

.mobile-mt-checks span {
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 10px;
  color: var(--blue);
  background: #fff;
  font-weight: 900;
  box-shadow: 0 12px 28px rgba(6, 17, 15, .05);
}

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

.mobile-mt-step-grid span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  margin-bottom: 18px;
  border-radius: 6px;
  color: #fff;
  background: var(--gradient);
  font-weight: 900;
}

.mobile-mt-step-grid h3 {
  color: var(--navy);
  font-size: 21px;
}

.mobile-mt-final {
  padding: 70px 0;
  color: var(--ink);
  background:
    linear-gradient(90deg, #fff 0%, #f4faff 56%, rgba(113, 235, 48, .12) 100%);
  border-top: 1px solid #dfe8f2;
}

.mobile-mt-final-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  padding: 34px;
  border: 1px solid #dfe8f2;
  border-left: 6px solid var(--green);
  border-radius: 14px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(246, 251, 255, .96)),
    url("../assets/mt5/mobile.png") right center/auto 118% no-repeat;
  box-shadow: 0 18px 44px rgba(6, 17, 15, .08);
}

.mobile-mt-final span {
  display: inline-flex;
  margin-bottom: 14px;
  color: var(--blue);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.mobile-mt-final h2,
.mobile-mt-final p {
  max-width: 720px;
}

.mobile-mt-final h2 {
  color: var(--navy);
}

.mobile-mt-final p {
  color: var(--muted);
}

.directory-hero {
  position: relative;
  overflow: hidden;
  padding: 86px 0 74px;
  color: #fff;
  background:
    radial-gradient(circle at 82% 18%, rgba(113, 235, 48, .22), transparent 26%),
    radial-gradient(circle at 12% 18%, rgba(0, 168, 234, .24), transparent 28%),
    linear-gradient(135deg, var(--navy-2), var(--navy));
}

.directory-hero::before {
  position: absolute;
  inset: 0;
  content: "";
  opacity: .32;
  background:
    linear-gradient(135deg, transparent 0 48%, rgba(255, 255, 255, .08) 48% 49%, transparent 49%),
    linear-gradient(45deg, transparent 0 48%, rgba(0, 168, 234, .12) 48% 49%, transparent 49%);
  background-size: 72px 72px;
}

.directory-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 390px;
  align-items: center;
  gap: 62px;
}

.directory-hero .eyebrow {
  color: #fff;
}

.directory-hero h1 {
  max-width: 860px;
  font-size: clamp(40px, 4.5vw, 66px);
}

.directory-hero p {
  max-width: 760px;
  color: rgba(255, 255, 255, .76);
  font-size: 17px;
}

.directory-status-card {
  padding: 32px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .07));
  box-shadow: 0 28px 70px rgba(0, 0, 0, .24);
}

.directory-status-card span,
.directory-toolbar span {
  display: inline-flex;
  margin-bottom: 14px;
  color: var(--green);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.directory-status-card strong {
  display: block;
  margin-bottom: 12px;
  font-size: 76px;
  line-height: .9;
}

.directory-list-section {
  background: #f6f8fb;
}

.directory-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 28px;
}

.directory-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  flex-wrap: wrap;
}

.directory-toolbar h2 {
  margin: 0;
  color: var(--navy);
  font-size: clamp(30px, 3vw, 44px);
}

.member-directory-toolbar {
  margin-top: 48px;
}

.page-directory-table {
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #fff;
  box-shadow: var(--shadow);
}

.page-directory-table table {
  width: 100%;
  min-width: 900px;
  border-collapse: collapse;
}

.page-directory-table th,
.page-directory-table td {
  padding: 16px 18px;
  border-bottom: 1px solid var(--line);
  text-align: left;
  vertical-align: middle;
  font-size: 14px;
}

.page-directory-table th {
  color: var(--navy);
  background: #f2f7fc;
  font-weight: 900;
}

.page-directory-table td {
  color: #4d5b6b;
}

.page-directory-table tr:last-child td {
  border-bottom: 0;
}

.page-directory-table tr.is-complete {
  background: linear-gradient(90deg, rgba(113, 235, 48, .08), transparent 42%);
}

.page-directory-table a {
  color: var(--blue);
  font-weight: 900;
}

.directory-hot-name {
  color: #dc2626;
  font-weight: 1000;
}

.directory-funding-name {
  color: #0077b6;
  font-weight: 1000;
}

.directory-funding-alt-name {
  color: #ea580c;
  font-weight: 1000;
}

.user-shell {
  background: #f6f8fb;
}

.user-app {
  min-height: 100vh;
  color: var(--ink);
  background:
    linear-gradient(180deg, #f5f9ff 0, #f6f8fb 340px),
    #f6f8fb;
}

.user-topbar {
  position: sticky;
  top: 0;
  z-index: 20;
  border-bottom: 1px solid var(--line);
  background: rgba(255, 255, 255, .96);
  backdrop-filter: blur(14px);
}

.user-topbar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 72px;
}

.user-topbar .brand img {
  width: 142px;
}

.user-topbar-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.user-layout {
  display: grid;
  grid-template-columns: 270px minmax(0, 1fr);
  gap: 26px;
  padding: 32px 0 74px;
}

.user-sidebar {
  position: sticky;
  top: 96px;
  align-self: start;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(6, 17, 15, .06);
}

.user-profile {
  padding: 22px;
  color: #fff;
  background:
    radial-gradient(circle at 88% 12%, rgba(113, 235, 48, .26), transparent 28%),
    linear-gradient(135deg, var(--navy), var(--blue));
}

.user-profile span,
.user-page-kicker,
.user-card small,
.user-mini-table th {
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.user-profile h2 {
  margin: 8px 0 4px;
  font-size: 22px;
}

.user-profile p {
  margin: 0;
  color: rgba(255, 255, 255, .76);
  font-size: 13px;
}

.user-menu {
  display: grid;
  gap: 4px;
  padding: 12px;
}

.user-menu a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 42px;
  padding: 10px 12px;
  border-radius: 6px;
  color: #405064;
  font-size: 14px;
  font-weight: 800;
}

.user-menu a:hover,
.user-menu a.active {
  color: var(--blue);
  background: #f2f7fc;
}

.user-main {
  display: grid;
  gap: 22px;
}

.user-hero-panel,
.user-card,
.user-page-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(6, 17, 15, .06);
}

.user-hero-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 22px;
  align-items: center;
  padding: 32px;
}

.user-page-kicker {
  display: inline-flex;
  margin-bottom: 12px;
  padding: 5px 12px;
  border-radius: 999px;
  color: var(--blue);
  background: rgba(0, 168, 234, .08);
}

.user-hero-panel h1,
.user-page-card h1 {
  max-width: 780px;
  margin-bottom: 12px;
  color: var(--navy);
  font-size: clamp(32px, 3.6vw, 52px);
  line-height: 1.08;
}

.user-hero-panel p,
.user-page-card p {
  color: var(--muted);
  line-height: 1.76;
}

.user-stat-grid,
.user-card-grid,
.user-page-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.user-card {
  padding: 20px;
}

.user-card strong {
  display: block;
  margin: 8px 0 4px;
  color: var(--blue);
  font-size: 28px;
  line-height: 1;
}

.user-card span {
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
}

.user-card-grid,
.user-page-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.user-page-grid a,
.user-page-card {
  display: grid;
  align-content: start;
  min-height: 150px;
  padding: 22px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(6, 17, 15, .05);
}

.user-page-grid a:hover {
  transform: translateY(-2px);
  border-color: rgba(0, 168, 234, .36);
  box-shadow: 0 16px 34px rgba(0, 168, 234, .1);
}

.user-page-grid strong,
.user-page-card h2 {
  color: var(--navy);
  font-size: 20px;
}

.user-page-grid code {
  width: fit-content;
  margin: 10px 0;
  padding: 4px 8px;
  border-radius: 5px;
  background: #eef4fa;
  color: var(--blue);
  font-size: 12px;
  font-weight: 900;
}

.user-page-grid span {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.65;
}

.user-mini-table {
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.user-mini-table table {
  width: 100%;
  min-width: 680px;
  border-collapse: collapse;
}

.user-mini-table th,
.user-mini-table td {
  padding: 14px 16px;
  border-bottom: 1px solid var(--line);
  text-align: left;
  color: #4d5b6b;
  font-size: 14px;
}

.user-mini-table th {
  color: var(--navy);
  background: #f2f7fc;
}

.user-mini-table tr:last-child td {
  border-bottom: 0;
}

.status {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
}

.status.done {
  color: #125d0c;
  background: rgba(113, 235, 48, .18);
}

.status.planned {
  color: #64707d;
  background: #eef2f6;
}

.platform-hero.tv-theme {
  background:
    radial-gradient(circle at 82% 18%, rgba(113, 235, 48, .22), transparent 26%),
    radial-gradient(circle at 14% 16%, rgba(0, 168, 234, .28), transparent 28%),
    linear-gradient(135deg, #07172f, #0b3a7a);
}

.tv-platform-page .platform-hero-grid {
  grid-template-columns: minmax(0, 1fr) 470px;
}

.tv-platform-page .platform-hero-grid > * {
  min-width: 0;
}

.tv-hero-redesign h1 {
  max-width: 760px;
}

.tv-terminal-visual {
  position: relative;
  width: 100%;
  min-width: 0;
  min-height: 390px;
  padding: 20px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 10px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, .06)),
    rgba(7, 17, 47, .78);
  box-shadow: 0 28px 70px rgba(0, 0, 0, .24);
}

.tv-window-bar {
  display: flex;
  gap: 8px;
  margin-bottom: 20px;
}

.tv-window-bar span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .36);
}

.tv-window-bar span:first-child {
  background: #71eb30;
}

.tv-chart-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
  color: #fff;
}

.tv-chart-head strong {
  font-size: 20px;
}

.tv-chart-head em {
  padding: 8px 10px;
  border-radius: 6px;
  color: var(--green);
  background: rgba(113, 235, 48, .12);
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
}

.tv-chart-grid {
  position: relative;
  display: flex;
  align-items: flex-end;
  min-height: 244px;
  gap: 18px;
  overflow: hidden;
  padding: 44px 26px 28px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 8px;
  background:
    linear-gradient(rgba(255, 255, 255, .08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .08) 1px, transparent 1px),
    rgba(3, 14, 38, .82);
  background-size: 100% 48px, 58px 100%, auto;
}

.tv-chart-grid i {
  position: absolute;
  right: 20px;
  left: 20px;
  height: 1px;
  background: rgba(255, 255, 255, .08);
}

.tv-chart-grid i:nth-child(1) {
  top: 28%;
}

.tv-chart-grid i:nth-child(2) {
  top: 48%;
}

.tv-chart-grid i:nth-child(3) {
  top: 68%;
}

.tv-chart-grid i:nth-child(4) {
  top: 84%;
}

.tv-candle {
  position: relative;
  z-index: 1;
  width: 28px;
  height: 98px;
  border-radius: 4px;
  background: #71eb30;
  box-shadow: 0 0 22px rgba(113, 235, 48, .22);
}

.tv-candle::before {
  position: absolute;
  top: -26px;
  bottom: -30px;
  left: 50%;
  width: 2px;
  content: "";
  background: currentColor;
  transform: translateX(-50%);
}

.tv-candle.is-down {
  height: 74px;
  color: #ff6b6b;
  background: #ff6b6b;
  box-shadow: 0 0 22px rgba(255, 107, 107, .18);
}

.tv-candle.is-up {
  color: #71eb30;
}

.tv-candle.tall {
  height: 132px;
}

.tv-order-ticket {
  position: absolute;
  right: 34px;
  bottom: 34px;
  min-width: 150px;
  padding: 16px;
  border-radius: 8px;
  color: #fff;
  background: var(--gradient);
  box-shadow: 0 18px 40px rgba(0, 168, 234, .28);
}

.tv-order-ticket span,
.tv-order-ticket strong {
  display: block;
}

.tv-order-ticket span {
  margin-bottom: 6px;
  font-size: 12px;
  font-weight: 900;
  opacity: .82;
}

.tv-order-ticket strong {
  font-size: 24px;
  line-height: 1.1;
}

.tv-proof-showcase {
  padding: 82px 0;
  background:
    radial-gradient(circle at 82% 16%, rgba(0, 168, 234, .1), transparent 26%),
    linear-gradient(180deg, #fff, #f7fafd);
}

.tv-proof-layout {
  display: grid;
  grid-template-columns: 390px minmax(0, 1fr);
  align-items: stretch;
  gap: 28px;
}

.tv-proof-copy {
  display: flex;
  flex-direction: column;
  padding: 34px;
  border-radius: 8px;
  color: #fff;
  background:
    radial-gradient(circle at 88% 12%, rgba(113, 235, 48, .22), transparent 28%),
    linear-gradient(135deg, #04163d, #00419f);
  box-shadow: var(--shadow);
}

.tv-proof-copy > span {
  display: inline-flex;
  margin-bottom: 16px;
  color: var(--green);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.tv-proof-copy h2 {
  max-width: 330px;
  color: #fff;
  font-size: 34px;
  line-height: 1.14;
}

.tv-proof-copy p {
  color: rgba(255, 255, 255, .76);
  font-size: 15px;
  line-height: 1.76;
}

.tv-proof-tags {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 24px;
}

.tv-proof-tags span {
  padding: 12px 14px;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 6px;
  background: rgba(255, 255, 255, .08);
  color: #fff;
  font-size: 13px;
  font-weight: 800;
}

.tv-proof-flow {
  margin-top: auto;
  padding-top: 30px;
}

.tv-proof-flow strong {
  display: block;
  margin-bottom: 14px;
  color: var(--green);
  font-size: 13px;
}

.tv-proof-flow ol {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: tv-flow;
}

.tv-proof-flow li {
  position: relative;
  min-height: 72px;
  padding: 13px 10px 10px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 6px;
  background: rgba(255, 255, 255, .07);
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
  counter-increment: tv-flow;
}

.tv-proof-flow li::before {
  display: block;
  margin-bottom: 8px;
  color: var(--green);
  content: "0" counter(tv-flow);
  font-size: 12px;
  font-weight: 900;
}

.tv-proof-board {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  gap: 18px;
}

.tv-proof-card {
  position: relative;
  overflow: hidden;
  padding: 26px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 14px 32px rgba(6, 17, 15, .05);
}

.tv-proof-card::after {
  position: absolute;
  right: -36px;
  bottom: -48px;
  width: 128px;
  height: 128px;
  border-radius: 50%;
  content: "";
  background: rgba(0, 168, 234, .08);
}

.tv-proof-card small {
  display: block;
  margin-bottom: 12px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 900;
}

.tv-proof-card strong {
  display: block;
  margin-bottom: 12px;
  color: var(--blue);
  font-size: 48px;
  line-height: 1;
}

.tv-proof-card p {
  position: relative;
  z-index: 1;
  max-width: 360px;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.7;
}

.tv-proof-card-large {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  color: #fff;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .02)),
    linear-gradient(135deg, #07172f, #0b3a7a);
}

.tv-proof-card-large::after {
  right: -54px;
  bottom: -64px;
  width: 190px;
  height: 190px;
  background: rgba(113, 235, 48, .12);
}

.tv-proof-card-large small,
.tv-proof-card-large p {
  color: rgba(255, 255, 255, .74);
}

.tv-proof-card-large strong {
  color: var(--green);
  font-size: 82px;
}

.tv-community-panel {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 10px;
  margin-top: 28px;
}

.tv-community-panel div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 7px;
  background: rgba(255, 255, 255, .06);
}

.tv-community-panel span {
  color: #fff;
  font-size: 13px;
  font-weight: 900;
}

.tv-community-panel em {
  color: rgba(255, 255, 255, .68);
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}

.tv-community-stats {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: auto;
  padding-top: 28px;
}

.tv-community-stats span {
  padding: 13px;
  border-radius: 7px;
  background: rgba(3, 14, 38, .42);
}

.tv-community-stats strong,
.tv-community-stats small {
  display: block;
}

.tv-community-stats strong {
  margin-bottom: 5px;
  color: #fff;
  font-size: 18px;
  line-height: 1.1;
}

.tv-community-stats small {
  color: rgba(255, 255, 255, .64);
  font-size: 12px;
  line-height: 1.4;
}

.tv-proof-stack {
  display: grid;
  grid-template-rows: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.tv-proof-stack .tv-proof-card {
  min-height: 0;
}

.tv-proof-pulse {
  position: absolute;
  right: 30px;
  bottom: 28px;
  display: flex;
  align-items: end;
  gap: 8px;
  height: 94px;
}

.tv-proof-pulse span {
  display: block;
  width: 18px;
  border-radius: 999px 999px 4px 4px;
  background: linear-gradient(180deg, var(--green), var(--cyan));
}

.tv-proof-pulse span:nth-child(1) {
  height: 46px;
  opacity: .7;
}

.tv-proof-pulse span:nth-child(2) {
  height: 76px;
}

.tv-proof-pulse span:nth-child(3) {
  height: 58px;
  opacity: .86;
}

.tv-capability-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tv-capability-grid article {
  min-height: 238px;
}

.tv-trade-band,
.tv-device-section,
.tv-connect-section {
  scroll-margin-top: 90px;
}

.tools-hero,
.company-hero {
  position: relative;
  overflow: hidden;
  padding: 92px 0 80px;
  color: #fff;
  background:
    radial-gradient(circle at 82% 18%, rgba(113, 235, 48, .2), transparent 26%),
    radial-gradient(circle at 12% 18%, rgba(0, 168, 234, .24), transparent 28%),
    linear-gradient(135deg, var(--navy-2), var(--navy));
}

.company-hero {
  background:
    radial-gradient(circle at 82% 18%, rgba(0, 168, 234, .22), transparent 26%),
    radial-gradient(circle at 12% 18%, rgba(113, 235, 48, .16), transparent 28%),
    linear-gradient(135deg, #06172f, var(--navy));
}

.tools-hero::before,
.company-hero::before {
  position: absolute;
  inset: 0;
  content: "";
  opacity: .32;
  background:
    linear-gradient(135deg, transparent 0 48%, rgba(255, 255, 255, .08) 48% 49%, transparent 49%),
    linear-gradient(45deg, transparent 0 48%, rgba(0, 168, 234, .12) 48% 49%, transparent 49%);
  background-size: 72px 72px;
}

.tools-command-hero {
  position: relative;
  overflow: hidden;
  padding: 94px 0 86px;
  color: #fff;
  background:
    radial-gradient(circle at 78% 16%, rgba(113, 235, 48, .18), transparent 28%),
    radial-gradient(circle at 12% 18%, rgba(0, 168, 234, .24), transparent 30%),
    linear-gradient(135deg, #06172f, #062567);
}

.tools-command-hero::before {
  position: absolute;
  inset: 0;
  content: "";
  opacity: .32;
  background:
    linear-gradient(135deg, transparent 0 48%, rgba(255, 255, 255, .08) 48% 49%, transparent 49%),
    linear-gradient(45deg, transparent 0 48%, rgba(0, 168, 234, .12) 48% 49%, transparent 49%);
  background-size: 72px 72px;
}

.tools-command-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 520px;
  align-items: center;
  gap: 70px;
}

.tools-command-copy .eyebrow {
  color: #fff;
}

.tools-command-copy h1 {
  max-width: 850px;
  color: #fff;
  font-size: clamp(44px, 4.6vw, 70px);
}

.tools-command-copy p {
  max-width: 720px;
  color: rgba(255, 255, 255, .78);
  font-size: 17px;
  line-height: 1.72;
}

.tools-command-panel {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  min-height: 410px;
  padding: 24px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 10px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .06)),
    rgba(4, 22, 61, .8);
  box-shadow: 0 28px 70px rgba(0, 0, 0, .24);
}

.tools-panel-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 20px;
}

.tools-panel-top span {
  color: var(--green);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.tools-panel-top strong {
  color: #fff;
  font-size: 16px;
}

.tools-signal-board {
  display: grid;
  gap: 12px;
}

.tools-signal-board div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 64px;
  padding: 15px 16px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 8px;
  background: rgba(255, 255, 255, .06);
}

.tools-signal-board small {
  color: rgba(255, 255, 255, .68);
  font-size: 12px;
  font-weight: 800;
}

.tools-signal-board strong {
  color: #fff;
  font-size: 20px;
}

.tools-route-visual {
  position: relative;
  flex: 1;
  margin-top: 14px;
  height: 150px;
  min-height: 150px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 8px;
  background:
    linear-gradient(90deg, transparent 0 24%, rgba(113, 235, 48, .32) 24% 25%, transparent 25% 49%, rgba(0, 168, 234, .34) 49% 50%, transparent 50% 74%, rgba(113, 235, 48, .32) 74% 75%, transparent 75%),
    rgba(3, 14, 38, .72);
}

.tools-route-visual .node {
  position: absolute;
  display: grid;
  place-items: center;
  width: 92px;
  height: 44px;
  border-radius: 7px;
  color: #fff;
  background: linear-gradient(135deg, #00419f, #00a8ea);
  font-size: 12px;
  font-weight: 900;
  box-shadow: 0 18px 36px rgba(0, 168, 234, .18);
}

.tools-route-visual .client {
  left: 18px;
  top: 78px;
}

.tools-route-visual .vps {
  left: 128px;
  top: 28px;
  background: linear-gradient(135deg, #00419f, #71eb30);
}

.tools-route-visual .server {
  right: 128px;
  top: 28px;
}

.tools-route-visual .market {
  right: 18px;
  top: 78px;
  background: linear-gradient(135deg, #07172f, #00a8ea);
}

.tools-map-section {
  padding: 86px 0;
  background: #fff;
}

.tools-map-layout {
  display: grid;
  grid-template-columns: 360px minmax(0, 1fr);
  gap: 28px;
}

.tools-map-intro {
  padding: 34px;
  border-radius: 8px;
  color: #fff;
  background:
    radial-gradient(circle at 88% 12%, rgba(113, 235, 48, .2), transparent 28%),
    linear-gradient(135deg, var(--navy-2), var(--blue));
  box-shadow: var(--shadow);
}

.tools-map-intro span,
.tools-network-card span,
.tools-section-heading span,
.tools-workflow-panel > div span {
  display: inline-flex;
  margin-bottom: 14px;
  color: var(--green);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.tools-map-intro h2,
.tools-network-card h2,
.tools-workflow-panel h2 {
  color: #fff;
  font-size: 34px;
  line-height: 1.12;
}

.tools-map-intro p,
.tools-network-card p {
  color: rgba(255, 255, 255, .76);
  line-height: 1.74;
}

.tools-map-rows {
  display: grid;
  gap: 14px;
}

.tools-map-rows article {
  display: grid;
  grid-template-columns: 44px 170px minmax(0, 1fr) 130px;
  align-items: center;
  gap: 18px;
  min-height: 116px;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: linear-gradient(180deg, #fff, #f8fbfe);
  box-shadow: 0 14px 32px rgba(6, 17, 15, .05);
}

.tools-map-rows img,
.tools-infra-detail img,
.tools-advanced-board img {
  width: 34px;
  height: 34px;
  filter: invert(22%) sepia(93%) saturate(1738%) hue-rotate(207deg) brightness(84%) contrast(105%);
}

.tools-map-rows strong {
  color: var(--navy);
  font-size: 20px;
}

.tools-map-rows span {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.7;
}

.tools-map-rows a {
  display: inline-flex;
  justify-content: center;
  padding: 12px 14px;
  border-radius: 6px;
  color: #fff;
  background: var(--blue);
  font-size: 13px;
  font-weight: 900;
}

.tools-infra-section {
  padding: 96px 0;
  background:
    radial-gradient(circle at 80% 18%, rgba(0, 168, 234, .1), transparent 24%),
    linear-gradient(180deg, #f6f8fb, #fff);
}

.tools-infra-grid {
  display: grid;
  grid-template-columns: 430px minmax(0, 1fr);
  gap: 28px;
}

.tools-network-card {
  padding: 34px;
  border-radius: 8px;
  color: #fff;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .02)),
    linear-gradient(135deg, #07172f, #0b3a7a);
  box-shadow: var(--shadow);
}

.tools-network-line {
  display: grid;
  grid-template-columns: 1fr 60px 1fr;
  align-items: center;
  gap: 14px;
  margin-top: 34px;
}

.tools-network-line div {
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 8px;
  background: rgba(255, 255, 255, .07);
}

.tools-network-line strong,
.tools-network-line small {
  display: block;
}

.tools-network-line strong {
  color: var(--green);
  font-size: 34px;
  line-height: 1;
}

.tools-network-line small {
  margin-top: 8px;
  color: rgba(255, 255, 255, .72);
  font-size: 12px;
}

.tools-network-line i {
  height: 2px;
  background: linear-gradient(90deg, var(--green), var(--cyan));
}

.tools-infra-detail {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.tools-infra-detail article {
  padding: 26px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 14px 32px rgba(6, 17, 15, .05);
}

.tools-infra-detail h3,
.tools-advanced-board h3 {
  color: var(--navy);
  font-size: 21px;
}

.tools-infra-detail p,
.tools-advanced-board p {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.72;
}

.tools-advanced-section {
  padding: 96px 0;
  background: #fff;
}

.tools-section-heading {
  display: grid;
  grid-template-columns: 420px minmax(0, 1fr);
  align-items: end;
  gap: 40px;
  margin-bottom: 36px;
}

.tools-section-heading span {
  color: var(--blue);
}

.tools-section-heading h2 {
  color: var(--navy);
  font-size: 40px;
  line-height: 1.12;
}

.tools-section-heading p {
  color: var(--muted);
  line-height: 1.74;
}

.tools-advanced-board {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 14px;
  align-items: stretch;
}

.tools-advanced-board article {
  min-height: 270px;
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: linear-gradient(180deg, #fff, #f8fbfe);
  box-shadow: 0 14px 32px rgba(6, 17, 15, .05);
}

.tools-advanced-board article:nth-child(1),
.tools-advanced-board article:nth-child(4) {
  grid-column: span 2;
}

.tools-advanced-board article:nth-child(2),
.tools-advanced-board article:nth-child(3),
.tools-advanced-board article:nth-child(5),
.tools-advanced-board article:nth-child(6) {
  grid-column: span 2;
}

.tools-workflow-section {
  padding: 84px 0;
  background: #f6f8fb;
}

.tools-workflow-panel {
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr);
  gap: 28px;
  padding: 34px;
  border-radius: 8px;
  color: #fff;
  background:
    radial-gradient(circle at 92% 10%, rgba(113, 235, 48, .18), transparent 26%),
    linear-gradient(135deg, var(--navy-2), var(--navy));
  box-shadow: var(--shadow);
}

.tools-workflow-panel ol {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: tools-step;
}

.tools-workflow-panel li {
  min-height: 150px;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 8px;
  background: rgba(255, 255, 255, .07);
  counter-increment: tools-step;
}

.tools-workflow-panel li::before {
  display: block;
  margin-bottom: 16px;
  color: var(--green);
  content: "0" counter(tools-step);
  font-size: 13px;
  font-weight: 900;
}

.tools-workflow-panel li strong,
.tools-workflow-panel li span {
  display: block;
}

.tools-workflow-panel li strong {
  margin-bottom: 10px;
  color: #fff;
  font-size: 18px;
}

.tools-workflow-panel li span {
  color: rgba(255, 255, 255, .7);
  font-size: 13px;
  line-height: 1.6;
}

.tools-redesign-final {
  background:
    radial-gradient(circle at 8% 18%, rgba(0, 168, 234, .26), transparent 24%),
    linear-gradient(135deg, var(--navy-2), var(--navy));
}

.company-profile-hero {
  position: relative;
  overflow: hidden;
  padding: 86px 0 82px;
  color: #fff;
  background:
    radial-gradient(circle at 84% 16%, rgba(0, 168, 234, .22), transparent 28%),
    radial-gradient(circle at 10% 18%, rgba(113, 235, 48, .16), transparent 30%),
    linear-gradient(135deg, #06172f, var(--navy));
}

.company-profile-hero::before {
  position: absolute;
  inset: 0;
  content: "";
  opacity: .3;
  background:
    linear-gradient(135deg, transparent 0 48%, rgba(255, 255, 255, .08) 48% 49%, transparent 49%),
    linear-gradient(45deg, transparent 0 48%, rgba(0, 168, 234, .12) 48% 49%, transparent 49%);
  background-size: 72px 72px;
}

.company-profile-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  align-items: center;
  gap: 58px;
}

.company-profile-copy .eyebrow {
  color: #fff;
}

.company-profile-copy h1 {
  max-width: 820px;
  color: #fff;
  font-size: 66px;
}

.company-profile-copy p {
  max-width: 680px;
  color: rgba(255, 255, 255, .78);
  font-size: 18px;
  line-height: 1.72;
}

.company-profile-mark {
  min-height: 220px;
  padding: 32px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 10px;
  background:
    radial-gradient(circle at 90% 12%, rgba(113, 235, 48, .18), transparent 28%),
    linear-gradient(180deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .06));
  box-shadow: 0 28px 70px rgba(0, 0, 0, .22);
}

.company-profile-mark span {
  display: block;
  margin-bottom: 44px;
  color: var(--green);
  font-size: 54px;
  font-weight: 900;
  line-height: 1;
}

.company-profile-mark strong {
  display: block;
  color: #fff;
  font-size: 24px;
  line-height: 1.35;
}

.company-about-section {
  padding: 78px 0 56px;
  background: #fff;
}

.company-about-layout {
  display: grid;
  grid-template-columns: minmax(0, 800px) 340px;
  gap: 74px;
  align-items: start;
}

.company-about-content {
  color: #141b24;
}

.company-about-content .lead {
  color: #101820;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.55;
}

.company-about-content h2 {
  margin: 34px 0 12px;
  color: #050b16;
  font-size: 26px;
  line-height: 1.22;
}

.company-about-content p {
  max-width: 780px;
  color: #222b36;
  font-size: 17px;
  line-height: 1.74;
}

.company-core-list {
  display: grid;
  gap: 14px;
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
}

.company-core-list li {
  position: relative;
  padding-left: 30px;
  color: #111827;
  font-size: 16px;
}

.company-core-list li::before {
  position: absolute;
  left: 0;
  top: 4px;
  display: grid;
  place-items: center;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  color: #06172f;
  background: var(--green);
  content: "✓";
  font-size: 12px;
  font-weight: 900;
}

.company-about-side {
  position: sticky;
  top: 126px;
  display: grid;
  gap: 26px;
  padding-top: 4px;
}

.company-side-values {
  position: relative;
  padding: 30px 30px 28px;
  border: 1px solid #dfe6ee;
  border-top: 5px solid var(--blue);
  border-radius: 2px;
  background:
    linear-gradient(180deg, #fff, #f8fafc);
}

.company-side-values::after {
  position: absolute;
  right: 28px;
  top: 28px;
  width: 36px;
  height: 36px;
  border-top: 2px solid rgba(0, 86, 179, .22);
  border-right: 2px solid rgba(0, 86, 179, .22);
  content: "";
}

.company-side-values > span {
  display: block;
  margin-bottom: 10px;
  color: var(--blue);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.company-side-values h3,
.company-side-links h3 {
  margin: 0;
  color: var(--navy);
  font-size: 24px;
  line-height: 1.24;
}

.company-side-values .company-core-list {
  gap: 0;
  margin-top: 22px;
}

.company-side-values .company-core-list li {
  padding: 13px 0 13px 32px;
  border-top: 1px solid #e3e8ee;
  font-size: 15px;
  font-weight: 800;
}

.company-side-values .company-core-list li:first-child {
  border-top: 0;
}

.company-side-values .company-core-list li::before {
  top: 16px;
  width: 16px;
  height: 16px;
  color: #fff;
  background: var(--blue);
  font-size: 12px;
}

.company-side-links {
  padding: 28px 30px 30px;
  border-left: 1px solid #cfd8e3;
  background: #fff;
}

.company-side-links p {
  margin: 12px 0 22px;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.72;
}

.company-side-links div {
  display: grid;
  gap: 10px;
}

.company-side-links a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 42px;
  padding: 0 0 10px;
  border-bottom: 1px solid #e3e8ee;
  color: var(--navy);
  font-weight: 900;
}

.company-side-links a::after {
  color: var(--blue);
  content: "↗";
  font-size: 14px;
}

.company-principles-section {
  padding: 0 0 66px;
  background: #fff;
}

.company-principles-layout {
  display: grid;
  grid-template-columns: minmax(0, 810px) 300px;
  gap: 86px;
  padding-top: 40px;
  border-top: 1px solid #e4e8ee;
}

.company-principles-copy h2,
.company-article-grid h2,
.company-protection-head h2,
.company-expect-panel h2 {
  margin: 0 0 16px;
  color: var(--navy);
  font-size: 31px;
  line-height: 1.22;
}

.company-principles-copy p,
.company-article-grid p,
.company-protection-copy > p {
  max-width: 780px;
  color: #26313d;
  font-size: 16px;
  line-height: 1.78;
}

.company-principles-note {
  align-self: start;
  padding: 4px 0 4px 26px;
  border-left: 3px solid var(--green);
}

.company-principles-note h3 {
  margin: 0 0 18px;
  color: var(--navy);
  font-size: 21px;
}

.company-principles-note ul,
.company-expect-panel ul {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.company-principles-note li {
  padding: 15px 0;
  border-top: 1px solid #e2e7ed;
}

.company-principles-note li:first-child {
  border-top: 0;
  padding-top: 0;
}

.company-principles-note strong,
.company-principles-note span {
  display: block;
}

.company-principles-note strong {
  margin-bottom: 5px;
  color: #111827;
  font-size: 16px;
}

.company-principles-note span {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.62;
}

.company-article-section {
  padding: 66px 0;
  border-top: 1px solid #e7ebf0;
  border-bottom: 1px solid #e7ebf0;
  background: #f7f9fb;
}

.company-article-grid {
  display: grid;
  grid-template-columns: minmax(0, 800px) 330px;
  gap: 70px;
}

.company-article-grid span,
.company-protection-head span {
  display: inline-flex;
  margin-bottom: 12px;
  color: var(--blue);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.company-small-index {
  align-self: start;
  border-top: 1px solid #dfe5ec;
}

.company-small-index div {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 0 12px;
  padding: 18px 0;
  border-bottom: 1px solid #dfe5ec;
}

.company-small-index b {
  grid-row: span 2;
  color: var(--blue);
  font-size: 13px;
  letter-spacing: 0;
}

.company-small-index strong {
  color: var(--navy);
  font-size: 17px;
}

.company-small-index span {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.55;
  text-transform: none;
}

.company-protection-section {
  padding: 74px 0 58px;
  background: #fff;
}

.company-protection-layout {
  display: grid;
  grid-template-columns: 330px minmax(0, 1fr);
  gap: 82px;
}

.company-protection-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 38px;
  margin-top: 28px;
  border-top: 1px solid #e2e7ed;
}

.company-protection-list article {
  padding: 22px 0;
  border-bottom: 1px solid #e2e7ed;
}

.company-protection-list h3 {
  margin: 0 0 8px;
  color: var(--navy);
  font-size: 19px;
}

.company-protection-list p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.7;
}

.company-expect-section {
  padding: 0 0 76px;
  background: #fff;
}

.company-expect-panel {
  display: grid;
  grid-template-columns: 330px minmax(0, 1fr);
  gap: 82px;
  padding-top: 38px;
  border-top: 1px solid #e4e8ee;
}

.company-expect-panel ul {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 34px;
}

.company-expect-panel li {
  padding: 0 0 22px;
  border-bottom: 1px solid #e2e7ed;
}

.company-expect-panel li:nth-child(n+3) {
  padding-top: 22px;
}

.company-expect-panel strong,
.company-expect-panel span {
  display: block;
}

.company-expect-panel strong {
  margin-bottom: 7px;
  color: var(--navy);
  font-size: 18px;
}

.company-expect-panel span {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.66;
}

.company-profile-panel {
  padding: 28px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 10px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .06)),
    rgba(4, 22, 61, .78);
  box-shadow: 0 28px 70px rgba(0, 0, 0, .24);
}

.company-profile-index {
  position: sticky;
  top: 128px;
}

.company-panel-head {
  margin-bottom: 22px;
}

.company-panel-head span,
.company-origin-lead span,
.company-env-main span,
.company-trust-copy span,
.company-section-title span,
.company-commitment-panel > div span {
  display: inline-flex;
  margin-bottom: 14px;
  color: var(--green);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.company-panel-head strong {
  display: block;
  color: #fff;
  font-size: 26px;
  line-height: 1.18;
}

.company-profile-index ol {
  display: grid;
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: company-index;
}

.company-profile-index li {
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 8px;
  background: rgba(255, 255, 255, .06);
  counter-increment: company-index;
}

.company-profile-index li::before {
  display: block;
  margin-bottom: 8px;
  color: var(--green);
  content: "0" counter(company-index);
  font-size: 12px;
  font-weight: 900;
}

.company-profile-index li strong,
.company-profile-index li span {
  display: block;
}

.company-profile-index li strong {
  margin-bottom: 6px;
  color: #fff;
  font-size: 17px;
}

.company-profile-index li span {
  color: rgba(255, 255, 255, .68);
  font-size: 13px;
  line-height: 1.58;
}

.company-panel-lines {
  display: grid;
  gap: 12px;
}

.company-panel-lines div {
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 8px;
  background: rgba(255, 255, 255, .06);
}

.company-panel-lines small,
.company-panel-lines strong {
  display: block;
}

.company-panel-lines small {
  margin-bottom: 6px;
  color: rgba(255, 255, 255, .64);
  font-size: 12px;
  font-weight: 800;
}

.company-panel-lines strong {
  color: #fff;
  font-size: 18px;
}

.company-panel-note {
  margin-top: 22px;
  padding: 18px;
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(0, 168, 234, .24), rgba(113, 235, 48, .16));
}

.company-panel-note p {
  margin: 0;
  color: rgba(255, 255, 255, .82);
  font-size: 14px;
  line-height: 1.7;
}

.company-origin-section {
  padding: 56px 0 76px;
  background: #fff;
}

.company-origin-compact {
  padding-top: 0;
}

.company-origin-layout {
  display: grid;
  grid-template-columns: 430px minmax(0, 1fr);
  gap: 30px;
}

.company-origin-lead {
  padding: 36px;
  border-radius: 8px;
  color: #fff;
  background:
    radial-gradient(circle at 88% 12%, rgba(113, 235, 48, .18), transparent 28%),
    linear-gradient(135deg, var(--navy-2), var(--blue));
  box-shadow: var(--shadow);
}

.company-origin-lead p {
  font-size: 15px;
}

.company-origin-lead h2,
.company-env-main h2,
.company-trust-copy h2,
.company-commitment-panel h2 {
  color: #fff;
  font-size: 36px;
  line-height: 1.13;
}

.company-origin-lead p,
.company-env-main p,
.company-trust-copy p {
  color: rgba(255, 255, 255, .76);
  line-height: 1.78;
}

.company-origin-points {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.company-origin-points article,
.company-env-card,
.company-values-board article {
  min-height: 0;
  padding: 22px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: linear-gradient(180deg, #fff, #f8fbfe);
  box-shadow: 0 14px 32px rgba(6, 17, 15, .05);
}

.company-origin-points img,
.company-env-card img,
.company-values-board img {
  width: 28px;
  height: 28px;
  margin-bottom: 14px;
  filter: invert(22%) sepia(93%) saturate(1738%) hue-rotate(207deg) brightness(84%) contrast(105%);
}

.company-origin-points h3,
.company-env-card h3,
.company-values-board h3 {
  color: var(--navy);
  font-size: 19px;
}

.company-origin-points p,
.company-env-card p,
.company-values-board p,
.company-section-title p {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.74;
}

.company-environment-section {
  padding: 56px 0;
  background:
    radial-gradient(circle at 82% 12%, rgba(0, 168, 234, .1), transparent 26%),
    linear-gradient(180deg, #f6f8fb, #fff);
}

.company-environment-grid {
  display: grid;
  grid-template-columns: 1.25fr repeat(3, 1fr);
  gap: 14px;
}

.company-env-main {
  color: #fff;
  background:
    radial-gradient(circle at 88% 12%, rgba(113, 235, 48, .18), transparent 28%),
    linear-gradient(135deg, #07172f, #0b3a7a);
}

.company-env-main span {
  color: var(--green);
}

.company-env-main h2 {
  font-size: 25px;
}

.company-env-card p {
  margin-bottom: 0;
}

.company-trust-section {
  padding: 94px 0;
  background: #fff;
}

.company-trust-layout {
  display: grid;
  grid-template-columns: 420px minmax(0, 1fr);
  gap: 30px;
}

.company-trust-copy {
  padding: 36px;
  border-radius: 8px;
  color: #fff;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .02)),
    linear-gradient(135deg, var(--navy-2), var(--navy));
  box-shadow: var(--shadow);
}

.company-trust-stack {
  display: grid;
  gap: 14px;
}

.company-trust-stack article {
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr);
  gap: 18px;
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 14px 32px rgba(6, 17, 15, .05);
}

.company-trust-stack article > strong {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border-radius: 8px;
  color: #fff;
  background: var(--gradient);
  font-size: 18px;
}

.company-trust-stack h3 {
  color: var(--navy);
  font-size: 21px;
}

.company-trust-stack p {
  margin-bottom: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.72;
}

.company-values-section {
  padding: 96px 0;
  background: #f6f8fb;
}

.company-section-title {
  display: grid;
  grid-template-columns: 430px minmax(0, 1fr);
  align-items: end;
  gap: 44px;
  margin-bottom: 36px;
}

.company-section-title span {
  color: var(--blue);
}

.company-section-title h2 {
  color: var(--navy);
  font-size: 40px;
  line-height: 1.12;
}

.company-values-board {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.company-commitment-section {
  padding: 88px 0;
  background: #fff;
}

.company-commitment-panel {
  display: grid;
  grid-template-columns: 380px minmax(0, 1fr);
  gap: 30px;
  padding: 36px;
  border-radius: 8px;
  color: #fff;
  background:
    radial-gradient(circle at 92% 12%, rgba(113, 235, 48, .16), transparent 28%),
    linear-gradient(135deg, var(--navy-2), var(--navy));
  box-shadow: var(--shadow);
}

.company-commitment-panel ol {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: company-commitment;
}

.company-commitment-panel li {
  min-height: 178px;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 8px;
  background: rgba(255, 255, 255, .07);
  counter-increment: company-commitment;
}

.company-commitment-panel li::before {
  display: block;
  margin-bottom: 16px;
  color: var(--green);
  content: "0" counter(company-commitment);
  font-size: 13px;
  font-weight: 900;
}

.company-commitment-panel li strong,
.company-commitment-panel li span {
  display: block;
}

.company-commitment-panel li strong {
  margin-bottom: 10px;
  color: #fff;
  font-size: 18px;
}

.company-commitment-panel li span {
  color: rgba(255, 255, 255, .7);
  font-size: 13px;
  line-height: 1.62;
}

.company-redesign-final {
  background:
    radial-gradient(circle at 8% 18%, rgba(0, 168, 234, .26), transparent 24%),
    linear-gradient(135deg, var(--navy-2), var(--navy));
}

.tools-hero-grid,
.company-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 420px;
  align-items: center;
  gap: 68px;
}

.tools-hero .eyebrow,
.company-hero .eyebrow {
  color: #fff;
}

.tools-hero h1,
.company-hero h1 {
  max-width: 900px;
  font-size: clamp(40px, 4.6vw, 68px);
}

.tools-hero p,
.company-hero p {
  max-width: 760px;
  color: rgba(255, 255, 255, .76);
  font-size: 17px;
}

.tools-map-card,
.company-trust-card {
  padding: 32px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .07));
  box-shadow: 0 28px 70px rgba(0, 0, 0, .24);
}

.tools-map-card span,
.tools-server-layout span,
.tools-final span,
.company-trust-card span,
.company-story span,
.company-final span {
  display: inline-flex;
  margin-bottom: 14px;
  color: var(--green);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.tools-map-card strong,
.company-trust-card strong {
  display: block;
  margin-bottom: 12px;
  font-size: 48px;
  line-height: 1;
}

.tools-grid-section,
.company-story {
  background: #fff;
}

.tools-grid-section .section-title p {
  color: var(--muted);
}

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

.tools-card-grid article,
.company-value-grid article,
.company-signal-grid article {
  padding: 26px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: linear-gradient(180deg, #fff, #f8fbfe);
  box-shadow: 0 14px 32px rgba(6, 17, 15, .05);
}

.tools-card-grid img {
  width: 38px;
  height: 38px;
  margin-bottom: 18px;
  filter: invert(22%) sepia(93%) saturate(1738%) hue-rotate(207deg) brightness(84%) contrast(105%);
}

.tools-card-grid span {
  display: inline-flex;
  margin-bottom: 10px;
  padding: 5px 10px;
  border-radius: 999px;
  color: var(--blue);
  background: rgba(0, 168, 234, .09);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.tools-card-grid h3,
.company-value-grid h3 {
  color: var(--navy);
  font-size: 21px;
}

.tools-card-grid p,
.company-value-grid p,
.company-signal-grid p {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.72;
}

.tools-card-grid a {
  display: inline-flex;
  margin-top: 10px;
  color: var(--blue);
  font-size: 13px;
  font-weight: 900;
}

.tools-server-band,
.company-timeline {
  background: #f6f8fb;
}

.tools-server-layout,
.company-story-grid {
  display: grid;
  grid-template-columns: 390px minmax(0, 1fr);
  gap: 34px;
  align-items: start;
}

.tools-server-layout > div:first-child,
.company-story-grid > div:first-child {
  padding: 34px;
  border-radius: 8px;
  color: #fff;
  background:
    radial-gradient(circle at 92% 12%, rgba(113, 235, 48, .18), transparent 28%),
    linear-gradient(135deg, var(--navy), var(--blue));
  box-shadow: var(--shadow);
}

.tools-server-layout h2,
.company-story-grid h2 {
  font-size: 34px;
  line-height: 1.12;
}

.tools-server-layout p,
.company-story-grid > div:first-child p {
  color: rgba(255, 255, 255, .76);
}

.tools-metric-grid,
.company-value-grid,
.company-signal-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.tools-metric-grid article {
  padding: 26px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 14px 32px rgba(6, 17, 15, .05);
}

.tools-metric-grid strong,
.company-signal-grid strong {
  display: block;
  color: var(--blue);
  font-size: 34px;
  line-height: 1;
}

.tools-metric-grid span,
.company-signal-grid span {
  display: block;
  margin-top: 10px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 900;
}

.tools-final,
.company-final {
  padding: 70px 0;
  color: #fff;
  background:
    radial-gradient(circle at 8% 18%, rgba(0, 168, 234, .26), transparent 24%),
    linear-gradient(135deg, var(--navy-2), var(--navy));
}

.tools-final-inner,
.company-final-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}

.tools-final h2,
.company-final h2 {
  max-width: 720px;
}

.partner-hero,
.social-hero,
.account-hero {
  position: relative;
  overflow: hidden;
  padding: 92px 0 82px;
  color: #fff;
  background:
    radial-gradient(circle at 84% 16%, rgba(113, 235, 48, .2), transparent 26%),
    radial-gradient(circle at 10% 20%, rgba(0, 168, 234, .24), transparent 30%),
    linear-gradient(135deg, var(--navy-2), var(--navy));
}

.partner-hero::before,
.social-hero::before,
.account-hero::before {
  position: absolute;
  inset: 0;
  content: "";
  opacity: .32;
  background:
    linear-gradient(135deg, transparent 0 48%, rgba(255, 255, 255, .08) 48% 49%, transparent 49%),
    linear-gradient(45deg, transparent 0 48%, rgba(0, 168, 234, .12) 48% 49%, transparent 49%);
  background-size: 72px 72px;
}

.partner-hero-grid,
.social-hero-grid,
.account-hero-grid,
.partner-dashboard-layout,
.partner-assets-grid,
.partner-commission-grid,
.social-feature-layout,
.social-download-inner,
.account-form-layout,
.account-kyc-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 410px;
  align-items: center;
  gap: 56px;
}

.partner-hero .eyebrow,
.social-hero .eyebrow,
.account-hero .eyebrow {
  color: #fff;
}

.partner-hero h1,
.social-hero h1,
.account-hero h1 {
  max-width: 900px;
  font-size: clamp(40px, 4.6vw, 68px);
}

.partner-hero p,
.social-hero p,
.account-hero p {
  max-width: 760px;
  color: rgba(255, 255, 255, .76);
  font-size: 17px;
}

.partner-dashboard-card,
.social-phone-card,
.account-trust-card {
  padding: 34px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .07));
  box-shadow: 0 28px 70px rgba(0, 0, 0, .24);
}

.partner-dashboard-card span,
.social-download-inner span,
.account-trust-card span,
.account-form-copy span,
.account-kyc-grid span,
.partner-dashboard-layout span,
.partner-material-card span,
.partner-wallet-card span,
.partner-commission-grid span,
.social-feature-layout span {
  display: inline-flex;
  margin-bottom: 14px;
  color: var(--green);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.partner-dashboard-card strong,
.account-trust-card strong {
  display: block;
  margin-bottom: 12px;
  font-size: 56px;
  line-height: .95;
}

.partner-proof,
.social-snapshot {
  padding: 62px 0;
  background: #fff;
}

.partner-proof-grid,
.social-snapshot-grid,
.partner-card-grid,
.partner-report-grid,
.partner-step-grid,
.social-core-grid,
.social-step-grid,
.social-audience-grid,
.social-faq-grid,
.account-option-grid,
.account-step-grid,
.account-faq-grid {
  display: grid;
  gap: 18px;
}

.partner-proof-grid,
.social-snapshot-grid,
.partner-step-grid,
.social-step-grid,
.account-step-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.partner-card-grid,
.social-audience-grid,
.account-option-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.partner-report-grid,
.social-faq-grid,
.account-faq-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.social-core-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.partner-proof-grid article,
.social-snapshot-grid article,
.partner-card-grid article,
.partner-report-grid article,
.partner-feature-list article,
.partner-step-grid article,
.partner-type-grid article,
.social-core-grid article,
.social-feature-list article,
.social-step-grid article,
.social-audience-grid article,
.social-faq-grid article,
.account-option-grid article,
.account-step-grid article,
.account-doc-grid article,
.account-faq-grid article {
  padding: 26px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 14px 32px rgba(6, 17, 15, .05);
}

.partner-card-grid article,
.social-core-grid article,
.account-option-grid article {
  background: linear-gradient(180deg, #fff, #f8fbfe);
}

.partner-proof-grid img,
.partner-card-grid img,
.social-core-grid img {
  width: 38px;
  height: 38px;
  margin-bottom: 18px;
  filter: invert(22%) sepia(93%) saturate(1738%) hue-rotate(207deg) brightness(84%) contrast(105%);
}

.partner-proof-grid strong,
.social-snapshot-grid strong {
  display: block;
  color: var(--blue);
  font-size: 34px;
  line-height: 1;
}

.partner-proof-grid span,
.social-snapshot-grid span,
.partner-card-grid p,
.partner-report-grid p,
.partner-feature-list p,
.partner-step-grid p,
.partner-type-grid p,
.social-core-grid p,
.social-feature-list p,
.social-step-grid p,
.social-audience-grid p,
.social-faq-grid p,
.account-option-grid p,
.account-step-grid p,
.account-doc-grid p,
.account-faq-grid p,
.account-form-copy p,
.account-form-copy li {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.72;
}

.partner-program,
.social-core,
.account-options,
.account-demo-section {
  background: #fff;
}

.partner-dashboard,
.partner-reports,
.social-features,
.social-guide,
.social-faq,
.account-form-section,
.account-kyc,
.account-client {
  background: #f6f8fb;
}

.partner-dashboard-layout,
.social-feature-layout,
.account-kyc-grid {
  align-items: start;
}

.partner-dashboard-layout > div:first-child,
.partner-material-card,
.partner-commission-grid > div:first-child,
.social-feature-layout > div:first-child,
.social-download-inner > div:first-child,
.account-form-copy,
.account-kyc-grid > div:first-child {
  padding: 34px;
  border-radius: 8px;
  color: #fff;
  background:
    radial-gradient(circle at 92% 12%, rgba(113, 235, 48, .18), transparent 28%),
    linear-gradient(135deg, var(--navy), var(--blue));
  box-shadow: var(--shadow);
}

.partner-dashboard-layout h2,
.partner-material-card h2,
.partner-commission-grid h2,
.social-feature-layout h2,
.social-download-inner h2,
.account-form-copy h2,
.account-kyc-grid h2 {
  color: #fff;
  font-size: 34px;
  line-height: 1.12;
}

.partner-dashboard-layout p,
.partner-material-card p,
.partner-commission-grid > div:first-child p,
.social-feature-layout > div:first-child p,
.social-download-inner p,
.account-form-copy p,
.account-form-copy li,
.account-kyc-grid > div:first-child p {
  color: rgba(255, 255, 255, .76);
}

.partner-feature-list,
.partner-type-grid,
.social-feature-list,
.account-doc-grid {
  display: grid;
  gap: 16px;
}

.partner-assets {
  background: #fff;
}

.partner-wallet-card {
  padding: 34px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--shadow);
}

.partner-wallet-card span {
  color: var(--blue);
}

.partner-wallet-card ul,
.account-form-copy ul {
  display: grid;
  gap: 12px;
  margin: 0;
  padding-left: 18px;
}

.partner-steps,
.social-steps,
.account-steps {
  background:
    radial-gradient(circle at 88% 12%, rgba(0, 168, 234, .1), transparent 24%),
    linear-gradient(135deg, #fff, #f6f9fc);
}

.partner-step-grid span,
.social-step-grid span,
.account-step-grid span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  margin-bottom: 18px;
  border-radius: 6px;
  color: #fff;
  background: var(--gradient);
  font-weight: 900;
}

.partner-redesign-page .partners-new-hero {
  position: relative;
  overflow: hidden;
  padding: 96px 0 88px;
  color: #fff;
  background:
    radial-gradient(circle at 82% 10%, rgba(113, 235, 48, .24), transparent 26%),
    radial-gradient(circle at 14% 24%, rgba(0, 168, 234, .24), transparent 30%),
    linear-gradient(135deg, #07172f 0%, #082a5a 58%, #031129 100%);
}

.partner-redesign-page .partners-new-hero::before {
  position: absolute;
  inset: 0;
  content: "";
  opacity: .24;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .09) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255, 255, 255, .08) 1px, transparent 1px);
  background-size: 82px 82px;
}

.partners-new-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 480px;
  align-items: center;
  gap: 72px;
}

.partners-new-hero-copy .eyebrow {
  color: #fff;
}

.partners-new-hero-copy h1 {
  max-width: 820px;
  color: #fff;
  font-size: 68px;
  line-height: 1.05;
}

.partners-new-hero-copy p {
  max-width: 760px;
  color: rgba(255, 255, 255, .76);
  font-size: 18px;
  line-height: 1.72;
}

.partners-console {
  padding: 28px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, .06)),
    rgba(4, 18, 42, .58);
  box-shadow: 0 30px 80px rgba(0, 0, 0, .28);
  backdrop-filter: blur(10px);
}

.partners-console-top {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 24px;
}

.partners-console-top span {
  color: var(--green);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.partners-console-top strong {
  max-width: 190px;
  color: #fff;
  font-size: 24px;
  line-height: 1.16;
  text-align: right;
}

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

.partners-console-metrics div {
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 12px;
  background: rgba(255, 255, 255, .08);
}

.partners-console-metrics small,
.partners-console-metrics b,
.partners-console-metrics em {
  display: block;
}

.partners-console-metrics small {
  margin-bottom: 8px;
  color: rgba(255, 255, 255, .6);
  font-size: 12px;
  font-weight: 800;
}

.partners-console-metrics b {
  color: #fff;
  font-size: 30px;
}

.partners-console-metrics em {
  margin-top: 6px;
  color: var(--green);
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
}

.partners-console-chart {
  display: flex;
  align-items: end;
  gap: 12px;
  height: 150px;
  margin: 22px 0;
  padding: 18px;
  border-radius: 12px;
  background: rgba(5, 18, 40, .52);
}

.partners-console-chart i {
  flex: 1;
  min-height: 28px;
  border-radius: 999px 999px 4px 4px;
  background: linear-gradient(180deg, var(--green), var(--blue));
}

.partners-console-bottom {
  display: grid;
  gap: 12px;
}

.partners-console-bottom div {
  display: grid;
  grid-template-columns: 12px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 14px 0 0;
  border-top: 1px solid rgba(255, 255, 255, .12);
}

.partners-console-bottom span {
  width: 10px;
  height: 10px;
  margin-top: 6px;
  border-radius: 50%;
  background: var(--green);
}

.partners-console-bottom p {
  margin: 0;
}

.partners-console-bottom b,
.partners-console-bottom small {
  display: block;
}

.partners-console-bottom b {
  color: #fff;
  font-size: 15px;
}

.partners-console-bottom small {
  color: rgba(255, 255, 255, .6);
  font-size: 12px;
}

.partners-new-strip {
  position: relative;
  z-index: 2;
  margin-top: -34px;
  background: transparent;
}

.partners-new-strip-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 24px 60px rgba(6, 17, 38, .12);
}

.partners-new-strip article {
  min-height: 156px;
  padding: 26px 24px;
  border-right: 1px solid #e0e6ee;
  background: #fff;
}

.partners-new-strip article:last-child {
  border-right: 0;
}

.partners-new-strip span,
.partners-report-list span,
.partners-new-models span,
.partners-assets-card span,
.partners-wallet-panel span,
.partners-new-section-title span,
.partners-report-copy span,
.partners-new-commission span,
.partners-new-intro-copy span,
.partners-new-final span {
  display: inline-flex;
  margin-bottom: 12px;
  color: var(--blue);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.partners-new-strip strong {
  display: block;
  color: var(--navy);
  font-size: 20px;
}

.partners-new-strip p,
.partners-new-benefits p,
.partners-new-commission p,
.partners-new-commission li span,
.partners-board-side p,
.partners-report-list p,
.partners-assets-card p,
.partners-wallet-panel li,
.partners-new-step-row p,
.partners-new-models p,
.partners-new-section-title p,
.partners-report-copy p,
.partners-new-intro-copy p {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.72;
}

.partners-new-intro,
.partners-new-reports,
.partners-new-assets,
.partners-new-models {
  padding: 88px 0;
  background: #fff;
}

.partners-new-intro-grid,
.partners-new-commission-grid,
.partners-new-reports-grid,
.partners-new-assets-grid,
.partners-new-models-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 520px;
  gap: 64px;
  align-items: start;
}

.partners-new-intro-copy h2,
.partners-new-commission h2,
.partners-new-section-title h2,
.partners-report-copy h2,
.partners-assets-card h2,
.partners-wallet-panel h2,
.partners-new-models h2,
.partners-new-final h2 {
  margin: 0 0 18px;
  color: var(--navy);
  font-size: 42px;
  line-height: 1.14;
}

.partners-new-benefits {
  display: grid;
  gap: 16px;
}

.partners-new-benefits article {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 14px 18px;
  padding: 24px;
  border: 1px solid #dfe6ee;
  border-radius: 10px;
  background: linear-gradient(180deg, #fff, #f8fbfe);
}

.partners-new-benefits img {
  grid-row: span 2;
  width: 36px;
  height: 36px;
  filter: invert(22%) sepia(93%) saturate(1738%) hue-rotate(207deg) brightness(84%) contrast(105%);
}

.partners-new-benefits h3,
.partners-board-side h3,
.partners-report-list h3,
.partners-new-step-row h3,
.partners-new-models h3 {
  margin: 0;
  color: var(--navy);
  font-size: 20px;
}

.partners-new-benefits p {
  grid-column: 2;
  margin: 0;
}

.partners-new-commission {
  padding: 86px 0;
  color: #fff;
  background:
    radial-gradient(circle at 88% 16%, rgba(113, 235, 48, .18), transparent 26%),
    linear-gradient(135deg, #06172f, #092c61);
}

.partners-new-commission-grid {
  grid-template-columns: 480px minmax(0, 1fr);
}

.partners-new-commission span,
.partners-new-commission h2 {
  color: #fff;
}

.partners-new-commission p {
  color: rgba(255, 255, 255, .74);
}

.partners-new-commission ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.partners-new-commission li {
  min-height: 156px;
  padding: 24px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 10px;
  background: rgba(255, 255, 255, .07);
}

.partners-new-commission li strong,
.partners-new-commission li span {
  display: block;
}

.partners-new-commission li strong {
  margin-bottom: 8px;
  color: #fff;
  font-size: 20px;
}

.partners-new-commission li span {
  color: rgba(255, 255, 255, .68);
  text-transform: none;
}

.partners-new-dashboard {
  padding: 92px 0;
  background: #f5f8fb;
}

.partners-new-section-title {
  max-width: 780px;
  margin-bottom: 36px;
}

.partners-dashboard-board {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 390px;
  gap: 22px;
}

.partners-board-main,
.partners-board-side article,
.partners-report-list article,
.partners-assets-card,
.partners-wallet-panel,
.partners-new-step-row article,
.partners-new-models article {
  border: 1px solid #dfe6ee;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 16px 36px rgba(6, 17, 38, .06);
}

.partners-board-main {
  padding: 28px;
}

.partners-board-head {
  display: flex;
  justify-content: space-between;
  margin-bottom: 22px;
}

.partners-board-head strong {
  color: var(--navy);
  font-size: 24px;
}

.partners-board-head span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 12px;
  border-radius: 999px;
  color: #06172f;
  background: var(--green);
  font-size: 12px;
  font-weight: 900;
}

.partners-board-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.partners-board-stats article {
  padding: 20px;
  border-radius: 8px;
  background: #f5f8fb;
}

.partners-board-stats small,
.partners-board-stats b {
  display: block;
}

.partners-board-stats small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.partners-board-stats b {
  margin-top: 9px;
  color: var(--navy);
  font-size: 28px;
}

.partners-board-table {
  margin-top: 24px;
  border-top: 1px solid #e4e9f0;
}

.partners-board-table p {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 92px 120px;
  gap: 18px;
  margin: 0;
  padding: 18px 0;
  border-bottom: 1px solid #e4e9f0;
}

.partners-board-table span,
.partners-board-table b,
.partners-board-table em {
  color: #17212f;
  font-size: 14px;
}

.partners-board-table em {
  color: var(--muted);
  font-style: normal;
}

.partners-board-side {
  display: grid;
  gap: 14px;
}

.partners-board-side article,
.partners-report-list article,
.partners-new-step-row article,
.partners-new-models article {
  padding: 24px;
}

.partners-board-side p,
.partners-report-list p,
.partners-new-step-row p,
.partners-new-models p {
  margin-bottom: 0;
}

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

.partners-report-list article {
  min-height: 164px;
}

.partners-new-assets {
  background: #f6f8fb;
}

.partners-new-assets-grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.partners-assets-card,
.partners-wallet-panel {
  min-height: 370px;
  padding: 34px;
}

.partners-assets-card {
  color: #fff;
  background:
    radial-gradient(circle at 92% 12%, rgba(113, 235, 48, .18), transparent 28%),
    linear-gradient(135deg, var(--navy-2), var(--blue));
}

.partners-assets-card span,
.partners-assets-card h2,
.partners-new-final span,
.partners-new-final h2 {
  color: #fff;
}

.partners-assets-card p {
  color: rgba(255, 255, 255, .74);
}

.partners-assets-card div {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 26px;
}

.partners-assets-card b {
  padding: 9px 12px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 999px;
  color: #fff;
  font-size: 12px;
}

.partners-wallet-panel ul {
  display: grid;
  gap: 15px;
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
}

.partners-wallet-panel li {
  position: relative;
  padding-left: 30px;
}

.partners-wallet-panel li::before {
  position: absolute;
  left: 0;
  top: 5px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--green);
  content: "";
}

.partners-new-steps {
  padding: 90px 0;
  background: #fff;
}

.partners-new-step-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.partners-new-step-row article {
  position: relative;
  min-height: 230px;
}

.partners-new-step-row article > span {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  margin-bottom: 22px;
  border-radius: 10px;
  color: #fff;
  background: var(--gradient);
  font-weight: 900;
}

.partners-new-models-grid {
  grid-template-columns: 390px repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.partners-new-models-grid > div {
  padding-right: 26px;
}

.partners-new-final {
  padding: 72px 0;
  color: #fff;
  background:
    radial-gradient(circle at 8% 18%, rgba(0, 168, 234, .24), transparent 24%),
    linear-gradient(135deg, var(--navy-2), var(--navy));
}

.partners-new-final-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 38px;
}

.partners-new-final h2 {
  max-width: 740px;
  margin-bottom: 0;
}

.partner-redesign-page .partners-ic-hero {
  position: relative;
  overflow: hidden;
  min-height: 430px;
  display: grid;
  place-items: center;
  padding: 92px 0;
  color: #fff;
  text-align: left;
  background:
    radial-gradient(circle at 82% 38%, rgba(0, 168, 234, .22), transparent 24%),
    radial-gradient(circle at 22% 76%, rgba(113, 235, 48, .16), transparent 24%),
    linear-gradient(rgba(3, 10, 22, .72), rgba(3, 10, 22, .8)),
    linear-gradient(120deg, #07172f, #0d2f68 48%, #050914);
}

.partner-redesign-page .partners-ic-hero::before {
  position: absolute;
  inset: 0;
  content: "";
  opacity: .36;
  background:
    radial-gradient(ellipse at 18% 80%, rgba(255, 255, 255, .18), transparent 18%),
    radial-gradient(ellipse at 82% 76%, rgba(255, 255, 255, .14), transparent 18%),
    linear-gradient(90deg, transparent 0 24%, rgba(255, 255, 255, .08) 24% 25%, transparent 25% 50%, rgba(255, 255, 255, .07) 50% 51%, transparent 51% 76%, rgba(255, 255, 255, .07) 76% 77%, transparent 77%);
}

.partners-ic-hero-inner {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1180px;
  padding-right: 500px;
}

.partners-ic-hero-inner::after {
  position: absolute;
  right: 34px;
  top: 50%;
  width: 380px;
  height: 210px;
  padding: 30px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 14px;
  color: #fff;
  background:
    linear-gradient(135deg, rgba(0, 168, 234, .28), rgba(113, 235, 48, .13)),
    rgba(255, 255, 255, .06);
  box-shadow: 0 28px 70px rgba(0, 0, 0, .28);
  content: "GD Partner Hub";
  font-size: 32px;
  font-weight: 900;
  transform: translateY(-50%);
}

.partners-ic-hero-inner::before {
  position: absolute;
  right: 72px;
  top: calc(50% + 46px);
  z-index: 1;
  width: 290px;
  height: 58px;
  border-radius: 8px;
  background:
    linear-gradient(90deg, var(--green) 0 34%, rgba(255, 255, 255, .16) 34% 100%);
  content: "";
  opacity: .9;
  transform: translateY(-50%);
}

.partners-ic-hero-inner span,
.partners-ic-title span {
  display: inline-flex;
  margin-bottom: 14px;
  color: var(--green);
  font-size: 13px;
  font-weight: 900;
}

.partners-ic-hero-inner h1 {
  margin: 0;
  color: #fff;
  font-size: 52px;
  line-height: 1.15;
}

.partners-ic-hero-inner p {
  max-width: 600px;
  margin: 16px 0 24px;
  color: rgba(255, 255, 255, .74);
  font-size: 16px;
}

.partners-ic-why,
.partners-ic-dynamic,
.partners-wallet-section,
.partners-apply-final {
  padding: 82px 0;
  background: #fff;
}

.partners-ic-title {
  max-width: 840px;
  margin: 0 auto 44px;
  text-align: center;
}

.partners-ic-title h2 {
  margin: 0;
  color: var(--navy);
  font-size: 34px;
  line-height: 1.22;
}

.partners-ic-title.compact {
  max-width: 720px;
  margin-bottom: 36px;
}

.partners-ic-why-grid {
  display: grid;
  grid-template-columns: 490px minmax(0, 1fr);
  align-items: center;
  gap: 70px;
  max-width: 920px;
  margin: 0 auto 42px;
}

.partners-phone-visual {
  position: relative;
  min-height: 330px;
}

.partners-green-orbit {
  position: absolute;
  left: 98px;
  top: 42px;
  width: 230px;
  height: 230px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 30% 24%, #fff 0 8px, transparent 9px),
    radial-gradient(circle at 86% 68%, #fff 0 10px, transparent 11px),
    var(--green);
}

.partners-green-orbit::before,
.partners-green-orbit::after {
  position: absolute;
  border: 3px solid #09152b;
  border-radius: 50%;
  content: "";
}

.partners-green-orbit::before {
  left: -26px;
  top: 84px;
  width: 38px;
  height: 38px;
}

.partners-green-orbit::after {
  right: -24px;
  top: 122px;
  width: 34px;
  height: 34px;
}

.partners-phone {
  position: absolute;
  left: 158px;
  top: 10px;
  width: 168px;
  min-height: 292px;
  padding: 24px 18px;
  border: 10px solid #081326;
  border-radius: 28px;
  color: #fff;
  background:
    linear-gradient(rgba(4, 14, 30, .62), rgba(4, 14, 30, .82)),
    linear-gradient(145deg, #0c2b61, #061226);
  box-shadow: 0 24px 50px rgba(6, 17, 38, .25);
  transform: rotate(-10deg);
}

.partners-phone-bar {
  width: 48px;
  height: 5px;
  margin: 0 auto 34px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .22);
}

.partners-phone strong {
  display: block;
  color: var(--green);
  font-size: 17px;
}

.partners-phone p {
  color: rgba(255, 255, 255, .72);
  font-size: 12px;
  line-height: 1.5;
}

.partners-phone div {
  display: grid;
  gap: 8px;
  margin-top: 28px;
}

.partners-phone div span {
  height: 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .18);
}

.partners-why-list {
  display: grid;
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.partners-why-list li {
  position: relative;
  padding-left: 30px;
  color: #0d1726;
  font-size: 16px;
  font-weight: 800;
}

.partners-why-list li::before {
  position: absolute;
  left: 0;
  top: 5px;
  display: grid;
  place-items: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  color: #06172f;
  background: var(--green);
  content: "✓";
  font-size: 12px;
}

.partners-ic-card-row,
.partners-dynamic-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  max-width: 900px;
  margin: 0 auto;
}

.partners-ic-card-row article,
.partners-dynamic-cards article {
  min-height: 150px;
  padding: 26px;
  border: 1px solid #dce5ef;
  border-top: 4px solid rgba(0, 168, 234, .76);
  border-radius: 4px;
  background:
    linear-gradient(180deg, #fff, #f8fbfe);
  box-shadow: 0 14px 34px rgba(6, 17, 38, .06);
}

.partners-ic-card-row img,
.partners-dynamic-cards img {
  width: 32px;
  height: 32px;
  margin-bottom: 16px;
  filter: invert(54%) sepia(90%) saturate(553%) hue-rotate(62deg) brightness(99%) contrast(88%);
}

.partners-ic-card-row h3,
.partners-dynamic-cards h3,
.partners-wallet-text h3 {
  margin: 0 0 10px;
  color: var(--navy);
  font-size: 20px;
}

.partners-ic-card-row p,
.partners-dynamic-cards p,
.partners-wallet-text li span,
.partners-process-map p {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.68;
}

.partners-dark-tools {
  position: relative;
  overflow: hidden;
  padding: 86px 0;
  color: #fff;
  background:
    radial-gradient(circle at 12% 8%, rgba(113, 235, 48, .14), transparent 18%),
    radial-gradient(circle at 88% 52%, rgba(0, 168, 234, .18), transparent 22%),
    linear-gradient(180deg, #030a15, #020407);
}

.partners-dark-tools::before {
  position: absolute;
  left: -80px;
  top: -30px;
  width: 48%;
  height: 360px;
  content: "";
  opacity: .62;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .16), transparent 42%),
    linear-gradient(160deg, rgba(0, 168, 234, .44), rgba(113, 235, 48, .2) 46%, transparent 64%);
  transform: skewY(-12deg) rotate(-4deg);
}

.partners-dark-tools-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 430px minmax(0, 1fr);
  gap: 64px;
  align-items: center;
}

.partners-dashboard-stack {
  position: relative;
  min-height: 330px;
}

.partners-screen {
  position: absolute;
  border: 1px solid rgba(0, 168, 234, .52);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(9, 41, 88, .9), rgba(7, 17, 31, .9));
  box-shadow: 0 24px 60px rgba(0, 0, 0, .3);
}

.screen-main {
  left: 34px;
  top: 38px;
  width: 330px;
  min-height: 210px;
  padding: 24px;
  transform: rotate(-8deg);
}

.screen-phone {
  left: 0;
  bottom: 18px;
  width: 110px;
  min-height: 166px;
  padding: 18px;
  transform: rotate(8deg);
}

.screen-card {
  right: 0;
  bottom: 28px;
  width: 180px;
  min-height: 120px;
  padding: 20px;
  transform: rotate(4deg);
}

.partners-screen span {
  color: var(--green);
  font-size: 12px;
  font-weight: 900;
}

.partners-screen p {
  display: flex;
  justify-content: space-between;
  margin: 18px 0 0;
  color: rgba(255, 255, 255, .7);
}

.partners-screen strong {
  display: block;
  margin-top: 20px;
  color: #fff;
  font-size: 24px;
}

.partners-dark-panels {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.partners-dark-panels article {
  min-height: 320px;
  padding: 30px;
  border: 1px solid rgba(113, 235, 48, .78);
  border-top: 4px solid var(--blue);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(0, 168, 234, .1), rgba(255, 255, 255, .05));
}

.partners-dark-panels h3 {
  margin: 0 0 20px;
  color: #fff;
  font-size: 24px;
}

.partners-dark-panels ul,
.partners-wallet-text ul {
  display: grid;
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.partners-dark-panels li {
  position: relative;
  padding-left: 22px;
  color: rgba(255, 255, 255, .74);
  font-size: 14px;
  line-height: 1.56;
}

.partners-dark-panels li::before {
  position: absolute;
  left: 0;
  top: 6px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--green);
  content: "";
}

.partners-wallet-grid {
  display: grid;
  grid-template-columns: 500px minmax(0, 1fr);
  gap: 70px;
  align-items: center;
  max-width: 980px;
  margin: 0 auto;
}

.partners-wallet-visual {
  position: relative;
  min-height: 330px;
}

.wallet-card-visual {
  position: absolute;
  left: 110px;
  top: 40px;
  width: 250px;
  min-height: 210px;
  padding: 26px;
  border-radius: 22px;
  color: #fff;
  background:
    linear-gradient(135deg, rgba(113, 235, 48, .92), rgba(0, 168, 234, .92) 64%, #0b3a7a),
    #06172f;
  box-shadow: 0 28px 60px rgba(6, 17, 38, .18);
  transform: rotate(-16deg);
}

.wallet-card-visual strong,
.wallet-card-visual span,
.wallet-card-visual b {
  display: block;
}

.wallet-card-visual strong {
  color: #06172f;
  font-size: 36px;
}

.wallet-card-visual span {
  margin-top: 34px;
  color: rgba(6, 23, 47, .72);
  font-weight: 900;
}

.wallet-card-visual b {
  margin-top: 8px;
  color: #fff;
  font-size: 34px;
}

.partners-wallet-visual i {
  position: absolute;
  border-radius: 50%;
  background: var(--green);
}

.partners-wallet-visual i:nth-child(2) {
  left: 92px;
  top: 40px;
  width: 44px;
  height: 44px;
}

.partners-wallet-visual i:nth-child(3) {
  right: 86px;
  top: 76px;
  width: 64px;
  height: 64px;
}

.partners-wallet-visual i:nth-child(4) {
  left: 52px;
  bottom: 64px;
  width: 72px;
  height: 72px;
}

.partners-wallet-text {
  padding: 30px;
  border-radius: 8px;
  background: #f7f9fb;
}

.partners-wallet-text li {
  position: relative;
  padding-left: 42px;
}

.partners-wallet-text li::before {
  position: absolute;
  left: 0;
  top: 3px;
  display: grid;
  place-items: center;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  color: #06172f;
  background: var(--green);
  content: "✓";
  font-size: 12px;
  font-weight: 900;
}

.partners-wallet-text li strong,
.partners-wallet-text li span {
  display: block;
}

.partners-wallet-text li strong {
  color: var(--navy);
  font-size: 16px;
}

.partners-process-section {
  overflow: hidden;
  padding: 88px 0 96px;
  color: #fff;
  background:
    radial-gradient(circle at 72% 24%, rgba(0, 168, 234, .18), transparent 22%),
    linear-gradient(rgba(2, 8, 18, .88), rgba(2, 8, 18, .92)),
    repeating-linear-gradient(90deg, rgba(0, 168, 234, .14) 0 2px, transparent 2px 110px),
    linear-gradient(135deg, #07172f, #0b2347);
}

.partners-process-head {
  max-width: 720px;
  margin: 0 auto 42px;
  text-align: center;
}

.partners-process-head span {
  display: inline-flex;
  margin-bottom: 12px;
  color: var(--green);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.partners-process-head h2 {
  margin: 0 0 12px;
  color: #fff;
  font-size: 38px;
  line-height: 1.16;
}

.partners-process-head p {
  margin: 0;
  color: rgba(255, 255, 255, .68);
  font-size: 15px;
  line-height: 1.7;
}

.partners-process-map {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  max-width: 1080px;
  margin: 0 auto;
}

.partners-process-map::before {
  position: absolute;
  left: 8%;
  right: 8%;
  top: 72px;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--blue), var(--green), transparent);
  content: "";
  opacity: .72;
}

.partners-process-map article {
  position: relative;
  z-index: 1;
  min-height: 210px;
  padding: 26px 22px 24px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 10px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .04));
  box-shadow: 0 20px 48px rgba(0, 0, 0, .18);
}

.partners-process-map span {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  margin-bottom: 22px;
  border-radius: 50%;
  color: #06172f;
  background: linear-gradient(135deg, var(--green), var(--blue));
  font-size: 14px;
  font-weight: 900;
  box-shadow: 0 0 0 10px rgba(0, 168, 234, .14);
}

.partners-process-map h3 {
  margin: 0 0 6px;
  color: #fff;
  font-size: 17px;
}

.partners-process-map p {
  margin: 0;
  color: rgba(255, 255, 255, .72);
}

.partners-process-map article:nth-of-type(5),
.partners-process-map article:nth-of-type(6),
.partners-process-map article:nth-of-type(7) {
  grid-column: span 1;
}

.partners-process-core {
  position: relative;
  z-index: 1;
  display: grid;
  align-content: center;
  min-height: 160px;
  padding: 26px;
  border: 1px solid rgba(113, 235, 48, .34);
  border-radius: 10px;
  background:
    radial-gradient(circle at 90% 12%, rgba(113, 235, 48, .18), transparent 30%),
    rgba(0, 168, 234, .1);
}

.partners-process-core strong,
.partners-process-core small {
  display: block;
}

.partners-process-core strong {
  color: #fff;
  font-size: 25px;
  line-height: 1.14;
}

.partners-process-core small {
  margin-top: 10px;
  color: rgba(255, 255, 255, .64);
  font-size: 13px;
}

.partners-apply-final {
  padding-bottom: 92px;
}

.partners-apply-final .partners-ic-title .btn {
  margin-top: 18px;
}

.partners-device-cluster {
  position: relative;
  max-width: 760px;
  height: 330px;
  margin: 18px auto 0;
}

.partners-device-cluster::before {
  position: absolute;
  right: 86px;
  top: 24px;
  width: 280px;
  height: 230px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--green), var(--blue));
  content: "";
}

.device-desktop,
.device-laptop,
.device-mobile {
  position: absolute;
  border: 12px solid #101624;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 22px 50px rgba(6, 17, 38, .16);
}

.device-desktop {
  left: 130px;
  top: 28px;
  width: 390px;
  height: 250px;
}

.device-laptop {
  right: 88px;
  bottom: 18px;
  width: 290px;
  height: 176px;
}

.device-mobile {
  left: 76px;
  bottom: 20px;
  width: 90px;
  height: 170px;
  border-width: 9px;
  border-radius: 22px;
}

.partners-device-cluster span {
  display: block;
  height: 34px;
  background: #07172f;
}

.partners-device-cluster p {
  height: 12px;
  margin: 22px 24px;
  border-radius: 999px;
  background: #e6edf5;
}

.partner-landing {
  background: #fff;
}

.partner-landing-hero {
  position: relative;
  overflow: hidden;
  padding: 96px 0 78px;
  color: #fff;
  background:
    radial-gradient(circle at 78% 18%, rgba(113, 235, 48, .24), transparent 24%),
    radial-gradient(circle at 22% 76%, rgba(0, 168, 234, .25), transparent 25%),
    linear-gradient(135deg, #06172f 0%, #0b2e63 56%, #030914 100%);
}

.partner-landing-hero::before {
  position: absolute;
  inset: 0;
  content: "";
  opacity: .28;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .1) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255, 255, 255, .08) 1px, transparent 1px);
  background-size: 86px 86px;
}

.partner-landing-hero::after {
  position: absolute;
  right: -120px;
  top: 90px;
  width: 520px;
  height: 520px;
  border: 1px solid rgba(113, 235, 48, .2);
  border-radius: 50%;
  content: "";
  box-shadow: inset 0 0 80px rgba(0, 168, 234, .12);
}

.partner-landing-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 420px;
  gap: 72px;
  align-items: center;
}

.partner-kicker,
.partner-section-heading span,
.partner-income-copy span,
.partner-toolkit-copy > span,
.partner-final-cta span {
  display: inline-flex;
  margin-bottom: 16px;
  color: var(--green);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.partner-landing-copy h1 {
  max-width: 820px;
  margin: 0;
  color: #fff;
  font-size: 72px;
  line-height: 1.04;
}

.partner-landing-copy p {
  max-width: 740px;
  margin: 24px 0 28px;
  color: rgba(255, 255, 255, .76);
  font-size: 18px;
  line-height: 1.78;
}

.partner-hero-actions {
  display: flex;
  gap: 14px;
  margin-bottom: 34px;
}

.partner-hero-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 760px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 12px;
  overflow: hidden;
  background: rgba(255, 255, 255, .06);
}

.partner-hero-metrics article {
  padding: 22px;
  border-right: 1px solid rgba(255, 255, 255, .12);
}

.partner-hero-metrics article:last-child {
  border-right: 0;
}

.partner-hero-metrics strong,
.partner-hero-metrics span {
  display: block;
}

.partner-hero-metrics strong {
  color: #fff;
  font-size: 25px;
}

.partner-hero-metrics span {
  margin-top: 8px;
  color: rgba(255, 255, 255, .64);
  font-size: 13px;
}

.partner-lead-card {
  position: relative;
  padding: 30px;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(244, 248, 252, .96));
  box-shadow: 0 34px 90px rgba(0, 0, 0, .32);
}

.partner-lead-card::before {
  position: absolute;
  left: 28px;
  right: 28px;
  top: -5px;
  height: 6px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--blue), var(--green));
  content: "";
}

.partner-form-head span {
  color: var(--blue);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.partner-form-head h2 {
  margin: 8px 0 8px;
  color: var(--navy);
  font-size: 30px;
  line-height: 1.16;
}

.partner-form-head p {
  margin: 0 0 22px;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.62;
}

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

.partner-lead-form label {
  display: grid;
  gap: 7px;
}

.partner-lead-form label.wide,
.partner-lead-form button {
  grid-column: 1 / -1;
}

.partner-lead-form label span {
  color: #1f2a38;
  font-size: 13px;
  font-weight: 900;
}

.partner-lead-form input,
.partner-lead-form select,
.partner-lead-form textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #d8e0e9;
  border-radius: 8px;
  color: #101820;
  background: #fff;
  font: inherit;
  font-size: 14px;
}

.partner-lead-form input,
.partner-lead-form select {
  height: 48px;
  padding: 0 14px;
  line-height: 48px;
}

.partner-lead-form select {
  -webkit-appearance: none;
  appearance: none;
  padding-right: 38px;
  background:
    linear-gradient(45deg, transparent 50%, #546173 50%) right 17px center / 6px 6px no-repeat,
    linear-gradient(135deg, #546173 50%, transparent 50%) right 12px center / 6px 6px no-repeat,
    #fff;
}

.partner-lead-form textarea {
  padding: 13px 14px;
  line-height: 1.55;
  resize: vertical;
}

.partner-growth-section,
.partner-toolkit-section {
  padding: 96px 0;
  background: #fff;
}

.partner-section-heading {
  max-width: 780px;
  margin: 0 auto 44px;
  text-align: center;
}

.partner-section-heading h2,
.partner-income-copy h2,
.partner-toolkit-copy h2,
.partner-final-cta h2 {
  margin: 0 0 18px;
  color: var(--navy);
  font-size: 44px;
  line-height: 1.14;
}

.partner-section-heading p {
  margin: 0;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.75;
}

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

.partner-growth-grid article {
  min-height: 260px;
  padding: 28px;
  border: 1px solid #dde6ef;
  border-radius: 12px;
  background:
    linear-gradient(180deg, #fff, #f8fbfe);
  box-shadow: 0 16px 38px rgba(6, 17, 38, .06);
}

.partner-growth-grid img {
  width: 38px;
  height: 38px;
  margin-bottom: 22px;
  filter: invert(22%) sepia(93%) saturate(1738%) hue-rotate(207deg) brightness(84%) contrast(105%);
}

.partner-growth-grid h3 {
  margin: 0 0 10px;
  color: var(--navy);
  font-size: 22px;
}

.partner-growth-grid p,
.partner-income-copy p,
.partner-toolkit-copy li span,
.partner-steps-row p {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.72;
}

.partner-income-section,
.partner-steps-section {
  position: relative;
  overflow: hidden;
  padding: 94px 0;
  color: #fff;
  background:
    radial-gradient(circle at 88% 12%, rgba(113, 235, 48, .18), transparent 25%),
    radial-gradient(circle at 10% 80%, rgba(0, 168, 234, .2), transparent 25%),
    linear-gradient(135deg, #06172f, #08172d 72%, #03070d);
}

.partner-income-grid,
.partner-toolkit-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 520px;
  gap: 70px;
  align-items: center;
}

.partner-income-copy h2,
.partner-final-cta h2,
.partner-section-heading.light h2 {
  color: #fff;
}

.partner-income-copy p,
.partner-section-heading.light p {
  color: rgba(255, 255, 255, .72);
}

.partner-income-board {
  padding: 28px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .05));
  box-shadow: 0 30px 80px rgba(0, 0, 0, .24);
}

.partner-board-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.partner-board-top strong {
  color: #fff;
  font-size: 24px;
}

.partner-board-top span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 12px;
  border-radius: 999px;
  color: #06172f;
  background: var(--green);
  font-size: 12px;
  font-weight: 900;
}

.partner-board-numbers {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.partner-board-numbers article {
  padding: 18px;
  border-radius: 10px;
  background: rgba(255, 255, 255, .08);
}

.partner-board-numbers small,
.partner-board-numbers b,
.partner-board-numbers em {
  display: block;
}

.partner-board-numbers small {
  color: rgba(255, 255, 255, .58);
  font-size: 12px;
  font-weight: 800;
}

.partner-board-numbers b {
  margin-top: 8px;
  color: #fff;
  font-size: 28px;
}

.partner-board-numbers em {
  margin-top: 5px;
  color: var(--green);
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
}

.partner-board-bars {
  display: flex;
  align-items: end;
  gap: 14px;
  height: 170px;
  margin-top: 22px;
  padding: 22px;
  border-radius: 12px;
  background: rgba(4, 12, 24, .56);
}

.partner-board-bars i {
  flex: 1;
  min-height: 36px;
  border-radius: 999px 999px 5px 5px;
  background: linear-gradient(180deg, var(--green), var(--blue));
}

.partner-board-bars i:nth-child(1) { height: 38%; }
.partner-board-bars i:nth-child(2) { height: 64%; }
.partner-board-bars i:nth-child(3) { height: 48%; }
.partner-board-bars i:nth-child(4) { height: 82%; }
.partner-board-bars i:nth-child(5) { height: 70%; }
.partner-board-bars i:nth-child(6) { height: 92%; }

.partner-toolkit-grid {
  grid-template-columns: 520px minmax(0, 1fr);
}

.partner-toolkit-visual {
  position: relative;
  min-height: 420px;
}

.partner-window {
  position: absolute;
  border: 1px solid rgba(0, 168, 234, .36);
  border-radius: 14px;
  background: linear-gradient(180deg, #092957, #06172f);
  box-shadow: 0 24px 70px rgba(6, 17, 38, .18);
}

.partner-window.main {
  left: 0;
  top: 40px;
  width: 420px;
  min-height: 280px;
  padding: 28px;
}

.partner-window.qr {
  right: 28px;
  top: 0;
  width: 150px;
  min-height: 160px;
  padding: 20px;
  transform: rotate(5deg);
}

.partner-window.wallet {
  right: 0;
  bottom: 28px;
  width: 220px;
  min-height: 150px;
  padding: 22px;
  background: linear-gradient(135deg, var(--green), var(--blue));
}

.partner-window span {
  display: block;
  margin-bottom: 16px;
  color: var(--green);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.partner-window.wallet span {
  color: #06172f;
}

.partner-window strong {
  color: #fff;
  font-size: 24px;
}

.partner-window p {
  height: 13px;
  margin: 24px 0 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, .16);
}

.partner-toolkit-copy ul {
  display: grid;
  gap: 18px;
  margin: 26px 0 0;
  padding: 0;
  list-style: none;
}

.partner-toolkit-copy li {
  position: relative;
  padding-left: 36px;
}

.partner-toolkit-copy li::before {
  position: absolute;
  left: 0;
  top: 4px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--green), var(--blue));
  content: "";
}

.partner-toolkit-copy li strong,
.partner-toolkit-copy li span {
  display: block;
}

.partner-toolkit-copy li strong {
  margin-bottom: 4px;
  color: var(--navy);
  font-size: 18px;
}

.partner-steps-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.partner-steps-row article {
  min-height: 240px;
  padding: 28px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .05));
}

.partner-steps-row article > span {
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  margin-bottom: 22px;
  border-radius: 50%;
  color: #06172f;
  background: linear-gradient(135deg, var(--green), var(--blue));
  font-weight: 900;
}

.partner-steps-row h3 {
  margin: 0 0 10px;
  color: #fff;
  font-size: 21px;
}

.partner-steps-row p {
  color: rgba(255, 255, 255, .68);
}

.partner-final-cta {
  padding: 76px 0;
  color: #fff;
  background:
    radial-gradient(circle at 12% 22%, rgba(113, 235, 48, .18), transparent 24%),
    linear-gradient(135deg, #07172f, #092f66);
}

.partner-final-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 40px;
  align-items: center;
}

.partner-final-cta h2 {
  max-width: 820px;
  margin-bottom: 0;
}

.social-phone-card {
  display: grid;
  place-items: center;
}

.phone-frame {
  width: min(270px, 100%);
  min-height: 430px;
  display: grid;
  align-content: center;
  gap: 18px;
  padding: 34px 24px;
  border: 10px solid rgba(255, 255, 255, .18);
  border-radius: 32px;
  background:
    radial-gradient(circle at 72% 18%, rgba(113, 235, 48, .28), transparent 28%),
    linear-gradient(160deg, #fff, #edf8ff);
  color: var(--navy);
  text-align: center;
}

.phone-frame span {
  color: var(--blue);
  font-weight: 900;
}

.phone-frame strong {
  font-size: 34px;
  line-height: 1.04;
}

.phone-frame p {
  color: var(--muted);
}

.social-guide-grid,
.account-client-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
}

.social-guide-grid span,
.account-client-grid article {
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  color: var(--blue);
  font-size: 13px;
  font-weight: 900;
  text-align: center;
  box-shadow: 0 10px 22px rgba(6, 17, 15, .04);
}

.social-download {
  color: #fff;
  background:
    radial-gradient(circle at 8% 18%, rgba(0, 168, 234, .26), transparent 24%),
    linear-gradient(135deg, var(--navy-2), var(--navy));
}

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

.social-store-grid a {
  display: grid;
  place-items: center;
  min-height: 96px;
  padding: 18px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 8px;
  background: rgba(255,255,255,.1);
  color: #fff;
  font-weight: 900;
}

.account-form-card {
  display: grid;
  gap: 20px;
  padding: 30px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #fff;
  box-shadow: var(--shadow);
}

.account-form-card h3 {
  margin: 8px 0 0;
  color: var(--navy);
}

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

.form-grid label,
.form-checks label {
  display: grid;
  gap: 8px;
  color: #334155;
  font-size: 13px;
  font-weight: 800;
}

.form-grid input,
.form-grid select {
  width: 100%;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid #dce5ee;
  border-radius: 6px;
  color: var(--ink);
  background: #fff;
  font: inherit;
}

.form-checks {
  display: grid;
  gap: 10px;
}

.form-checks label {
  grid-template-columns: 18px 1fr;
  align-items: start;
}

.account-form-card .btn {
  justify-self: start;
}

.funding-hero,
.detail-hero {
  position: relative;
  overflow: hidden;
  padding: 92px 0 82px;
  color: #fff;
  background:
    radial-gradient(circle at 84% 16%, rgba(113, 235, 48, .2), transparent 26%),
    radial-gradient(circle at 10% 20%, rgba(0, 168, 234, .24), transparent 30%),
    linear-gradient(135deg, var(--navy-2), var(--navy));
}

.tv-detail-hero {
  background:
    radial-gradient(circle at 84% 16%, rgba(0, 168, 234, .28), transparent 28%),
    radial-gradient(circle at 10% 20%, rgba(113, 235, 48, .16), transparent 30%),
    linear-gradient(135deg, #031a4b, var(--blue));
}

.funding-hero::before,
.detail-hero::before {
  position: absolute;
  inset: 0;
  content: "";
  opacity: .32;
  background:
    linear-gradient(135deg, transparent 0 48%, rgba(255, 255, 255, .08) 48% 49%, transparent 49%),
    linear-gradient(45deg, transparent 0 48%, rgba(0, 168, 234, .12) 48% 49%, transparent 49%);
  background-size: 72px 72px;
}

.funding-hero-grid,
.detail-hero-grid,
.withdrawal-layout,
.detail-two-col,
.detail-band-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 410px;
  align-items: center;
  gap: 56px;
}

.funding-hero .eyebrow,
.detail-hero .eyebrow {
  color: #fff;
}

.funding-hero h1,
.detail-hero h1 {
  max-width: 920px;
  font-size: clamp(40px, 4.6vw, 68px);
}

.funding-hero p,
.detail-hero p {
  max-width: 760px;
  color: rgba(255, 255, 255, .76);
  font-size: 17px;
}

.funding-highlight,
.detail-metric-card {
  padding: 34px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .07));
  box-shadow: 0 28px 70px rgba(0, 0, 0, .24);
}

.funding-highlight span,
.detail-metric-card span,
.withdrawal-layout span,
.detail-two-col span,
.detail-band-grid span {
  display: inline-flex;
  margin-bottom: 14px;
  color: var(--green);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.funding-highlight strong,
.detail-metric-card strong {
  display: block;
  margin-bottom: 12px;
  font-size: 58px;
  line-height: .95;
}

.funding-currencies,
.detail-proof {
  padding: 62px 0;
  background: #fff;
}

.currency-chip-grid,
.detail-proof-grid,
.funding-method-grid,
.funding-security-grid,
.detail-feature-grid,
.detail-download-grid,
.detail-step-grid,
.detail-faq-grid {
  display: grid;
  gap: 16px;
}

.currency-chip-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.detail-proof-grid,
.detail-step-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.funding-method-grid,
.detail-feature-grid,
.detail-faq-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.funding-security-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.detail-download-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.currency-chip-grid span,
.detail-proof-grid article,
.funding-method-grid article,
.withdrawal-rule-list article,
.funding-security-grid article,
.detail-spec-list,
.detail-feature-grid article,
.detail-download-grid a,
.detail-step-grid article,
.detail-faq-grid article {
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 14px 32px rgba(6, 17, 15, .05);
}

.currency-chip-grid span,
.detail-download-grid a {
  color: var(--blue);
  font-weight: 900;
  text-align: center;
}

.detail-proof-grid strong {
  display: block;
  color: var(--blue);
  font-size: 36px;
  line-height: 1;
}

.detail-proof-grid span,
.funding-method-grid p,
.funding-method-grid strong,
.withdrawal-rule-list p,
.funding-security-grid p,
.detail-feature-grid p,
.detail-step-grid p,
.detail-faq-grid p,
.detail-spec-list li {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.72;
}

.funding-methods,
.detail-intro,
.detail-downloads {
  background: #fff;
}

.withdrawal-rules,
.funding-table-section,
.detail-feature-section,
.detail-faq {
  background: #f6f8fb;
}

.withdrawal-layout,
.detail-band-grid {
  align-items: start;
}

.withdrawal-layout > div:first-child,
.detail-band-grid > div:first-child {
  padding: 34px;
  border-radius: 8px;
  color: #fff;
  background:
    radial-gradient(circle at 92% 12%, rgba(113, 235, 48, .18), transparent 28%),
    linear-gradient(135deg, var(--navy), var(--blue));
  box-shadow: var(--shadow);
}

.withdrawal-layout h2,
.detail-band-grid h2 {
  color: #fff;
  font-size: 34px;
  line-height: 1.12;
}

.withdrawal-layout > div:first-child p,
.detail-band-grid > div:first-child p {
  color: rgba(255, 255, 255, .76);
}

.withdrawal-rule-list,
.detail-pill-grid {
  display: grid;
  gap: 16px;
}

.detail-pill-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.detail-pill-grid span {
  margin: 0;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  color: var(--blue);
  box-shadow: 0 12px 28px rgba(6, 17, 15, .05);
}

.funding-table-card {
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #fff;
  box-shadow: var(--shadow);
}

.funding-table-card table {
  width: 100%;
  min-width: 900px;
  border-collapse: collapse;
}

.funding-table-card th,
.funding-table-card td {
  padding: 18px 20px;
  border-bottom: 1px solid var(--line);
  text-align: left;
  vertical-align: top;
  font-size: 14px;
}

.funding-table-card th {
  color: var(--navy);
  background: #f2f7fc;
  font-weight: 900;
}

.detail-spec-list ul {
  display: grid;
  gap: 12px;
  margin: 0;
  padding-left: 18px;
}

.detail-steps {
  background:
    radial-gradient(circle at 88% 12%, rgba(0, 168, 234, .1), transparent 24%),
    linear-gradient(135deg, #fff, #f6f9fc);
}

.detail-step-grid span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  margin-bottom: 18px;
  border-radius: 6px;
  color: #fff;
  background: var(--gradient);
  font-weight: 900;
}

.detail-feature-grid article:hover,
.detail-faq-grid article:hover,
.detail-spec-list:hover {
  transform: translateY(-3px);
  border-color: rgba(0, 168, 234, .28);
  box-shadow: 0 18px 38px rgba(0, 65, 159, .09);
}

.detail-feature-grid article,
.detail-faq-grid article,
.detail-spec-list,
.detail-pill-grid span,
.detail-download-grid a {
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.detail-metric-card strong {
  word-break: break-word;
}

.detail-proof-grid article {
  position: relative;
  overflow: hidden;
}

.detail-proof-grid article::after {
  position: absolute;
  right: -34px;
  bottom: -42px;
  width: 104px;
  height: 104px;
  border-radius: 50%;
  content: "";
  background: rgba(0, 168, 234, .08);
}

@keyframes floatY {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-12px);
  }
}

@media (max-width: 1080px) {
  .hero-grid,
  .offer-layout,
  .contact-grid,
  .newsletter-inner,
  .doc-layout,
  .gs-hero-grid,
  .gs-mega-layout,
  .ta-hero-grid,
  .ta-compare-layout,
  .ta-raw-grid,
  .tm-hero-grid,
  .tm-focus-grid,
  .pricing-hero-grid,
  .pricing-layout,
  .platform-hero-grid,
  .platform-download-layout,
  .mt5-intro-grid,
  .mt5-detail-layout,
  .directory-hero-grid,
  .tools-hero-grid,
  .tools-server-layout,
  .company-hero-grid,
  .company-story-grid,
  .partner-hero-grid,
  .social-hero-grid,
  .account-hero-grid,
  .partner-dashboard-layout,
  .partner-assets-grid,
  .partner-commission-grid,
  .social-feature-layout,
  .social-download-inner,
  .account-form-layout,
  .account-kyc-grid,
  .funding-hero-grid,
  .detail-hero-grid,
  .withdrawal-layout,
  .detail-two-col,
  .detail-band-grid {
    grid-template-columns: 1fr;
  }

  .nav nav {
    display: none;
  }

  .doc-sidebar {
    position: static;
    max-height: none;
  }

  .directory-links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .gs-path-grid,
  .gs-feature-grid,
  .gs-step-line,
  .ta-account-grid,
  .ta-spec-grid,
  .tm-category-grid,
  .pricing-card-grid,
  .platform-feature-grid,
  .platform-proof-grid,
  .platform-step-grid,
  .platform-step-grid.six,
  .mt5-advantage-grid,
  .mt5-feature-strip,
  .mt5-automation,
  .partner-proof-grid,
  .partner-card-grid,
  .partner-report-grid,
  .partner-step-grid,
  .social-core-grid,
  .social-snapshot-grid,
  .social-step-grid,
  .social-guide-grid,
  .account-option-grid,
  .account-step-grid,
  .account-client-grid,
  .currency-chip-grid,
  .detail-proof-grid,
  .funding-method-grid,
  .funding-security-grid,
  .detail-feature-grid,
  .detail-download-grid,
  .detail-step-grid,
  .detail-faq-grid,
  .tools-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mt5-detail-nav {
    position: static;
  }

  .gs-menu-board {
    grid-template-columns: 1fr;
  }

  .gs-final-inner {
    align-items: flex-start;
    flex-direction: column;
  }

  .ta-final-inner {
    align-items: flex-start;
    flex-direction: column;
  }

  .tm-final-inner {
    align-items: flex-start;
    flex-direction: column;
  }

  .pricing-final-inner,
  .platform-final-inner,
  .directory-toolbar,
  .directory-actions,
  .tools-final-inner,
  .company-final-inner {
    align-items: flex-start;
    flex-direction: column;
  }

  .user-layout,
  .user-hero-panel,
  .tm-intro-grid,
  .tm-raw-grid,
  .tm-platform-grid,
  .tm-mobile-grid,
  .terms-two-col,
  .terms-table-layout {
    grid-template-columns: 1fr;
  }

  .user-sidebar {
    position: static;
  }

  .user-stat-grid,
  .user-card-grid,
  .user-page-grid,
  .tm-step-grid,
  .terms-card-grid,
  .terms-commission-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tm-product-card {
    grid-template-columns: 54px minmax(0, 1fr);
  }

  .tm-product-card aside {
    grid-column: 1 / -1;
    min-height: 0;
    text-align: left;
  }

  .hero-visual {
    max-width: 650px;
  }

  .tv-platform-page .platform-hero-grid {
    grid-template-columns: 1fr;
  }

  .tv-terminal-visual {
    max-width: 620px;
  }
}

@media (max-width: 760px) {
  .container {
    width: min(100% - 28px, 1310px);
  }

  .top-inner,
  .top-contact,
  .section-row,
  .copyright,
  .newsletter form {
    align-items: flex-start;
    flex-direction: column;
  }

  .top-contact {
    display: none;
  }

  .nav-actions {
    gap: 10px;
  }

  .lang-switch {
    width: 42px;
    min-width: 42px;
    padding: 0;
  }

  .lang-switch span {
    display: none;
  }

  .hero {
    padding: 62px 0;
  }

  h1 {
    font-size: 42px;
  }

  .hero-visual {
    min-height: 340px;
  }

  .counter-grid,
  .case-grid,
  .blog-grid,
  .leader-grid,
  .footer-grid,
  .home-footer-top,
  .home-footer-links,
  .home-footer-compliance,
  .directory-links,
  .gs-path-grid,
  .gs-feature-grid,
  .gs-step-line,
  .ta-account-grid,
  .ta-spec-grid,
  .tm-category-grid,
  .pricing-card-grid,
  .pricing-compare-grid,
  .platform-feature-grid,
  .platform-proof-grid,
  .platform-step-grid,
  .platform-step-grid.six,
  .download-grid,
  .mt5-advantage-grid,
  .mt5-feature-strip,
  .mt5-automation,
  .partner-proof-grid,
  .partner-card-grid,
  .partner-report-grid,
  .partner-step-grid,
  .partner-type-grid,
  .social-core-grid,
  .social-snapshot-grid,
  .social-step-grid,
  .social-guide-grid,
  .social-audience-grid,
  .social-faq-grid,
  .social-store-grid,
  .account-option-grid,
  .account-step-grid,
  .account-doc-grid,
  .account-faq-grid,
  .account-client-grid,
  .form-grid,
  .currency-chip-grid,
  .detail-proof-grid,
  .funding-method-grid,
  .funding-security-grid,
  .detail-feature-grid,
  .detail-download-grid,
  .detail-step-grid,
  .detail-faq-grid,
  .detail-pill-grid,
  .tools-card-grid,
  .tools-metric-grid,
  .company-value-grid,
  .company-signal-grid {
    grid-template-columns: 1fr;
  }

  .home-footer {
    background-size: 42px 42px, 42px 42px, auto;
  }

  .home-footer-top {
    padding-top: 46px;
  }

  .home-footer-links,
  .home-footer-compliance {
    padding: 26px 0;
  }

  .home-footer-action {
    padding: 20px;
  }

  .home-footer-bottom {
    align-items: flex-start;
    flex-direction: column;
  }

  .doc-content {
    padding: 28px 20px;
  }

  .page-hero {
    padding: 58px 0;
  }

  .gs-hero {
    padding: 62px 0;
  }

  .ta-hero {
    padding: 62px 0;
  }

  .tm-hero {
    padding: 62px 0;
  }

  .pricing-hero,
  .platform-hero,
  .directory-hero,
  .tools-hero,
  .company-hero {
    padding: 62px 0;
  }

  .ta-quote-card,
  .ta-side-panel,
  .tm-market-board,
  .tm-focus-copy,
  .pricing-snapshot,
  .pricing-side,
  .platform-download-layout > div:first-child,
  .mt5-spec-panel,
  .mt5-detail-nav,
  .mt5-advantage-grid article,
  .mt5-detail-list article,
  .mt5-automation > div,
  .partner-dashboard-card,
  .social-phone-card,
  .account-trust-card,
  .partner-dashboard-layout > div:first-child,
  .partner-material-card,
  .partner-wallet-card,
  .partner-card-grid article,
  .partner-report-grid article,
  .partner-feature-list article,
  .partner-step-grid article,
  .partner-type-grid article,
  .social-feature-layout > div:first-child,
  .social-core-grid article,
  .social-feature-list article,
  .social-step-grid article,
  .social-audience-grid article,
  .social-faq-grid article,
  .account-form-copy,
  .account-form-card,
  .account-kyc-grid > div:first-child,
  .account-option-grid article,
  .account-step-grid article,
  .account-doc-grid article,
  .account-faq-grid article,
  .funding-highlight,
  .detail-metric-card,
  .funding-method-grid article,
  .withdrawal-layout > div:first-child,
  .withdrawal-rule-list article,
  .funding-security-grid article,
  .detail-spec-list,
  .detail-feature-grid article,
  .detail-band-grid > div:first-child,
  .detail-step-grid article,
  .detail-faq-grid article,
  .directory-status-card,
  .tools-map-card,
  .company-trust-card,
  .tools-server-layout > div:first-child,
  .company-story-grid > div:first-child {
    padding: 24px;
  }

  .partner-hero,
  .social-hero,
  .account-hero {
    padding: 62px 0;
  }

  .funding-hero,
  .detail-hero {
    padding: 62px 0;
  }

  .ta-raw-points article,
  .tm-feature-list article {
    grid-template-columns: 1fr;
  }

  .gs-panel-metric {
    right: 14px;
    bottom: 14px;
  }

  .gs-menu-column,
  .gs-cta-panel {
    padding: 24px;
  }

  .input-row {
    display: block;
  }

  .newsletter button {
    width: 100%;
    min-height: 44px;
  }

  .directory-actions,
  .user-topbar-inner,
  .user-topbar-actions {
    align-items: flex-start;
    flex-direction: column;
  }

  .user-layout {
    padding: 20px 0 54px;
  }

  .user-hero-panel,
  .user-page-card {
    padding: 22px;
  }

  .user-stat-grid,
  .user-card-grid,
  .user-page-grid,
  .tm-intro-stats,
  .tm-raw-metrics,
  .tm-step-grid {
    grid-template-columns: 1fr;
  }

  .tm-subnav {
    position: static;
  }

  .tm-subnav .container {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 2px;
  }

  .tm-product-card {
    grid-template-columns: 1fr;
    padding: 22px;
  }

  .tm-product-card aside {
    padding: 18px;
  }

  .tm-risk-inner {
    grid-template-columns: 1fr;
  }

  .tm-mobile-card {
    min-height: 0;
    padding: 24px;
  }

  .terms-subnav {
    position: static;
  }

  .terms-subnav .container {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 2px;
  }

  .terms-card-grid,
  .terms-note-grid,
  .terms-commission-grid,
  .terms-risk-inner {
    grid-template-columns: 1fr;
  }

  .terms-copy,
  .terms-side-panel {
    padding: 24px;
  }
}

@media (max-width: 1080px) {
  body.accounts-redesign .ta-hero-grid,
  body.accounts-redesign .ta-raw-grid,
  body.accounts-redesign .ta-compare-layout {
    grid-template-columns: 1fr;
  }

  body.accounts-redesign .ta-quote-card,
  body.accounts-redesign .ta-side-panel {
    max-width: 680px;
  }

  body.accounts-redesign .ta-matrix-summary,
  body.accounts-redesign .ta-raw-points,
  body.accounts-redesign .ta-resource-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.accounts-redesign .ta-subnav {
    top: 111px;
  }
}

@media (max-width: 760px) {
  body.accounts-redesign .ta-hero {
    padding: 58px 0;
  }

  body.accounts-redesign .ta-hero h1 {
    font-size: 42px;
  }

  body.accounts-redesign .ta-hero-kpis,
  body.accounts-redesign .ta-matrix-summary,
  body.accounts-redesign .ta-card-actions,
  body.accounts-redesign .ta-raw-list,
  body.accounts-redesign .ta-raw-points,
  body.accounts-redesign .ta-resource-grid {
    grid-template-columns: 1fr;
  }

  body.accounts-redesign .ta-subnav {
    position: static;
  }

  body.accounts-redesign .ta-subnav .container {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 2px;
  }

  body.accounts-redesign .ta-overview,
  body.accounts-redesign .ta-matrix-section,
  body.accounts-redesign .ta-raw,
  body.accounts-redesign .ta-specs,
  body.accounts-redesign .ta-compare {
    padding: 62px 0;
  }

  body.accounts-redesign .ta-account-card,
  body.accounts-redesign .ta-raw-copy,
  body.accounts-redesign .ta-side-panel,
  body.accounts-redesign .ta-resource-grid a {
    padding: 22px;
  }

  body.accounts-redesign .ta-popular-badge {
    top: 14px;
    right: 14px;
  }

  body.accounts-redesign .ta-card-top {
    padding-right: 0;
  }

  body.accounts-redesign .ta-account-card.featured .ta-card-top {
    padding-right: 58px;
  }

  body.accounts-redesign .ta-card-platform-label,
  body.accounts-redesign .ta-account-card > p:not(.ta-card-platform-label) {
    min-height: 0;
  }

  body.accounts-redesign .ta-card-metrics div {
    grid-template-columns: 72px minmax(0, 1fr);
    padding: 11px 12px;
  }

  body.accounts-redesign .ta-card-metrics dd {
    font-size: 14px;
  }

  body.accounts-redesign .ta-matrix-card table {
    min-width: 920px;
  }

  body.accounts-redesign .ta-matrix-card th,
  body.accounts-redesign .ta-matrix-card td {
    padding: 13px 14px;
  }

  body.accounts-redesign .ta-matrix-card tbody th {
    width: 180px;
  }

  body.accounts-redesign .ta-raw-points article {
    min-height: 0;
  }

  body.accounts-redesign .ta-raw-points {
    grid-template-rows: none;
    height: auto;
  }

  body.accounts-redesign .ta-side-panel {
    min-height: 0;
  }

  body.accounts-redesign .ta-resource-grid a:first-child {
    grid-row: auto;
    min-height: 124px;
  }
}

@media (max-width: 1080px) {
  :is(body.zh-mt5-redesign, body.mt5-page-redesign) .platform-hero-grid,
  :is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-intro-grid,
  :is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-detail-layout,
  :is(body.zh-mt5-redesign, body.mt5-page-redesign) .platform-download-layout,
  :is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-hero-dock,
  :is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-showcase {
    grid-template-columns: 1fr;
  }

  :is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-hero-redesign::after {
    width: 100%;
    height: 42%;
    clip-path: polygon(0 18%, 100% 0, 100% 100%, 0 100%);
    opacity: .8;
  }

  :is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-hero-visual {
    min-height: 420px;
  }

  :is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-terminal-card {
    width: 100%;
  }

  :is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-device-stage {
    width: 58%;
  }

  :is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-hero-dock ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  :is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-detail-nav {
    position: static;
  }

  :is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-detail-list,
  :is(body.zh-mt5-redesign, body.mt5-page-redesign) .download-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  :is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-showcase {
    gap: 18px;
  }
}

@media (max-width: 1080px) {
  .webtrader-hero-grid,
  .webtrader-intro-grid,
  .webtrader-feature-layout,
  .webtrader-band-grid,
  .webtrader-access-grid {
    grid-template-columns: 1fr;
  }

  .webtrader-hero::after {
    width: 100%;
    height: 42%;
    clip-path: polygon(0 18%, 100% 0, 100% 100%, 0 100%);
    opacity: .78;
  }

  .webtrader-screen {
    min-height: 420px;
  }

  .webtrader-window {
    width: 100%;
  }

  .webtrader-strip,
  .webtrader-benefit-grid,
  .webtrader-step-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .webtrader-band-grid > div:first-child {
    position: static;
  }

  .webtrader-final-inner {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 760px) {
  .webtrader-hero {
    padding: 58px 0 0;
  }

  .webtrader-hero h1 {
    font-size: 42px;
  }

  .webtrader-hero-grid {
    padding-bottom: 32px;
  }

  .webtrader-hero::after {
    height: 34%;
    opacity: .55;
  }

  .webtrader-screen {
    min-height: 0;
  }

  .webtrader-window,
  .webtrader-ticket {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    width: 100%;
  }

  .webtrader-window img {
    height: 230px;
  }

  .webtrader-ticket {
    margin-top: 14px;
    padding: 18px;
  }

  .webtrader-strip,
  .webtrader-benefit-grid,
  .webtrader-mini-grid,
  .webtrader-check-list,
  .webtrader-step-grid {
    grid-template-columns: 1fr;
  }

  .webtrader-strip,
  .webtrader-spec-card,
  .webtrader-feature-media,
  .webtrader-band-grid > div:first-child,
  .webtrader-benefit-grid article,
  .webtrader-check-list article,
  .webtrader-step-grid article,
  .webtrader-final-inner {
    padding: 22px;
  }

  .webtrader-final-inner {
    background:
      linear-gradient(135deg, rgba(255, 255, 255, .97), rgba(246, 251, 255, .97));
  }
}

@media (max-width: 1080px) {
  .mobile-mt-hero-grid,
  .mobile-mt-advantage-layout,
  .mobile-mt-download-grid {
    grid-template-columns: 1fr;
  }

  .mobile-mt-platform-grid,
  .mobile-mt-feature-grid,
  .mobile-mt-step-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mobile-mt-device {
    max-width: 720px;
  }

  .mobile-mt-final-inner {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 760px) {
  .mobile-mt-hero {
    padding: 58px 0;
  }

  .mobile-mt-hero h1 {
    font-size: 42px;
  }

  .mobile-mt-device div {
    position: static;
    width: 100%;
    margin-top: 14px;
  }

  .mobile-mt-platform-grid,
  .mobile-mt-feature-grid,
  .mobile-mt-checks,
  .mobile-mt-step-grid {
    grid-template-columns: 1fr;
  }

  .mobile-mt-platform-grid article > div,
  .mobile-mt-feature-grid article,
  .mobile-mt-advantage-layout > div:first-child,
  .mobile-mt-step-grid article,
  .mobile-mt-final-inner {
    padding: 22px;
  }

  .mobile-mt-final-inner {
    background:
      linear-gradient(135deg, rgba(255, 255, 255, .97), rgba(246, 251, 255, .97));
  }
}

@media (max-width: 760px) {
  :is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-hero-redesign {
    padding: 58px 0;
  }

  :is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-hero-copy h1 {
    font-size: 40px;
  }

  :is(body.zh-mt5-redesign, body.mt5-page-redesign) .platform-hero-grid {
    padding-bottom: 32px;
  }

  :is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-hero-redesign::after {
    height: 36%;
    opacity: .58;
  }

  :is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-hero-visual {
    min-height: 390px;
  }

  :is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-terminal-card {
    position: relative;
  }

  :is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-terminal-card img {
    height: 230px;
  }

  :is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-device-stage,
  :is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-quote-ticket {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    width: 100%;
    margin-top: 14px;
  }

  :is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-device-stage {
    padding: 22px 14px;
    border-radius: 12px;
  }

  :is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-quote-ticket {
    padding: 18px;
  }

  :is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-hero-dock {
    padding: 20px;
  }

  :is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-hero-dock ul {
    grid-template-columns: 1fr;
  }

  :is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-detail-list,
  :is(body.zh-mt5-redesign, body.mt5-page-redesign) .download-grid {
    grid-template-columns: 1fr;
  }

  :is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-detail-list article {
    min-height: 0;
  }

  :is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-showcase-media,
  :is(body.zh-mt5-redesign, body.mt5-page-redesign) .mt5-intro-image {
    padding: 14px;
  }
}

@media (max-width: 1180px) {
  body.accounts-redesign .ta-account-detail-grid { grid-template-columns: 1fr; }
}

@media (max-width: 820px) {
  body.accounts-redesign .ta-account-detail-grid .ta-account-card { display: flex; }
}

/* Index1 live quotes, MT5 showcase and partner journey */
.market-ticker{padding:22px 0 20px;color:var(--ink);background:linear-gradient(135deg,#f6fbff,#eaf5fb);border-top:1px solid #dbeaf3;border-bottom:1px solid #dbeaf3}.ticker-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:14px}.ticker-kicker,.section-kicker{display:inline-flex;align-items:center;gap:8px;margin:0;color:var(--blue);font-size:12px;font-weight:900;letter-spacing:.7px;text-transform:uppercase}.ticker-live-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(113,235,48,.15);animation:pulseLive 1.6s ease-in-out infinite}.ticker-heading h2{margin:0;font-size:19px;line-height:1.15}.ticker-status{display:grid;justify-items:end;gap:2px;color:#728198;font-size:12px;text-align:right}.ticker-status-label{color:var(--blue);font-weight:800}.quote-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.quote-card{display:grid;gap:6px;min-height:126px;padding:12px;border:1px solid #d6e2eb;border-radius:8px;color:var(--ink);background:#fff;box-shadow:0 8px 18px rgba(6,37,103,.06);text-align:left;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}.quote-card:hover,.quote-card:focus-visible,.quote-card.is-selected{border-color:rgba(0,168,234,.7);outline:none;background:#f9fdff;transform:translateY(-3px)}.quote-symbol{font-size:14px;font-weight:900}.quote-symbol small{display:block;margin-top:1px;color:#8491a0;font-size:12px;font-weight:600}.quote-values{display:flex;align-items:flex-end;justify-content:space-between;gap:8px}.quote-values strong{font-size:19px;line-height:1;letter-spacing:.3px}.quote-values>span{display:grid;gap:1px;color:#728198;font-size:12px;text-align:right}.quote-values b{font-weight:700}.quote-change{color:#728198;font-size:12px;font-weight:900}.quote-change.is-up{color:#269b42}.quote-change.is-down{color:#db5b4e}.quote-context{margin-top:auto;color:#93a0ae;font-size:12px}.ticker-note{margin:10px 0 0;color:#728198;font-size:12px}.quote-flash{animation:quoteFlash .55s ease}
.mt5-home-section{overflow:hidden;background:#f3f8fc}.mt5-home-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:72px}.mt5-home-copy h2,.partner-journey-copy h2{max-width:570px;margin-bottom:18px;font-size:clamp(32px,4vw,52px);line-height:1.08}.mt5-home-copy>p{max-width:540px;margin-bottom:28px;color:var(--muted);font-size:16px}.mt5-home-points{display:grid;gap:14px;margin-bottom:30px}.mt5-home-points>div{display:flex;align-items:center;gap:13px}.mt5-home-points img{width:38px;height:38px;padding:9px;border-radius:8px;background:#dff3ff;filter:invert(22%) sepia(93%) saturate(1738%) hue-rotate(207deg) brightness(84%) contrast(105%)}.mt5-home-points strong,.mt5-home-points small{display:block}.mt5-home-points strong{font-size:14px}.mt5-home-points small{margin-top:2px;color:var(--muted);font-size:12px}.mt5-home-visual{position:relative;min-height:420px}.mt5-home-image{overflow:hidden;border-radius:12px;box-shadow:0 24px 50px rgba(6,37,103,.2);transform:rotate(2deg)}.mt5-home-image img{width:100%;height:390px;object-fit:cover}.mt5-home-badge{position:absolute;top:24px;left:-18px;padding:14px 18px;border-radius:8px;color:#fff;background:var(--navy);box-shadow:8px 8px 0 rgba(113,235,48,.75)}.mt5-home-badge strong{display:block;font-size:28px;line-height:1}.mt5-home-badge span{font-size:12px;font-weight:800}.mt5-home-price{position:absolute;right:-18px;bottom:24px;display:grid;gap:3px;padding:16px 18px;border-radius:8px;color:#fff;background:var(--gradient);box-shadow:0 14px 30px rgba(0,168,234,.28)}.mt5-home-price span{font-size:12px;font-weight:800}.mt5-home-price strong{font-size:26px;line-height:1}.mt5-home-price b{color:#d7ffc9;font-size:12px}
.partner-journey{overflow:hidden;color:#fff;background:#071112}.partner-journey-layout{display:grid;grid-template-columns:.82fr 1.18fr;align-items:start;gap:80px}.partner-journey-copy h2{font-family:Georgia,serif;font-weight:500}.partner-journey-copy>p{max-width:470px;margin-bottom:28px;color:#aebbb7;font-size:16px}.partner-journey .section-kicker{color:var(--green)}.partner-journey .btn.secondary{color:#fff;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.08)}.partner-journey-metrics{display:flex;gap:30px;margin:28px 0;padding:20px 0;border-top:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15)}.partner-journey-metrics strong{display:block;color:var(--green);font-family:Georgia,serif;font-size:30px;line-height:1}.partner-journey-metrics span{color:#8f9b96;font-size:12px;font-weight:900;letter-spacing:.6px;text-transform:uppercase}.partner-journey-track{position:relative;display:grid;gap:14px}.partner-journey-track::before{position:absolute;top:28px;bottom:28px;left:27px;width:1px;content:"";background:rgba(113,235,48,.45)}.partner-journey-track article{position:relative;z-index:1;display:grid;grid-template-columns:56px 1fr;align-items:center;gap:18px;min-height:115px;padding:20px 24px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:rgba(255,255,255,.06);transition:transform .2s ease,border-color .2s ease,background .2s ease}.partner-journey-track article:hover{border-color:rgba(113,235,48,.55);background:rgba(255,255,255,.1);transform:translateX(8px)}.partner-journey-track article>span{display:grid;place-items:center;width:54px;height:54px;border:1px solid rgba(113,235,48,.7);border-radius:50%;color:var(--green);background:#071112;font-size:14px;font-weight:900}.partner-journey-track h3{margin:0 0 5px;font-size:21px}.partner-journey-track p{margin:0;color:#aebbb7;font-size:14px}
.partner-step-icon img{width:22px;height:22px;filter:brightness(0) saturate(100%) invert(83%) sepia(78%) saturate(715%) hue-rotate(48deg) brightness(102%) contrast(88%)}.partner-journey-track article b{display:block;margin-bottom:4px;color:var(--green);font-size:12px;letter-spacing:.8px}
@keyframes pulseLive{50%{opacity:.45;transform:scale(.82)}}@keyframes quoteFlash{0%{background:rgba(113,235,48,.22)}100%{background:rgba(255,255,255,.08)}}
@media (max-width:1080px){.quote-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mt5-home-grid,.partner-journey-layout{grid-template-columns:1fr;gap:42px}.mt5-home-copy,.partner-journey-copy{max-width:760px}}
@media (max-width:760px){.market-ticker{padding:18px 0 16px}.ticker-heading{align-items:flex-start;gap:8px}.ticker-heading h2{font-size:16px}.ticker-status{justify-items:start;text-align:left}.quote-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.quote-card{min-height:122px;padding:11px}.quote-values strong{font-size:17px}.mt5-home-section,.partner-journey{padding:72px 0}.mt5-home-visual{min-height:270px}.mt5-home-image img{height:260px}.mt5-home-badge{top:12px;left:-8px;padding:11px 13px}.mt5-home-badge strong{font-size:23px}.mt5-home-price{right:-8px;bottom:12px;padding:12px 14px}.mt5-home-price strong{font-size:22px}.partner-journey-track article{grid-template-columns:46px 1fr;padding:16px;gap:14px}.partner-journey-track article>span{width:44px;height:44px}.partner-journey-track::before{left:22px}}
.ticker-heading h2{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.market-ticker{padding:18px 0 16px}.quote-card{min-height:112px;padding:11px}.ticker-note{margin-top:6px}
@media (max-width:760px){.market-ticker{padding:14px 0 12px}.quote-card{min-height:108px;padding:10px}.quote-context{font-size:12px}}
.quote-card{min-height:96px}.quote-context{line-height:1.1}
.quote-context{display:none}
@media (max-width:760px){.quote-card{min-height:94px}}
@media (min-width:761px) and (max-width:1080px){.quote-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.quote-card{min-height:96px;padding:10px}.quote-symbol{font-size:13px}.quote-values strong{font-size:17px}}

/* Index1 visual hierarchy refresh */
.quote-change.is-up{color:#d94d4d}.quote-change.is-down{color:#159b66}.quote-tick-up [data-quote-mid],.quote-tick-down [data-quote-mid]{animation:quoteNumberPulse .42s ease}.quote-tick-up [data-quote-mid]{color:#d94d4d}.quote-tick-down [data-quote-mid]{color:#159b66}.quote-flash{animation:none!important}
.account-journey{padding:94px 0 102px;background:#f4f7f9}.account-journey-head{display:grid;grid-template-columns:1.05fr .95fr;align-items:end;gap:60px;margin-bottom:40px}.account-journey-head h2{max-width:650px;margin:0;font-size:clamp(32px,4vw,52px);line-height:1.08}.account-journey-head p{max-width:420px;margin:0 0 5px;color:var(--muted);font-size:16px}.account-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.account-step-grid article{position:relative;min-height:292px;padding:30px;border:1px solid #d8e1e7;border-radius:10px;background:#fff;box-shadow:0 16px 36px rgba(7,31,58,.07);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.account-step-grid article:hover{border-color:rgba(0,168,234,.45);box-shadow:0 24px 48px rgba(7,31,58,.12);transform:translateY(-6px)}.account-step-number{position:absolute;top:22px;right:24px;color:#dce8ef;font-size:42px;font-weight:900;line-height:1}.account-step-icon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:42px;border-radius:10px;background:#e7f6ee;box-shadow:5px 5px 0 #bdf0d5}.account-step-icon img{width:25px;height:25px;filter:invert(46%) sepia(45%) saturate(784%) hue-rotate(107deg) brightness(88%) contrast(90%)}.account-step-grid h3{margin:0 0 9px;font-size:22px}.account-step-grid p{max-width:300px;margin:0 0 18px;color:var(--muted);font-size:14px}.account-step-grid small{display:inline-flex;padding:5px 9px;border:1px solid #d7ebe1;border-radius:999px;color:#159b66;background:#f2fbf6;font-size:12px;font-weight:900}.account-journey-action{display:flex;align-items:center;justify-content:space-between;gap:26px;margin-top:22px;padding:20px 24px;border:1px solid #dce5eb;border-radius:10px;background:#fff}.account-journey-action strong,.account-journey-action span{display:block}.account-journey-action strong{font-size:16px}.account-journey-action span{margin-top:3px;color:var(--muted);font-size:12px}.account-journey-action>div:last-child{display:flex;gap:10px;flex-wrap:wrap}
.home-solutions{background:#fff}.home-solutions .section-title p,.home-insights .section-title p{max-width:520px;margin:14px 0 0;color:var(--muted);font-size:16px}.home-solutions .case-grid{grid-template-columns:1.2fr .8fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:18px}.home-solutions .case-card{min-height:245px;border-radius:10px;box-shadow:0 14px 34px rgba(7,31,58,.09)}.home-solutions .case-card:first-child{grid-row:span 2;min-height:508px}.home-solutions .case-card img{min-height:245px}.home-solutions .case-card:first-child img{min-height:508px}.home-solutions .case-card div{left:18px;right:18px;bottom:18px;padding:20px;border-radius:8px;background:linear-gradient(135deg,rgba(5,24,49,.92),rgba(0,84,143,.88))}.home-solutions .case-card h3{font-size:22px}.home-solutions .case-card p{margin:8px 0 0;color:rgba(255,255,255,.75);font-size:13px}.home-solutions .case-card a{display:inline-flex;margin-top:12px;color:#baff9d;font-size:12px;font-weight:900}
.home-testimonials{background:linear-gradient(135deg,#061b35,#072f4c);color:#fff}.testimonial-layout{display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;gap:90px}.testimonial-intro h2{max-width:450px;margin:0 0 15px;font-size:clamp(32px,3.5vw,48px);line-height:1.1}.testimonial-intro p{max-width:390px;margin:0;color:rgba(255,255,255,.68);font-size:16px}.testimonial-score{display:flex;align-items:center;gap:15px;margin-top:28px}.testimonial-score strong{font-family:Georgia,serif;font-size:46px;line-height:1;color:var(--green)}.testimonial-score span{color:#ffd66e;font-size:18px;letter-spacing:2px}.testimonial-score small{display:block;margin-top:3px;color:rgba(255,255,255,.58);font-size:12px;letter-spacing:0}.testimonial-panel{padding:34px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(255,255,255,.1);box-shadow:0 24px 55px rgba(0,0,0,.2)}.testimonial-panel-top{display:flex;align-items:center;justify-content:space-between;gap:20px;color:rgba(255,255,255,.62);font-size:12px;font-weight:900}.testimonial-panel-top div{display:flex;gap:8px}.testimonial-panel-top button{display:grid;place-items:center;width:35px;height:35px;border:1px solid rgba(255,255,255,.24);border-radius:50%;color:#fff;background:transparent;cursor:pointer}.testimonial-panel blockquote{margin:48px 0 42px;color:#fff;font-family:Georgia,serif;font-size:clamp(22px,2.3vw,31px);line-height:1.35}.testimonial-author{display:flex;align-items:center;gap:12px}.testimonial-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:#07304b;background:var(--green);font-size:12px;font-weight:900}.testimonial-author strong,.testimonial-author small{display:block}.testimonial-author strong{font-size:14px}.testimonial-author small{margin-top:3px;color:rgba(255,255,255,.6);font-size:12px}
.home-insights{background:#f4f7f9}.home-insights .blog-grid{gap:18px}.home-insights .blog-card{border:1px solid #dce5eb;border-radius:10px;box-shadow:0 14px 30px rgba(7,31,58,.06);transition:transform .2s ease,box-shadow .2s ease}.home-insights .blog-card:hover{box-shadow:0 22px 42px rgba(7,31,58,.12);transform:translateY(-5px)}.home-insights .blog-card img{height:190px}.home-insights .blog-card div{padding:22px}.home-insights .blog-card h3{margin:9px 0 0;font-size:20px}.home-insights .blog-card p{margin:10px 0 0;color:var(--muted);font-size:13px}.home-insights .blog-card a{margin-top:16px;font-size:12px}
.home-team{background:#fff}.home-team .section-title p{max-width:430px;margin:14px 0 0;color:var(--muted);font-size:16px}.team-note{padding:14px 22px;border-left:3px solid var(--green);color:var(--muted);font-size:12px;line-height:1.5}.team-note strong{color:var(--blue);font-size:18px}.home-team .leader-grid{gap:16px}.home-team .leader-grid article{overflow:hidden;border:1px solid #dce5eb;border-radius:10px;background:#f7fafc;text-align:left;box-shadow:0 12px 28px rgba(7,31,58,.06)}.home-team .leader-photo{aspect-ratio:1.15;border-radius:0;background:linear-gradient(145deg,#e6f2f8,#f8fbfd);box-shadow:none}.home-team .leader-photo img{width:72%;height:72%}.leader-copy{padding:17px 18px 19px}.leader-copy>span{color:var(--blue);font-size:12px;font-weight:900}.leader-copy h3{margin:7px 0 2px;font-size:18px}.leader-copy p{margin:0;font-size:13px}
.home-contact{padding-top:88px;background:linear-gradient(135deg,#06152c,#092f52);color:#fff}.contact-heading h2{color:#fff}.contact-heading p{color:rgba(255,255,255,.68);font-size:16px}.home-contact .contact-grid{max-width:980px;border-radius:12px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.22)}.home-contact .quote-form{background:#fff}.home-contact .contact-card{background:linear-gradient(145deg,#0b4e7a,#006ea8)}.home-contact .stop-title h2::after{display:none}
@keyframes quoteNumberPulse{50%{transform:translateY(-2px);text-shadow:0 4px 13px currentColor}}
@media (max-width:1080px){.account-journey-head,.testimonial-layout{grid-template-columns:1fr;gap:25px}.account-step-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-solutions .case-grid{grid-template-columns:1fr 1fr}.home-solutions .case-card:first-child{grid-row:auto;grid-column:span 2;min-height:330px}.home-solutions .case-card:first-child img{min-height:330px}}
@media (max-width:760px){.account-journey{padding:70px 0}.account-journey-head{margin-bottom:26px}.account-journey-head h2{font-size:34px}.account-step-grid{grid-template-columns:1fr;gap:12px}.account-step-grid article{min-height:0;padding:22px}.account-step-icon{margin-bottom:25px}.account-journey-action{align-items:flex-start;flex-direction:column;padding:18px}.home-solutions .case-grid{grid-template-columns:1fr}.home-solutions .case-card:first-child{grid-column:auto;min-height:285px}.home-solutions .case-card:first-child img{min-height:285px}.home-solutions .case-card{min-height:230px}.home-solutions .case-card img{min-height:230px}.testimonial-layout{gap:35px}.testimonial-panel{padding:22px}.testimonial-panel blockquote{margin:34px 0 30px;font-size:23px}.home-insights .blog-card img{height:165px}.home-team .section-row{align-items:flex-start}.team-note{margin-top:8px}.home-contact{padding-top:70px}}
 .quote-tick-up [data-quote-mid],.quote-tick-down [data-quote-mid]{transition:color .25s ease}.account-step-grid{position:relative}.account-step-grid::before{position:absolute;z-index:0;top:59px;left:16%;right:16%;height:2px;content:"";background:linear-gradient(90deg,#bdebd0,#8bd7ff,#bdebd0)}.account-step-grid article{z-index:1}
@media (max-width:760px){.account-step-grid::before{display:none}}
.quote-tick-up [data-quote-mid],.quote-tick-down [data-quote-mid]{animation:none!important}
@media (max-width:760px){.market-ticker .quote-card{height:108px;min-height:0;gap:4px;padding:8px}.market-ticker .quote-symbol{font-size:13px}.market-ticker .quote-values strong{font-size:16px}}

/* Counter metrics detail treatment */
.counter-section{position:relative;overflow:hidden;padding:76px 0 82px;background:#f5f7f8}.counter-section::before,.counter-section::after{position:absolute;content:"";border:1px solid rgba(0,65,159,.07);border-radius:50%;pointer-events:none}.counter-section::before{width:360px;height:360px;left:-180px;top:-170px}.counter-section::after{width:440px;height:440px;right:-240px;bottom:-260px}.counter-grid{position:relative;z-index:1;grid-template-columns:repeat(4,minmax(0,1fr));max-width:1080px;gap:16px}.counter-card{position:relative;display:flex;min-height:174px;align-items:flex-start;justify-content:center;padding:28px 22px 24px;border:1px solid #e0e7eb;border-radius:20px;background:#fff;box-shadow:0 14px 32px rgba(7,31,58,.07);text-align:center;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;isolation:isolate}.counter-card::before{position:absolute;top:0;left:22px;width:34px;height:4px;border-radius:0 0 5px 5px;content:"";background:var(--cyan)}.counter-card::after{position:absolute;z-index:-1;right:-28px;bottom:-45px;width:128px;height:128px;border:16px solid rgba(0,65,159,.035);border-radius:50%;content:""}.counter-card:nth-child(1)::before{background:#71eb30}.counter-card:nth-child(2)::before{background:#00a8ea}.counter-card:nth-child(3)::before{background:#8068ef}.counter-card:nth-child(4)::before{background:#f3b94b}.counter-card:hover{border-color:rgba(0,168,234,.45);box-shadow:0 22px 42px rgba(7,31,58,.12);transform:translateY(-5px)}.counter-card img{width:48px;height:48px;margin:0 0 14px;padding:12px;border:1px solid #dcefe4;border-radius:15px;background:#effaf3;filter:invert(38%) sepia(61%) saturate(783%) hue-rotate(113deg) brightness(91%) contrast(89%)}.counter-card:nth-child(2) img{border-color:#d7edfa;background:#eef8ff;filter:invert(26%) sepia(79%) saturate(1275%) hue-rotate(182deg) brightness(83%) contrast(100%)}.counter-card:nth-child(3) img{border-color:#e4defd;background:#f5f2ff;filter:invert(40%) sepia(45%) saturate(1400%) hue-rotate(218deg) brightness(86%) contrast(95%)}.counter-card:nth-child(4) img{border-color:#f6e5bd;background:#fff9e9;filter:invert(65%) sepia(65%) saturate(777%) hue-rotate(358deg) brightness(94%) contrast(91%)}.counter-card strong{margin:2px 0 7px;font-size:34px;letter-spacing:-.02em}.counter-card span{font-size:13px;letter-spacing:.04em}.counter-card span::before{display:block;width:24px;height:2px;margin:0 auto 9px;border-radius:2px;content:"";background:#e4ebef}.counter-card:nth-child(1) strong{color:#159b66}.counter-card:nth-child(2) strong{color:var(--blue)}.counter-card:nth-child(3) strong{color:#6651d8}.counter-card:nth-child(4) strong{color:#b47a13}
@media (max-width:760px){.counter-section{padding:56px 0 62px}.counter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.counter-card{min-height:148px;padding:22px 12px 18px;border-radius:16px}.counter-card::before{left:16px;width:28px}.counter-card img{width:42px;height:42px;padding:10px;margin-bottom:10px}.counter-card strong{font-size:28px}.counter-card span{font-size:12px}.counter-card::after{right:-35px;bottom:-48px;width:105px;height:105px;border-width:13px}}
.counter-card{display:grid;align-content:start;place-items:center}

.specialisms{position:relative;overflow:hidden;padding:92px 0 104px;background:#f5f6f7}.specialisms::before,.specialisms::after{position:absolute;content:"";border:1px solid rgba(0,65,159,.08);border-radius:50%;pointer-events:none}.specialisms::before{width:420px;height:420px;right:-190px;top:-180px}.specialisms::after{width:260px;height:260px;left:-150px;bottom:-140px}.specialisms .section-title{position:relative;z-index:1;margin-bottom:38px}.specialisms .section-title p{max-width:590px;margin:13px auto 0;color:var(--muted);font-size:16px}.pill-cloud{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1080px}.pill-cloud a{position:relative;display:grid;grid-template-columns:38px 48px 1fr 26px;align-items:center;gap:12px;min-height:146px;padding:22px 20px;border:1px solid #e0e5e9;border-radius:20px;color:var(--ink);background:#fff;box-shadow:0 14px 30px rgba(8,29,49,.06);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.pill-cloud a::after{position:absolute;right:12px;bottom:10px;width:56px;height:56px;border:10px solid rgba(0,65,159,.035);border-radius:50%;content:"";pointer-events:none}.pill-cloud a:hover,.pill-cloud a:focus-visible{border-color:rgba(0,168,234,.5);box-shadow:0 22px 42px rgba(8,29,49,.12);outline:none;transform:translateY(-5px)}.pill-cloud .service-index{align-self:start;color:#a5b0bb;font-size:12px;font-weight:900;letter-spacing:.08em}.pill-cloud img{width:48px;height:48px;padding:11px;border:1px solid #dcefe4;border-radius:14px;background:#effaf3}.pill-cloud .service-copy{display:block;min-width:0}.pill-cloud .service-copy strong,.pill-cloud .service-copy small{display:block}.pill-cloud .service-copy strong{font-size:15px;line-height:1.25}.pill-cloud .service-copy small{margin-top:7px;color:var(--muted);font-size:12px;line-height:1.35}.pill-cloud a i{position:relative;z-index:1;align-self:start;justify-self:end;color:var(--blue);font-size:18px;font-style:normal;font-weight:900;transition:transform .2s ease}.pill-cloud a:hover i,.pill-cloud a:focus-visible i{transform:translate(3px,-3px)}
.account-journey{position:relative;overflow:hidden;background:#f5f6f7}.account-journey::after{position:absolute;right:-130px;bottom:-190px;width:440px;height:440px;border:1px solid rgba(0,65,159,.07);border-radius:50%;content:"";pointer-events:none}.account-journey .container{position:relative;z-index:1}.account-step-grid article{border-radius:20px}.account-step-number{letter-spacing:.05em}.account-step-icon{border-radius:50%;box-shadow:0 0 0 8px #f4fbf6,6px 6px 0 #bdf0d5}.step-checks{display:grid;gap:7px;margin:0 0 16px;padding:0;list-style:none}.step-checks li{position:relative;padding-left:20px;color:#526272;font-size:12px}.step-checks li::before{position:absolute;left:0;top:2px;display:grid;place-items:center;width:13px;height:13px;border-radius:50%;content:"✓";color:#fff;background:#39d353;font-size:12px;font-weight:900;line-height:13px}.account-step-grid small{margin-top:auto}
.home-solutions{position:relative;overflow:hidden;background:#fff}.home-solutions::before{position:absolute;left:-190px;bottom:-210px;width:450px;height:450px;border:1px solid rgba(0,65,159,.07);border-radius:50%;content:"";pointer-events:none}.home-solutions .container{position:relative;z-index:1}.home-solutions .case-grid{gap:20px}.home-solutions .case-card{border-radius:20px;border:1px solid #e0e5e9;box-shadow:0 16px 36px rgba(7,31,58,.08)}.home-solutions .case-card::after{position:absolute;right:16px;top:16px;width:42px;height:42px;border:1px solid rgba(255,255,255,.35);border-radius:50%;content:"";pointer-events:none}.home-solutions .case-card div{left:16px;right:16px;bottom:16px;padding:21px;border-radius:14px}.home-solutions .case-card div>span{display:inline-flex;align-items:center;min-height:24px;padding:3px 9px;border:1px solid rgba(255,255,255,.25);border-radius:999px;letter-spacing:.06em}.home-solutions .case-card h3{margin-top:12px}.home-solutions .case-card .case-status{display:inline-flex;margin-top:13px;padding:4px 9px;border-radius:999px;color:#123c2b;background:#d9ffb4;font-size:12px;font-weight:900}
.home-insights{position:relative;overflow:hidden}.home-insights::after{position:absolute;right:-160px;top:-180px;width:420px;height:420px;border:1px solid rgba(0,65,159,.07);border-radius:50%;content:"";pointer-events:none}.home-insights .container{position:relative;z-index:1}.home-insights .blog-grid{gap:20px}.home-insights .blog-card{border-radius:20px;box-shadow:0 16px 34px rgba(7,31,58,.07)}.home-insights .blog-card img{height:198px}.home-insights .blog-card div{display:flex;min-height:220px;padding:21px 22px 20px;flex-direction:column}.home-insights .blog-card h3{margin-top:11px}.home-insights .blog-card p{margin-top:9px}.home-insights .blog-card a{margin-top:auto}.article-meta{order:4;margin-top:10px;color:#8b98a5;font-size:12px}
.home-team{position:relative;overflow:hidden;background:#fff}.home-team::before{position:absolute;right:-180px;bottom:-240px;width:500px;height:500px;border:1px solid rgba(0,65,159,.06);border-radius:50%;content:"";pointer-events:none}.home-team .container{position:relative;z-index:1}.home-team .leader-grid{gap:18px}.home-team .leader-grid article{border-radius:20px;box-shadow:0 16px 32px rgba(7,31,58,.07);transition:transform .22s ease,box-shadow .22s ease}.home-team .leader-grid article:hover{box-shadow:0 24px 44px rgba(7,31,58,.12);transform:translateY(-5px)}.home-team .leader-photo{aspect-ratio:1.12;border-bottom:1px solid #e3ebf0}.leader-copy{position:relative;padding:18px 19px 20px}.leader-copy>span{display:inline-flex;align-items:center;min-height:22px;padding:2px 8px;border-radius:999px;background:#edf6ff}.leader-copy h3{margin-top:9px}.leader-copy b{display:inline-flex;margin-top:11px;padding:4px 9px;border:1px solid #d7ebe1;border-radius:999px;color:#159b66;background:#f2fbf6;font-size:12px}
@media (max-width:1080px){.pill-cloud{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.specialisms{padding:70px 0 78px}.specialisms .section-title{margin-bottom:28px}.pill-cloud{grid-template-columns:1fr;gap:12px}.pill-cloud a{min-height:106px;padding:17px 16px;border-radius:16px}.pill-cloud a::after{width:42px;height:42px}.account-step-grid article{border-radius:16px}.home-solutions .case-card{border-radius:16px}.home-solutions .case-card div{left:12px;right:12px;bottom:12px;padding:17px;border-radius:12px}.home-insights .blog-card{border-radius:16px}.home-insights .blog-card div{min-height:205px;padding:18px}.home-team .leader-grid article{border-radius:16px}}

/* Clear section rhythm between MT5, metrics, services and onboarding */
.mt5-home-section{position:relative;background:linear-gradient(135deg,#edf7ff 0%,#f7fbff 62%,#e8f3fa 100%);border-bottom:1px solid #d5e7f2}
.mt5-home-section::after{position:absolute;right:7%;bottom:-1px;width:180px;height:5px;border-radius:6px 6px 0 0;content:"";background:linear-gradient(90deg,#00a8ea,#71eb30);opacity:.8}
.counter-section{background:#fff;border-top:8px solid #f1f5f7;border-bottom:1px solid #e4ebef}
.counter-grid{padding-top:4px}
.counter-card{background:#f9fcfd}
.specialisms{background:#f8f4ee;border-top:8px solid #fff}
.specialisms::before{border-color:rgba(150,112,57,.12)}.specialisms::after{border-color:rgba(150,112,57,.1)}
.account-journey{background:linear-gradient(135deg,#eef7f3 0%,#f7faf9 68%,#edf4f7 100%);border-top:8px solid #fff}
.account-journey::after{border-color:rgba(21,155,102,.1)}
@media (max-width:760px){.mt5-home-section::after{right:12%;width:120px;height:4px}.counter-section{border-top-width:6px}.specialisms{border-top-width:6px}.account-journey{border-top-width:6px}}

/* Simplified three-tone rhythm: two light surfaces plus one dark service stage */
.mt5-home-section{background:linear-gradient(135deg,#edf7ff 0%,#f7fbff 62%,#e8f3fa 100%)}
.counter-section{background:#fff}
.specialisms{color:#fff;background:linear-gradient(115deg,rgba(3,19,39,.97),rgba(4,43,67,.91)),url("../assets/images/index3_banner.jpg") center/cover no-repeat;border-top:0;border-bottom:0}
.specialisms::before{width:640px;height:640px;right:-260px;top:-330px;border-color:rgba(113,235,48,.16)}.specialisms::after{width:420px;height:420px;left:-250px;bottom:-280px;border-color:rgba(0,168,234,.16)}
.specialisms .section-title h2{color:#fff}.specialisms .section-title p{color:rgba(255,255,255,.68)}.specialisms .section-title>span{color:#baff9d;background:rgba(113,235,48,.13)}
.specialisms .pill-cloud a{border-color:rgba(255,255,255,.16);color:#fff;background:rgba(255,255,255,.085);box-shadow:0 18px 38px rgba(0,0,0,.18);backdrop-filter:blur(5px)}.specialisms .pill-cloud a::after{border-color:rgba(113,235,48,.12)}.specialisms .pill-cloud a:hover,.specialisms .pill-cloud a:focus-visible{border-color:rgba(113,235,48,.7);background:rgba(255,255,255,.14);box-shadow:0 24px 48px rgba(0,0,0,.28)}.specialisms .pill-cloud .service-index{color:rgba(255,255,255,.5)}.specialisms .pill-cloud img{border-color:rgba(113,235,48,.28);background:rgba(113,235,48,.12)}.specialisms .pill-cloud .service-copy small{color:rgba(255,255,255,.62)}.specialisms .pill-cloud a i{color:#baff9d}
.account-journey{background:linear-gradient(135deg,#edf7ff 0%,#f7fbff 62%,#e8f3fa 100%);border-top:8px solid #fff}
@media (max-width:760px){.specialisms{background:linear-gradient(115deg,rgba(3,19,39,.97),rgba(4,43,67,.94)),url("../assets/images/index3_banner.jpg") center/cover no-repeat}.account-journey{border-top-width:6px}}