.trading-hub {
  --trade-ink: #151916;
  --trade-muted: #626c64;
  --trade-line: #dfe5df;
  --trade-soft: #f3f6f2;
  --trade-lime: #9bd556;
  --trade-lime-dark: #527f24;
  color: var(--trade-ink);
}

body.page-template-page-trading .header > .container,
body.page-template-page-trading .footer.footer--trust .footer__compact,
body.page-template-page-trading .footer.footer--trust .footer__bottom,
.trading-hub > .breadcrumbs .container,
.trading-hub__container {
  box-sizing: border-box;
  max-width: 136rem;
}

.trading-hub__container {
  margin-top: 3.2rem;
}

.trading-hub__container > article {
  min-width: 0;
}

.trading-hub__hero-copy,
.trading-hub__definition > div,
.trading-hub__section-head > div,
.trading-hub__control-intro,
.trading-hub__path-card,
.trading-hub__next > div {
  min-width: 0;
}

.trading-hub h1,
.trading-hub h2,
.trading-hub h3 {
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: normal;
}

.trading-hub__mobile-sidebar,
.trading-hub__mobile-sidebar .sidebar {
  display: none;
}

.trading-hub__eyebrow {
  margin: 0 0 1.2rem;
  color: var(--trade-lime-dark);
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.trading-hub__hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(43rem, .92fr);
  align-items: center;
  gap: 4.8rem;
  min-height: 51rem;
  padding: 4.8rem 0 6.4rem;
  border-bottom: 1px solid var(--trade-line);
}

.trading-hub__hero-copy {
  position: relative;
  z-index: 2;
}

.trading-hub__hero h1 {
  max-width: 74rem;
  margin: 0;
  font-size: clamp(4.4rem, 4.8vw, 7rem);
  line-height: 1;
  letter-spacing: -.045em;
}

.trading-hub__lead {
  max-width: 70rem;
  margin: 2.4rem 0 0;
  color: #4e5850;
  font-size: 1.9rem;
  line-height: 1.55;
}

.trading-hub__primary-action,
.trading-hub__next button {
  display: inline-flex;
  box-sizing: border-box;
  min-height: 4.8rem;
  align-items: center;
  justify-content: center;
  padding: 1.2rem 2.4rem;
  border: 1px solid rgba(79, 115, 22, .18);
  border-radius: 999px;
  background: var(--trade-lime);
  color: #1d1d1d;
  font: inherit;
  font-size: 1.45rem;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transition: background .2s ease, transform .2s ease;
}

.trading-hub__primary-action {
  margin-top: 3rem;
}

.trading-hub__primary-action:hover,
.trading-hub__primary-action:focus-visible,
.trading-hub__next button:hover,
.trading-hub__next button:focus-visible {
  background: #8bc745;
  transform: translateY(-.1rem);
}

.trading-hub__hero-visual {
  position: relative;
  min-width: 0;
  height: 42rem;
  isolation: isolate;
  pointer-events: none;
}

.trading-hub__hero-orbit {
  position: absolute;
  inset: 11% 4% 4% 8%;
  z-index: -1;
  border-radius: 50%;
  background: radial-gradient(circle at 58% 45%, rgba(155, 213, 86, .23), rgba(155, 213, 86, .06) 43%, transparent 69%);
  filter: blur(1.2rem);
}

.trading-hub__hero-visual img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 2.2rem 2.4rem rgba(26, 34, 26, .13));
  opacity: 0;
  transform: translateY(2.2rem) scale(.975);
  animation: trading-hub-hero-in .72s .12s cubic-bezier(.2, .75, .25, 1) forwards;
}

@keyframes trading-hub-hero-in {
  to { opacity: 1; transform: translateY(0) scale(1); }
}

.trading-hub__definition {
  display: grid;
  grid-template-columns: minmax(20rem, .55fr) minmax(0, 1.45fr);
  gap: 5rem;
  padding: 6.4rem 0;
  border-bottom: 1px solid var(--trade-line);
}

.trading-hub__definition h2,
.trading-hub__section-head h2,
.trading-hub__control h2,
.trading-hub__next h2 {
  margin: 0;
  font-size: clamp(3rem, 3.2vw, 4.8rem);
  line-height: 1.08;
  letter-spacing: -.035em;
}

.trading-hub__definition > div p {
  max-width: 76rem;
  margin: 2rem 0 0;
  color: var(--trade-muted);
  font-size: 1.8rem;
  line-height: 1.65;
}

.trading-hub__mechanics,
.trading-hub__paths,
.trading-hub__library {
  padding: 7.2rem 0;
  border-bottom: 1px solid var(--trade-line);
}

.trading-hub__section-head {
  margin-bottom: 3.2rem;
}

.trading-hub__section-head--split {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 4rem;
}

.trading-hub__section-head--split > p {
  max-width: 46rem;
  margin: 0;
  color: var(--trade-muted);
  line-height: 1.55;
}

.trading-hub__mechanics-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #404840;
  border-bottom: 1px solid #404840;
  background: #182019;
  color: #fff;
}

.trading-hub__mechanics-grid li {
  display: flex;
  min-width: 0;
  min-height: 31rem;
  flex-direction: column;
  padding: 2.6rem;
  border-right: 1px solid rgba(255, 255, 255, .13);
}

.trading-hub__mechanics-grid li:last-child {
  border-right: 0;
}

.trading-hub__mechanic-number {
  color: var(--trade-lime);
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: .08em;
}

.trading-hub__mechanics-grid h3 {
  margin: 4.6rem 0 0;
  font-size: 2.2rem;
  line-height: 1.15;
}

.trading-hub__mechanics-grid p {
  margin: 1.4rem 0 0;
  color: rgba(255, 255, 255, .63);
  font-size: 1.45rem;
  line-height: 1.55;
}

.trading-hub__mechanics-grid a {
  display: inline-flex;
  align-items: center;
  gap: .6rem;
  margin-top: auto;
  padding-top: 2rem;
  color: #fff;
  font-size: 1.35rem;
  font-weight: 700;
  text-decoration: none;
}

.trading-hub__mechanics-grid a:hover,
.trading-hub__mechanics-grid a:focus-visible {
  color: var(--trade-lime);
}

.trading-hub__control {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
  gap: 5rem;
  margin: 7.2rem 0 0;
  padding: 4.6rem;
  border-radius: 2.6rem;
  background: var(--trade-soft);
}

.trading-hub__control-intro > p:last-child {
  margin: 2rem 0 0;
  color: var(--trade-muted);
  line-height: 1.6;
}

.trading-hub__control-link {
  display: inline-flex;
  align-items: center;
  gap: .7rem;
  margin-top: 2.2rem;
  color: #27311f;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;
}

.trading-hub__control-link:hover,
.trading-hub__control-link:focus-visible {
  color: var(--trade-lime-dark);
  text-decoration: underline;
  text-underline-offset: .3rem;
}

.trading-hub__control-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.2rem;
}

.trading-hub__control-columns > div {
  padding: 2.4rem;
  border-radius: 1.8rem;
  background: #fff;
}

.trading-hub__control-columns h3 {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 0 0 1.8rem;
  font-size: 1.7rem;
}

.trading-hub__control-columns h3 span {
  display: inline-grid;
  width: 2.8rem;
  height: 2.8rem;
  flex: 0 0 2.8rem;
  place-items: center;
  border-radius: 50%;
  background: #e9f5da;
  color: var(--trade-lime-dark);
}

.trading-hub__control-columns ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.trading-hub__control-columns li {
  padding: .9rem 0;
  border-bottom: 1px solid var(--trade-line);
  color: #4f5951;
  font-size: 1.4rem;
  line-height: 1.45;
}

.trading-hub__control-columns li:last-child { border-bottom: 0; }

.trading-hub__path-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2rem;
}

.trading-hub__path-card {
  display: flex;
  min-height: 38rem;
  flex-direction: column;
  padding: 2.8rem;
  border: 1px solid var(--trade-line);
  border-radius: 2.2rem;
  background: #fff;
}

.trading-hub__path-card > span {
  color: var(--trade-lime-dark);
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.trading-hub__path-card h3 {
  margin: 4.8rem 0 0;
  font-size: 2.5rem;
  line-height: 1.12;
}

.trading-hub__path-card > p {
  margin: 1.6rem 0 0;
  color: var(--trade-muted);
  font-size: 1.45rem;
  line-height: 1.55;
}

.trading-hub__path-card ul {
  margin: auto 0 0;
  padding: 2.2rem 0 0;
  list-style: none;
}

.trading-hub__path-card li + li { margin-top: 1rem; }

.trading-hub__path-card a {
  color: #27311f;
  font-size: 1.35rem;
  font-weight: 700;
  line-height: 1.35;
  text-decoration: none;
}

.trading-hub__path-card a:hover,
.trading-hub__path-card a:focus-visible {
  color: var(--trade-lime-dark);
  text-decoration: underline;
  text-underline-offset: .3rem;
}

.trading-hub__post-grid {
  width: 100%;
  max-width: none;
  margin: 0;
}

.trading-hub__next {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 5rem;
  margin: 7.2rem 0 8rem;
  padding: 4.6rem;
  border-radius: 2.6rem;
  background: #172018;
  color: #fff;
}

.trading-hub__next .trading-hub__eyebrow { color: var(--trade-lime); }

.trading-hub__next p:last-child {
  max-width: 76rem;
  margin: 2rem 0 0;
  color: rgba(255, 255, 255, .65);
  line-height: 1.6;
}

.trading-hub__next button { min-width: 25rem; }

@media (min-width: 1100px) {
  .trading-hub__post-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 1100px) {
  .trading-hub__hero { grid-template-columns: minmax(0, 1fr) minmax(34rem, .8fr); }
  .trading-hub__mechanics-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .trading-hub__mechanics-grid li:nth-child(2) { border-right: 0; }
  .trading-hub__mechanics-grid li:nth-child(-n+2) { border-bottom: 1px solid rgba(255, 255, 255, .13); }
  .trading-hub__control { grid-template-columns: 1fr; }
}

@media (max-width: 900px) {
  .trading-hub__hero { grid-template-columns: 1fr; }
  .trading-hub__hero-visual { height: 32rem; }
  .trading-hub__definition { grid-template-columns: 1fr; gap: 1.6rem; }
  .trading-hub__path-grid { grid-template-columns: 1fr; }
  .trading-hub__path-card { min-height: 0; }
  .trading-hub__path-card h3 { margin-top: 3rem; }
  .trading-hub__path-card ul { margin-top: 2.8rem; }
  .trading-hub__next { grid-template-columns: 1fr; align-items: start; }
}

@media (max-width: 640px) {
  .trading-hub__container {
    width: auto;
    margin-top: 2.4rem;
    margin-inline: 2rem;
    padding-inline: 0;
  }

  .trading-hub__hero {
    min-height: 0;
    gap: 2.2rem;
    padding: 3.2rem 0 4.8rem;
  }

  .trading-hub__hero h1 { font-size: clamp(3.6rem, 11vw, 4.8rem); }
  .trading-hub__lead { font-size: 1.6rem; }
  .trading-hub__primary-action { width: 100%; margin-top: 2.4rem; }
  .trading-hub__hero-visual { height: 24rem; }
  .trading-hub__definition,
  .trading-hub__mechanics,
  .trading-hub__paths,
  .trading-hub__library { padding: 4.8rem 0; }
  .trading-hub__section-head--split { align-items: flex-start; flex-direction: column; gap: 1.6rem; }
  .trading-hub__mechanics-grid { grid-template-columns: 1fr; }
  .trading-hub__mechanics-grid li,
  .trading-hub__mechanics-grid li:nth-child(2) { min-height: 0; border-right: 0; border-bottom: 1px solid rgba(255, 255, 255, .13); }
  .trading-hub__mechanics-grid li:last-child { border-bottom: 0; }
  .trading-hub__mechanics-grid h3 { margin-top: 3rem; }
  .trading-hub__mechanics-grid a { margin-top: 2.8rem; }
  .trading-hub__control { margin-top: 4.8rem; padding: 2.2rem; }
  .trading-hub__control-columns { grid-template-columns: 1fr; }
  .trading-hub__path-card { padding: 2.2rem; }
  .trading-hub__next { margin: 4.8rem 0 6rem; padding: 2.6rem 2.2rem; }
  .trading-hub__next button { width: 100%; min-width: 0; }
}

@media (max-width: 1279px) {
  .trading-hub__mobile-sidebar { display: contents; }
  .trading-hub__mobile-sidebar .sidebar.open { display: flex; }
}

@media (prefers-reduced-motion: reduce) {
  .trading-hub__hero-visual img { opacity: 1; transform: none; animation: none; }
}