/* CFD First light theme
   Loaded after the original component stylesheet so layout and behaviour stay intact. */
:root {
  color-scheme: light;
  --ink: #f5f7f1;
  --ink-soft: #edf1e7;
  --panel: #ffffff;
  --panel-light: #f0f4e9;
  --primary: #acd42f;
  --primary-bright: #7d9f16;
  --primary-soft: #34430e;
  --primary-deep: #607b13;
  --primary-glow: rgba(142, 180, 31, .2);
  --emerald: #91b91e;
  --emerald-bright: #6f9011;
  --mint: #526b12;
  --text: #131914;
  --muted: #667168;
  --line: rgba(39, 56, 42, .13);
  --line-strong: rgba(111, 144, 17, .32);
  --light-surface: #ffffff;
  --light-soft: #eef2e8;
  --light-border: rgba(39, 56, 42, .13);
  --light-shadow: 0 24px 65px rgba(34, 49, 37, .09);
}

html,
body { color: var(--text); background: #f5f7f1; }
body {
  background:
    radial-gradient(circle at 14% 12%, rgba(172, 212, 47, .11), transparent 27rem),
    #f5f7f1;
}
::selection { color: #10150b; background: #b7dc45; }
.data-note,
.section-index,
.heading-side,
.section-kicker { color: #69756c; }
.display-heading,
.text-link { color: #131914; }
.display-heading em,
.hero-state h2 em { color: #68870f; }

/* Header and navigation */
.site-header,
.contact-page .site-header,
.about-page .site-header,
.partnership-page .site-header,
.funding-page .site-header,
.referral-page .site-header,
.instruments-page .site-header,
.economic-calendar-page .site-header {
  color: #141a15;
  border-bottom-color: transparent;
  background: linear-gradient(180deg, rgba(250, 251, 247, .97), rgba(250, 251, 247, .8) 72%, transparent);
}
.site-header.is-scrolled,
.contact-page .site-header.is-scrolled,
.about-page .site-header.is-scrolled,
.partnership-page .site-header.is-scrolled,
.funding-page .site-header.is-scrolled,
.referral-page .site-header.is-scrolled,
.instruments-page .site-header.is-scrolled,
.economic-calendar-page .site-header.is-scrolled,
.legal-page .site-header {
  color: #141a15;
  border-bottom-color: var(--light-border);
  background: rgba(250, 251, 247, .92);
  box-shadow: 0 10px 35px rgba(31, 43, 33, .06);
}
.site-header .brand,
.site-footer .brand {
  padding: 5px 9px;
  border-radius: 12px;
  background: #101611;
  box-shadow: 0 8px 24px rgba(20, 29, 22, .1);
}
.primary-nav a,
.nav-group__toggle,
.login-link,
.legal-page .login-link { color: #4e5a51; }
.primary-nav a:hover,
.primary-nav a.is-active,
.nav-group__toggle:hover,
.nav-group.has-active > .nav-group__toggle,
.nav-group.is-open > .nav-group__toggle { color: #111712; }
.nav-submenu {
  border-color: rgba(87, 111, 66, .17);
  background:
    radial-gradient(circle at 76% 8%, rgba(208, 231, 204, .78), transparent 31%),
    linear-gradient(118deg, rgba(247, 250, 244, .99), rgba(255, 255, 255, .99) 56%, rgba(238, 246, 234, .98));
  box-shadow: 0 25px 58px rgba(35, 52, 38, .13), inset 0 1px #fff;
}
.nav-submenu__column h2 { color: #18211a; }
.nav-submenu a { color: #566259; }
.nav-submenu a:hover,
.nav-submenu a.is-active { color: #56700d; background: transparent; }
.nav-toggle span { background: #172019; }
.button { color: #1f2921; border-color: rgba(46, 62, 49, .2); }
.button--ghost { background: rgba(255, 255, 255, .45); }
.button--ghost:hover { border-color: rgba(111, 144, 17, .5); background: #fff; }
.button--register { color: #26300c; border-color: rgba(125, 159, 22, .35); background: rgba(172, 212, 47, .18); }
.button--primary { color: #172006; background: var(--primary); border-color: var(--primary); }

/* Home hero and content */
.full-video-page,
.full-video-page .page-video-bg,
.video-hero,
.video-hero__sticky { background-color: #eef2e8 !important; }
.full-video-page .page-image-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 100svh;
  min-height: 680px;
  background: #eef2e8 url("assets/newbg2-poster.jpg?v=20260819-190531") center / cover no-repeat !important;
}
.full-video-page .video-hero {
  height: auto !important;
  min-height: 100svh;
}
.full-video-page .video-hero__sticky {
  position: relative;
  top: auto;
  height: 100svh;
  min-height: 680px;
}
.full-video-page .page-video-bg__media {
  opacity: .25;
  filter: grayscale(.22) saturate(.65) brightness(1.55) contrast(.82);
}
.full-video-page .video-hero__sticky::before {
  background:
    linear-gradient(180deg, rgba(245, 247, 241, .58), rgba(245, 247, 241, .72) 52%, rgba(245, 247, 241, .94)),
    rgba(245, 247, 241, .2) !important;
}
.hero-grid { opacity: .35; background-image: linear-gradient(rgba(91,119,19,.08) 1px,transparent 1px), linear-gradient(90deg,rgba(91,119,19,.08) 1px,transparent 1px); }
.hero-noise { opacity: .025; mix-blend-mode: multiply; }
.hero-copy h1,
.hero-state h2 { color: #121813; text-shadow: 0 4px 34px rgba(255,255,255,.55); }
.hero-copy h1 em { color: #536d10; }
.hero-lead,
.hero-state--connected > p:last-child,
.hero-state--final > p:nth-last-child(2) { color: #59655c; }
.customer-count { color: #667269; }
.customer-count strong,
.hero-progress__count { color: #50690d; }
.customer-count__avatars img { border-color: rgba(111,144,17,.4); background: #edf2e4; }
.scroll-cue,
.hero-progress { color: #637068; }
.scroll-cue i,
.hero-progress i { background: rgba(35,50,39,.18); }
.market-labels span {
  color: #33420e;
  border-color: rgba(111,144,17,.28);
  background: rgba(255,255,255,.78);
  box-shadow: 0 8px 22px rgba(37,52,39,.08);
}
.section--rise {
  background: linear-gradient(145deg, #ffffff, #f1f4ec 58%);
  box-shadow: 0 -18px 70px rgba(85,106,44,.09), inset 0 1px rgba(125,159,22,.22);
}
.section--rise::before { background: linear-gradient(180deg, rgba(255,255,255,.3), rgba(245,247,241,.62)); }
.stats-section,
.recognition-section,
.accounts-section,
.reviews-section,
.steps-section,
.features-section,
.testimonials-wall,
.faq-section,
.full-video-page .recognition-section,
.full-video-page .accounts-section,
.full-video-page .reviews-section,
.full-video-page .steps-section,
.full-video-page .features-section,
.full-video-page .faq-section { background: #f5f7f1; }
.recognition-section,
.features-section,
.reviews-section { background: linear-gradient(180deg, #f5f7f1, #edf1e8); }
.section-title-badge,
.features-badge,
.testimonials-badge,
.faq-badge {
  color: #273129;
  border: 1px solid rgba(53,72,56,.08);
  background: #e9eee3;
}
.earnings-heading h2,
.recognition-heading h2,
.accounts-heading h2,
.steps-heading h2,
.features-heading h2 { color: #141a15; }
.section-title-intro,
.accounts-heading .heading-side > p,
.earnings-heading .section-copy,
.features-intro,
.testimonials-wall__intro,
.faq-intro { color: #68736b; }
.stat,
.feature,
.review-card,
.testimonial-tile {
  color: #172019;
  border-color: var(--light-border);
  background: radial-gradient(circle at 100% 0%, rgba(172,212,47,.13), transparent 38%), #ffffff;
  box-shadow: var(--light-shadow), inset 0 1px #fff;
}
.stat:hover,
.feature:hover,
.testimonial-tile:hover { color: #172019; border-color: rgba(125,159,22,.35); background: #fff; box-shadow: 0 26px 60px rgba(34,49,37,.13); }
.stat__value { color: rgba(106,137,18,.72); }
.stat p,
.feature p,
.review-card p,
.testimonial-tile > p { color: #667269; }
.feature h3,
.testimonial-tile h3 { color: #172019; }
.feature__icon,
.about-value__icon,
.referral-benefit__icon,
.partner-program__icon,
.funding-card__icon,
.instrument-card__icon,
.calendar-part__icon { background: #eef5dc; box-shadow: none; }
.feature__icon::after { border-color: #fff; }
.feature__number { color: #6c776e; border-color: var(--light-border); background: #f2f4ef; }
.avatar { color: #445a0e; background: #edf3e3; }
.review-top small,
.rating-summary > span:last-child { color: #6b786e; }
.testimonial-tile__author small { color: #718078; }
.testimonial-tile strong { color: #172019; }
.testimonials-masonry-frame::before { background: linear-gradient(180deg, #f5f7f1 4%, rgba(245,247,241,.76) 48%, transparent); }
.testimonials-masonry-frame::after { background: linear-gradient(180deg, transparent, rgba(245,247,241,.76) 52%, #f5f7f1 94%); }
.step::before { border-color: #9ca99e; background: #f5f7f1; }
.accordion { border-color: var(--light-border); }
.accordion details { border-bottom-color: var(--light-border); }
.accordion summary { color: #1b231d; }
.accordion details p { color: #68736b; }

/* Account plans */
.accounts-title-stage { background: #eef2e8; }
.accounts-title-video { opacity: .14; filter: grayscale(.25) brightness(1.6) saturate(.65); }
.accounts-title-shade { background: linear-gradient(180deg, rgba(245,247,241,.82), rgba(245,247,241,.72) 50%, rgba(245,247,241,.9)); }
.carousel-controls { color: #66736a; }
.carousel-button { color: #526b12; background: #fff; box-shadow: 0 8px 22px rgba(34,49,37,.08); }
.account-carousel::before { background: radial-gradient(ellipse at 50% 22%, rgba(139,177,34,.12), transparent 64%); }
.account-card,
.account-card.is-active {
  color: #172019;
  border-color: rgba(48,68,51,.14);
  background: radial-gradient(circle at 100% 0%, rgba(172,212,47,.13), transparent 39%), #ffffff;
  box-shadow: var(--light-shadow), inset 0 1px #fff;
}
.account-card.is-active { border-color: transparent; box-shadow: 0 30px 75px rgba(42,58,45,.14), 0 0 0 1px rgba(125,159,22,.1); }
.account-card::after { background: linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent); }
.account-card h3,
.account-card__deposit,
.account-specs strong { color: #172019; }
.account-card__index,
.account-card__deposit small,
.account-specs span { color: #6b776e; }
.account-specs div { border-color: var(--light-border); background: #f2f5ed; }
.account-benefits { color: #58655b; }
.account-card__electric-border::before { border-color: rgba(125,159,22,.68); }
.account-card__electric-border::after,
.account-card__electric-border i { border-color: #9fc625; }

/* Inner-page heroes */
.about-page,
.contact-page,
.partnership-page,
.funding-page,
.referral-page,
.instruments-page,
.economic-calendar-page { background: #f5f7f1; }
.about-hero,
.contact-hero,
.partnership-hero,
.funding-hero,
.referral-hero,
.instruments-hero,
.calendar-hero { background: #edf1e7; }
.inner-page-shader { background: #edf1e7; }
.inner-page-shader::after {
  background: linear-gradient(180deg, rgba(247,249,244,.1), rgba(247,249,244,.35) 52%, rgba(245,247,241,.9)), radial-gradient(circle at 50% 42%, transparent 0%, rgba(245,247,241,.1) 58%, rgba(245,247,241,.65) 100%);
}
.inner-page-shader__canvas { opacity: 0; filter: brightness(1.38) contrast(.76) saturate(.55); }
.inner-page-shader.is-ready .inner-page-shader__canvas { opacity: .32; }
.inner-page-shader__fallback { background: linear-gradient(145deg, #f8faf5, #e8eee0 48%, #f4f6f0); }
.inner-page-shader__fallback::before { background: radial-gradient(ellipse at 16% 24%, rgba(120,161,82,.18), transparent 31%), radial-gradient(ellipse at 86% 74%, rgba(172,212,47,.15), transparent 29%), linear-gradient(118deg, transparent 28%, rgba(119,157,82,.1) 48%, transparent 66%); }
.inner-page-shader__fallback::after { opacity: .28; background-image: radial-gradient(circle, rgba(85,111,24,.46) 0 1px, transparent 1.35px); }
.about-hero__backdrop,
.contact-hero__backdrop,
.partnership-hero__backdrop,
.funding-hero__backdrop,
.referral-hero__backdrop,
.instruments-hero__backdrop { opacity: .07; filter: grayscale(.25) brightness(1.45); }
.about-hero h1,
.contact-hero h1,
.partnership-hero h1,
.funding-hero h1,
.referral-hero h1,
.instruments-hero h1,
.calendar-hero h1 { color: #131914; text-shadow: none; }
.about-hero h1 em,
.contact-hero h1 em,
.partnership-hero h1 em,
.funding-hero h1 em,
.referral-hero h1 em,
.instruments-hero h1 em,
.calendar-hero h1 em { color: #68870f; }
.about-hero__inner > p:not(.section-title-badge),
.contact-hero__inner > p:not(.section-title-badge),
.partnership-hero__inner > p:not(.section-title-badge),
.funding-hero__inner > p:not(.section-title-badge),
.referral-hero__inner > p:not(.section-title-badge),
.instruments-hero__inner > p:not(.section-title-badge),
.calendar-hero__lead { color: #5e6b61; }
.contact-hero__cue { color: #425048; }
.about-hero__index,
.funding-hero__status,
.instruments-ticker__fallback { color: #657269; }

/* Inner-page sections and cards */
.contact-page .contact-section,
.about-intro,
.about-markets,
.about-values,
.partner-pillars,
.partner-programs,
.partner-ecosystem,
.partner-detail,
.partner-detail--affiliate,
.partner-detail--white-label,
.partner-terms,
.funding-notice,
.funding-options,
.funding-options--withdrawals,
.funding-guidance,
.referral-offer,
.referral-benefits,
.referral-process,
.referral-ib,
.referral-terms,
.instrument-notice,
.instrument-markets,
.instrument-understanding,
.instrument-access,
.calendar-live,
.calendar-guide { background: #f5f7f1; }
.about-intro,
.partner-programs,
.funding-options,
.referral-offer,
.referral-process,
.instrument-markets,
.instrument-access,
.calendar-guide { background: linear-gradient(145deg, #f7f9f4, #edf1e7 62%); }
.partner-pillars__grid,
.about-audience,
.about-market-list,
.partner-process,
.funding-process,
.funding-guidance__list,
.referral-process__steps,
.instrument-understanding__points { border-color: var(--light-border); }
.partner-pillars article,
.about-audience article,
.about-market-list li,
.partner-process li,
.funding-process li,
.funding-guidance__list article,
.referral-process__steps li,
.instrument-understanding__points article { border-color: var(--light-border); }
.contact-page .contact-main,
.contact-page .contact-details,
.about-value,
.partner-program,
.partner-benefits,
.partner-ecosystem__visual,
.white-label-stack article,
.funding-card,
.referral-benefit,
.referral-ib__features,
.instrument-card,
.calendar-parts,
.calendar-widget-shell {
  color: #172019;
  border-color: var(--light-border);
  background: radial-gradient(circle at 100% 0, rgba(172,212,47,.12), transparent 36%), #ffffff;
  box-shadow: var(--light-shadow), inset 0 1px #fff;
}
.about-value:hover,
.partner-program:hover,
.white-label-stack article:hover,
.funding-card:hover,
.referral-benefit:hover,
.instrument-card:hover { border-color: rgba(125,159,22,.35); background: radial-gradient(circle at 100% 0, rgba(172,212,47,.17), transparent 40%), #fff; box-shadow: 0 28px 65px rgba(34,49,37,.12); }
.about-audience h3,
.about-value h3,
.partner-pillars h2,
.partner-program h3,
.partner-ecosystem h2,
.partner-detail h2,
.white-label-stack h3,
.funding-heading h2,
.funding-card h3,
.funding-guidance h2,
.referral-offer__copy > h2,
.referral-benefit h3,
.referral-process__steps h3,
.referral-ib__features h3,
.instrument-card h3,
.instrument-understanding__points h3,
.calendar-live__head h2,
.calendar-guide__intro h2,
.calendar-part h3 { color: #172019; }
.partner-program > b,
.partner-node--core b,
.partner-benefits h3,
.partner-benefits li:hover,
.partner-process > h3,
.funding-process > h3,
.funding-guidance__list h3 { color: #172019; }
.about-intro__copy p,
.about-audience p,
.about-markets__copy > p:not(.section-title-badge),
.about-value p,
.about-values__heading > p:last-child,
.partner-programs__heading > p:last-child,
.partner-program p,
.partner-ecosystem p,
.partner-detail p,
.funding-heading p,
.funding-card p,
.funding-guidance p,
.referral-offer__copy > p:not(.section-title-badge),
.referral-benefit p,
.referral-process__heading > p:last-child,
.referral-process__steps p,
.referral-ib__copy > p:not(.section-title-badge),
.referral-ib__features p,
.instrument-markets__heading > p,
.instrument-card > p,
.instrument-understanding__copy > p:not(.section-title-badge),
.instrument-understanding__points p,
.instrument-access__copy > p:not(.section-title-badge),
.calendar-live__head > p,
.calendar-guide__copy p,
.calendar-part p,
.calendar-risk-note { color: #667269; }
.partner-benefits,
.white-label-stack article:hover { background: radial-gradient(circle at 100% 0, rgba(172,212,47,.12), transparent 36%), #fff; }
.market-orbit__core,
.instrument-access__core,
.referral-offer__amount {
  color: #172019;
  background: radial-gradient(circle, rgba(172,212,47,.2), #ffffff 68%);
  box-shadow: 0 20px 60px rgba(42,58,45,.1);
}
.market-orbit__core b,
.instrument-access__core,
.referral-offer__amount sup { color: #172019; }
.market-node,
.instrument-access__node,
.partner-node > span,
.referral-person i {
  color: #465248;
  border-color: var(--light-border);
  background: rgba(255,255,255,.9);
  box-shadow: 0 10px 28px rgba(42,58,45,.09);
}
.about-market-list li { color: #47534a; }
.funding-card dl div,
.funding-card__time,
.instrument-card__meta,
.referral-ib__features article { border-color: var(--light-border); }
.funding-card dt,
.funding-card dd,
.funding-card__time,
.instrument-card__meta span,
.instrument-card__meta strong { color: #5f6d63; }
.funding-method-logos,
.funding-method-bank,
.instrument-access__copy li { color: #526057; border-color: var(--light-border); background: #f1f4ec; }
.payment-brand,
.crypto-brand { border-color: var(--light-border); background: #fff; }
.funding-notice,
.referral-terms,
.partner-terms,
.instrument-notice { border-color: rgba(125,159,22,.18); background: #eaf0df; }
.funding-notice p,
.referral-terms p,
.partner-terms p,
.instrument-notice p { color: #59665c; }
.instrument-chart__line { stroke: rgba(100,131,16,.72); }
.instruments-ticker { color-scheme: light; border-color: var(--light-border); background: rgba(255,255,255,.92); }
.calendar-parts { border-color: var(--light-border); }
.calendar-part { border-color: var(--light-border); }
.calendar-widget-shell .tradingview-widget-copyright { color: #657269; background: #f3f5ef; }

/* Forms */
.form-field label { color: #5b675e; }
.form-field input,
.form-field textarea {
  color: #172019;
  border-bottom-color: rgba(39,56,42,.2);
  background: transparent;
}
.form-field input::placeholder,
.form-field textarea::placeholder { color: #89938c; }
.consent label,
.form-status,
.contact-block p,
.contact-details__note { color: #68746b; }
.contact-block h3 { color: #172019; }

/* Final CTA and universal footer */
.final-cta { background: #edf1e7; }
.final-cta__video { opacity: .12; filter: grayscale(.25) brightness(1.65) saturate(.5); }
.final-cta__veil { background: linear-gradient(180deg, #edf1e7 0%, rgba(245,247,241,.75) 18%, rgba(245,247,241,.82) 76%, #f5f7f1 100%); }
.final-cta__inner {
  color: #172019;
  border-color: rgba(39,56,42,.14);
  background: rgba(255,255,255,.78);
  box-shadow: 0 30px 80px rgba(34,49,37,.1), inset 0 1px #fff;
}
.final-cta__inner > p:not(.section-title-badge) { color: #606d63; }
.site-footer { color: #172019; border-color: var(--light-border); background: #eef2e8; }
.footer-top {
  border-color: var(--light-border);
  background: radial-gradient(circle at 8% 0%, rgba(172,212,47,.12), transparent 32%), #ffffff;
  box-shadow: 0 28px 70px rgba(34,49,37,.08), inset 0 1px #fff;
}
.footer-brand > p,
.footer-column p { color: #657169; }
.footer-column h2,
.footer-column a { color: #303a32; }
.footer-social { border-color: var(--light-border); background: #f3f5ef; }
.footer-social label { color: #4e5a51; }
.footer-social select { color: #273129; border-color: var(--light-border); background: #fff; }
.footer-social div a { color: #4f5b52; }
.footer-legal { color: #68736b; border-color: var(--light-border); background: rgba(255,255,255,.7); }
.footer-legal .pending-approval { color: #758078; }
.footer-bottom { color: #69756c; border-color: var(--light-border); }
.footer-bottom a { color: #3c473f; }

/* Chat assistant */
.floating-chat { filter: drop-shadow(0 12px 22px rgba(42,58,45,.18)); }
.chat-widget {
  color: #172019;
  border-color: var(--light-border);
  background: #fff;
  box-shadow: 0 28px 75px rgba(31,45,34,.18);
}
.chat-widget__header { border-color: var(--light-border); background: linear-gradient(135deg, #f1f5e9, #fff); }
.chat-widget__identity strong { color: #172019; }
.chat-widget__identity small { color: #667269; }
.chat-widget__close { color: #58645b; border-color: var(--light-border); background: #fff; }
.chat-widget__close:hover { color: #172019; }
.chat-widget__messages { background: radial-gradient(circle at 100% 0, rgba(172,212,47,.1), transparent 38%), #f7f9f4; }
.chat-widget__day { color: #758178; }
.chat-message p { color: #465249; border-color: var(--light-border); background: #fff; }
.chat-message__avatar { border-color: var(--light-border); background: #eef3e7; }
.chat-widget__quick button { color: #4d5a50; border-color: rgba(125,159,22,.25); background: #f2f6e8; }
.chat-widget__quick button:hover { color: #172019; background: #e8f0d4; }
.chat-widget__composer { border-color: var(--light-border); background: #f0f4e9; }
.chat-widget__composer input { color: #172019; border-color: var(--light-border); background: #fff; }

/* Legal documents */
.legal-page { color: #172019; background: #f5f7f1; }
.legal-main { background: radial-gradient(circle at 82% 8%, rgba(172,212,47,.12), transparent 28rem), radial-gradient(circle at 8% 34%, rgba(111,144,73,.09), transparent 34rem), #f5f7f1; }
.legal-document-head,
.legal-document {
  color: #172019;
  border-color: var(--light-border);
  background: #fff;
  box-shadow: var(--light-shadow);
}
.legal-breadcrumbs,
.legal-breadcrumbs a,
.legal-breadcrumbs span[aria-hidden] { color: #667269; }
.legal-document-head h1,
.legal-document-meta strong,
.legal-section h2,
.legal-section strong { color: #172019; }
.legal-summary,
.legal-document-meta > span,
.legal-section p,
.legal-section ol,
.legal-section ul { color: #5f6c62; }
.legal-document-meta,
.legal-section + .legal-section { border-color: var(--light-border); }
.legal-toc {
  color: #273129;
  border-color: var(--light-border);
  background: #fff;
  box-shadow: 0 18px 50px rgba(34,49,37,.08);
}
.legal-toc summary { color: #172019; }
.legal-toc[open] summary { border-color: var(--light-border); }
.legal-toc nav a { color: #667269; }
.legal-toc nav a:hover,
.legal-toc nav a:focus-visible { color: #172019; background: #edf3df; }
.legal-section:last-child > p:last-child { color: #334033; background: #f0f5e5; }

@media (max-width: 1120px) {
  .primary-nav { background: rgba(250,251,247,.985); }
  .site-header .nav-submenu { border: 0; background: transparent; box-shadow: none; backdrop-filter: none; }
  .site-header .nav-submenu__column h2 { color: #68870f; }
  .nav-submenu a { color: #68736b; }
  .nav-submenu a:hover,
  .nav-submenu a.is-active { transform: none; }
}

@media (max-width: 768px) {
  .full-video-page .page-video-bg,
  .full-video-page .page-image-bg {
    background-color: #eef2e8 !important;
    background-blend-mode: soft-light;
  }
  .full-video-page .video-hero__sticky::before {
    background: linear-gradient(180deg, rgba(245,247,241,.5), rgba(245,247,241,.69) 48%, rgba(245,247,241,.94)) !important;
  }
  .partner-pillars article { border-color: var(--light-border); }
}

@media print {
  .legal-page,
  .legal-main,
  .legal-document { color: #111; background: #fff; }
}

/* Light-theme contrast refinement
   Keeps the interface bright while restoring visual depth and legibility. */
:root {
  --ink: #e8eee6;
  --ink-soft: #dde6dc;
  --panel: #fdfefb;
  --panel-light: #e2eae0;
  --primary: #a7ce2d;
  --primary-bright: #607d0c;
  --primary-soft: #263509;
  --primary-deep: #4e6809;
  --emerald: #769a10;
  --emerald-bright: #526d08;
  --mint: #425a08;
  --text: #0b120d;
  --muted: #4f5d53;
  --line: rgba(27, 45, 32, .18);
  --line-strong: rgba(83, 111, 11, .42);
  --light-surface: #fdfefb;
  --light-soft: #e1e9df;
  --light-border: rgba(27, 45, 32, .18);
  --light-shadow: 0 22px 55px rgba(25, 43, 30, .11);
}

html,
body { color: #0b120d; background: #e8eee6; }
body {
  background:
    radial-gradient(circle at 12% 10%, rgba(141, 181, 31, .17), transparent 28rem),
    #e8eee6;
}
.display-heading,
.earnings-heading h2,
.recognition-heading h2,
.accounts-heading h2,
.steps-heading h2,
.features-heading h2,
.testimonials-wall__heading h2,
.faq-heading h2 { color: #08100a; }
.heading-side,
.section-kicker,
.section-title-intro,
.accounts-heading .heading-side > p,
.earnings-heading .section-copy,
.features-intro,
.testimonials-wall__intro,
.faq-intro,
.data-note { color: #536158; }
.eyebrow,
.text-link { color: #243027; }

.site-header,
.contact-page .site-header,
.about-page .site-header,
.partnership-page .site-header,
.funding-page .site-header,
.referral-page .site-header,
.instruments-page .site-header,
.economic-calendar-page .site-header { background: linear-gradient(180deg, rgba(244,248,242,.98), rgba(239,244,237,.88) 74%, transparent); }
.site-header.is-scrolled,
.contact-page .site-header.is-scrolled,
.about-page .site-header.is-scrolled,
.partnership-page .site-header.is-scrolled,
.funding-page .site-header.is-scrolled,
.referral-page .site-header.is-scrolled,
.instruments-page .site-header.is-scrolled,
.economic-calendar-page .site-header.is-scrolled,
.legal-page .site-header { background: rgba(244,248,242,.95); }
.primary-nav a,
.nav-group__toggle,
.login-link,
.legal-page .login-link { color: #344239; }
.nav-submenu a { color: #435148; }
.button--primary:hover { color: #101706; border-color: #b7db45; background: #b7db45; }

/* Make the static hero artwork visible without sacrificing text contrast. */
.full-video-page,
.full-video-page .page-video-bg,
.video-hero,
.video-hero__sticky { background-color: #dfe7dd !important; }
.full-video-page .video-hero__sticky::before {
  background:
    radial-gradient(ellipse at 50% 51%, rgba(239,244,237,.88) 0%, rgba(239,244,237,.58) 38%, rgba(231,238,229,.24) 76%),
    linear-gradient(180deg, rgba(232,239,230,.18), rgba(228,236,226,.38) 67%, rgba(224,233,222,.78)) !important;
}
.hero-copy h1,
.hero-state h2 { color: #071009; text-shadow: 0 2px 18px rgba(248,250,246,.95); }
.hero-copy h1 em,
.display-heading em,
.hero-state h2 em { color: #4e6908; }
.hero-lead { color: #334138; font-weight: 500; }
.customer-count { color: #435148; }
.customer-count strong { color: #3e5705; }
.hero-grid { opacity: .52; }

/* Alternating light surfaces create separation between sections. */
.section--rise { background: linear-gradient(145deg, #f9fbf7, #e2e9df 64%); }
.stats-section,
.full-video-page .stats-section { background: #e5ece3; }
.recognition-section,
.full-video-page .recognition-section { background: #f0f4ed; }
.accounts-section,
.full-video-page .accounts-section { background: #e1e9df; }
.reviews-section,
.full-video-page .reviews-section { background: #eef3ec; }
.steps-section,
.full-video-page .steps-section { background: #e2eae1; }
.features-section,
.full-video-page .features-section { background: #edf2eb; }
.testimonials-wall { background: #e1e9df; }
.faq-section,
.full-video-page .faq-section { background: #edf2eb; }
.section-title-badge,
.features-badge,
.testimonials-badge,
.faq-badge { color: #152018; border-color: rgba(27,45,32,.15); background: #dce6d8; }

.stat,
.feature,
.review-card,
.testimonial-tile,
.account-card,
.account-card.is-active,
.contact-page .contact-main,
.contact-page .contact-details,
.about-value,
.partner-program,
.partner-benefits,
.partner-ecosystem__visual,
.white-label-stack article,
.funding-card,
.referral-benefit,
.referral-ib__features,
.instrument-card,
.calendar-parts,
.calendar-widget-shell,
.legal-document-head,
.legal-document,
.legal-toc {
  color: #0c140e;
  border-color: rgba(27,45,32,.2);
  background: radial-gradient(circle at 100% 0%, rgba(167,206,45,.17), transparent 37%), #fdfefb;
  box-shadow: 0 22px 55px rgba(25,43,30,.11), inset 0 1px #fff;
}
.stat p,
.feature p,
.review-card p,
.testimonial-tile > p,
.account-benefits,
.legal-summary,
.legal-section p,
.legal-section ol,
.legal-section ul { color: #4b594f; }
.stat__value { color: #668810; }
.feature h3,
.testimonial-tile h3,
.testimonial-tile strong,
.account-card h3,
.account-card__deposit,
.account-specs strong { color: #0a120c; }
.account-card__index,
.account-card__deposit small,
.account-specs span { color: #56645a; }
.account-specs div { border-color: rgba(27,45,32,.17); background: #e8eee5; }
.accounts-title-stage {
  background: linear-gradient(125deg, #fff 0%, #eef7eb 24%, #d0e7cc 52%, #e8f3e3 76%, #fbfdf9 100%);
  background-size: 220% 220%;
  animation: accounts-gradient-shift 14s ease-in-out infinite alternate;
}
.accounts-title-shade {
  z-index: 0;
  background:
    radial-gradient(circle at 18% 30%, rgba(255,255,255,.92) 0 9%, transparent 36%),
    radial-gradient(circle at 78% 28%, rgba(224,241,218,.86) 0 12%, transparent 40%),
    radial-gradient(circle at 48% 88%, rgba(188,220,181,.54) 0 10%, transparent 42%);
  background-size: 145% 145%, 155% 155%, 135% 135%;
  opacity: .9;
  animation: accounts-gradient-float 18s ease-in-out infinite alternate;
}
.accounts-glass {
  position: absolute;
  top: 50%;
  z-index: 1;
  width: clamp(760px, 67vw, 1180px);
  max-width: none;
  height: auto;
  opacity: .72;
  pointer-events: none;
  user-select: none;
  will-change: transform;
}
.accounts-glass--left {
  left: clamp(-520px, -27vw, -360px);
  transform: translateY(-50%) rotate(-7deg);
  animation: accounts-glass-left 13s ease-in-out infinite alternate;
}
.accounts-glass--right {
  right: clamp(-520px, -27vw, -360px);
  transform: translateY(-50%) rotate(7deg);
  animation: accounts-glass-right 15s ease-in-out infinite alternate;
}
@keyframes accounts-gradient-shift {
  0% { background-position: 0% 35%; }
  50% { background-position: 60% 70%; }
  100% { background-position: 100% 25%; }
}
@keyframes accounts-gradient-float {
  0% { background-position: 0% 10%, 100% 0%, 45% 100%; }
  50% { background-position: 28% 38%, 72% 35%, 58% 68%; }
  100% { background-position: 52% 15%, 42% 58%, 35% 45%; }
}
@keyframes accounts-glass-left {
  from { transform: translate3d(0, -52%, 0) rotate(-7deg); }
  to { transform: translate3d(18px, -47%, 0) rotate(-3deg); }
}
@keyframes accounts-glass-right {
  from { transform: translate3d(0, -48%, 0) rotate(7deg); }
  to { transform: translate3d(-18px, -53%, 0) rotate(3deg); }
}
@media (max-width: 768px) {
  .accounts-glass { width: 1040px; opacity: .48; }
  .accounts-glass--left { left: -760px; }
  .accounts-glass--right { right: -760px; }
}

/* Invert the original award artwork directly on the section background. */
.award {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.award img,
.award:hover img {
  opacity: 1;
  filter: invert(1);
}
.award:hover img { opacity: 1; transform: scale(1.045); }

/* Stronger icons for light surfaces. */
.feature__icon,
.about-value__icon,
.referral-benefit__icon,
.partner-program__icon,
.funding-card__icon,
.instrument-card__icon,
.calendar-part__icon {
  color: #486307;
  border-color: rgba(83,111,11,.32);
  background: #e0eaca;
}
.feature__icon svg,
.about-value__icon svg,
.referral-benefit__icon svg,
.funding-card__icon svg,
.instrument-card__icon svg { stroke: #526f08; filter: none; }
.partner-pillar__icon img,
.partner-program__icon img,
.partner-node img,
.partner-benefits img,
.white-label-stack img { filter: brightness(.52) saturate(1.8) contrast(1.15); }
.partner-benefits li { color: #35433a; border-color: rgba(27,45,32,.17); }
.partner-program small,
.partner-ecosystem__copy > p:not(.section-title-badge),
.partner-detail__intro > p:not(.partner-detail__eyebrow),
.white-label-stack p,
.funding-heading > p,
.funding-guidance__list p,
.referral-offer__amount small,
.referral-offer__amount > span,
.instrument-card > small,
.calendar-widget__loading { color: #4b594f; }
.partner-ecosystem__steps span {
  color: #344239;
  border-color: rgba(27,45,32,.18);
  background: #e3eade;
}
.partner-node b { color: #344239; }
.partner-node--core > span { background: #a7ce2d; }
.partner-node--core img { filter: brightness(.2) saturate(1.4); }
.partner-process li p,
.funding-process li p { color: #435148; }

/* Inner-page artwork: clearer animation with a controlled pale base. */
.about-page,
.contact-page,
.partnership-page,
.funding-page,
.referral-page,
.instruments-page,
.economic-calendar-page,
.legal-page { background: #e8eee6; }
.about-hero,
.contact-hero,
.partnership-hero,
.funding-hero,
.referral-hero,
.instruments-hero,
.calendar-hero { background: #dfe7dd; }
.inner-page-shader { background: #dfe7dd; }
.inner-page-shader.is-ready .inner-page-shader__canvas { opacity: .55; }
.inner-page-shader__canvas { filter: brightness(1.16) contrast(.92) saturate(.72); }
.inner-page-shader::after {
  background:
    linear-gradient(180deg, rgba(235,241,232,.03), rgba(235,241,232,.12) 52%, rgba(225,234,222,.66)),
    radial-gradient(circle at 50% 42%, transparent 0%, rgba(232,239,229,.04) 60%, rgba(228,236,225,.32) 100%);
}
.inner-page-shader__fallback { background: linear-gradient(145deg, #edf2ea, #ccd9c8 48%, #e3eae0); }
.about-hero h1,
.contact-hero h1,
.partnership-hero h1,
.funding-hero h1,
.referral-hero h1,
.instruments-hero h1,
.calendar-hero h1 { color: #071009; }
.about-hero__inner > p:not(.section-title-badge),
.contact-hero__inner > p:not(.section-title-badge),
.partnership-hero__inner > p:not(.section-title-badge),
.funding-hero__inner > p:not(.section-title-badge),
.referral-hero__inner > p:not(.section-title-badge),
.instruments-hero__inner > p:not(.section-title-badge),
.calendar-hero__lead { color: #35433a; font-weight: 500; }

.about-intro,
.partner-programs,
.funding-options,
.referral-offer,
.referral-process,
.instrument-markets,
.instrument-access,
.calendar-guide { background: #e1e9df; }
.about-markets,
.partner-pillars,
.partner-detail,
.funding-options--withdrawals,
.referral-benefits,
.referral-ib,
.instrument-understanding,
.calendar-live { background: #edf2eb; }
.about-values,
.partner-ecosystem,
.funding-guidance { background: #dfe8dd; }
.funding-notice,
.referral-terms,
.partner-terms,
.instrument-notice { color: #243126; background: #d9e5cf; }
.funding-hero__status,
.instruments-ticker { color-scheme: light; border-color: rgba(27,45,32,.18); background: rgba(239,244,237,.92); }
.funding-hero__status span { color: #3f4d43; }

.payment-brand,
.crypto-brand { border-color: rgba(27,45,32,.18); background: #fdfefb; box-shadow: 0 5px 15px rgba(25,43,30,.07); }
.funding-method-bank img { filter: brightness(.65) saturate(1.3) contrast(1.1); }
.funding-method-bank span,
.crypto-brand b { color: #334138; }

.final-cta { background: #dbe5d8; }
.final-cta__video { opacity: .24; filter: grayscale(.16) brightness(1.35) saturate(.68); }
.final-cta__veil { background: linear-gradient(180deg, rgba(219,229,216,.86), rgba(226,234,223,.64) 23%, rgba(226,234,223,.68) 74%, #e4ebe2 100%); }
.final-cta__inner { border-color: rgba(27,45,32,.2); background: rgba(248,251,247,.86); }
.site-footer { background: #dce5da; }
.footer-top { border-color: rgba(27,45,32,.2); background: radial-gradient(circle at 8% 0%, rgba(167,206,45,.17), transparent 32%), #f7faf5; }
.footer-column h2,
.footer-column a,
.footer-bottom a { color: #243127; }
.footer-brand > p,
.footer-column p,
.footer-legal,
.footer-bottom { color: #526057; }
.field-error { color: #a5271d; }

@media (max-width: 1120px) {
  .primary-nav { background: rgba(239,244,237,.99); }
}

@media (max-width: 768px) {
  .full-video-page .video-hero__sticky::before {
    background:
      radial-gradient(ellipse at 50% 52%, rgba(239,244,237,.88), rgba(239,244,237,.58) 44%, rgba(229,237,226,.3) 78%),
      linear-gradient(180deg, rgba(230,238,228,.14), rgba(226,235,223,.42) 68%, rgba(222,231,219,.82)) !important;
  }
}

/* The light-theme logo already has dark lettering and needs no dark backing plate. */
.site-header .brand,
.site-footer .brand {
  padding: 0;
  background: transparent;
  box-shadow: none;
}

/* Branded four-second loading experience. */
.page-loader {
  padding: 24px;
  color: #101712;
  background:
    radial-gradient(circle at 50% 45%, rgba(167,206,45,.13), transparent 18rem),
    #fff;
  font-family: "Inter", sans-serif;
}
.page-loader__content {
  position: relative;
  display: flex;
  width: min(78vw, 390px);
  flex-direction: column;
  align-items: center;
}
.page-loader__content::before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  width: 250px;
  height: 250px;
  border-radius: 50%;
  background: rgba(167,206,45,.15);
  filter: blur(70px);
  content: "";
  transform: translate(-50%,-55%);
  animation: loader-glow 2.4s ease-in-out infinite alternate;
}
.page-loader .page-loader__media {
  display: block;
  width: clamp(110px, 14vw, 200px);
  max-width: 52vw;
  max-height: 26vh;
  height: auto;
  object-fit: contain;
  filter: none;
}
.page-loader__status {
  display: flex;
  width: 100%;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  margin-top: 52px;
  color: #526057;
}
.page-loader__status span {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .09em;
  line-height: 1.45;
  text-transform: uppercase;
}
.page-loader__status strong {
  flex: 0 0 auto;
  color: #344707;
  font-size: 13px;
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  letter-spacing: -.02em;
}
.page-loader__track {
  position: relative;
  width: 100%;
  height: 5px;
  margin-top: 13px;
  overflow: hidden;
  border-radius: 999px;
  background: #e5eadf;
  box-shadow: inset 0 1px 2px rgba(18,34,22,.09);
}
.page-loader__track::after {
  position: absolute;
  inset: 0;
  opacity: .55;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.85), transparent);
  content: "";
  transform: translateX(-110%);
  animation: loader-shimmer 1.35s ease-in-out infinite;
}
.page-loader__track i {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #789d10, #b4dc38);
  box-shadow: 0 0 18px rgba(137,178,24,.42);
  transform: scaleX(0);
  transform-origin: left center;
  will-change: transform;
}
@keyframes loader-glow {
  from { opacity: .55; transform: translate(-50%,-55%) scale(.86); }
  to { opacity: 1; transform: translate(-50%,-55%) scale(1.12); }
}
@keyframes loader-shimmer {
  0%, 22% { transform: translateX(-110%); }
  78%, 100% { transform: translateX(110%); }
}
@media (max-width: 480px) {
  .page-loader__content { width: min(82vw, 330px); }
  .page-loader__status { margin-top: 40px; }
  .page-loader__status span { max-width: 190px; font-size: 9px; }
}

/* Account options: clear comparison cards and a high-contrast active tier. */
.accounts-section .account-carousel {
  padding-top: 40px;
  padding-bottom: 48px;
  background: #f5f7f1;
}
.accounts-section .account-carousel::before { display: none; }
.accounts-section .account-card {
  --account-title: #20271d;
  --account-text: #52604b;
  --account-accent: #536d1c;
  --account-electric: #c4e653;
  --account-electric-core: #e9ffab;
  display: flex;
  flex-direction: column;
  padding: 30px;
  border-color: #d7dfce;
  background: linear-gradient(135deg, #fff 0%, #f5faf2 27%, #d0e7cc 54%, #edf6e9 78%, #fff 100%);
  background-size: 220% 220%;
  box-shadow: 0 12px 30px rgba(33,44,22,.07);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}
.accounts-section .account-card::before,
.accounts-section .account-card::after { display: none; }
.accounts-section .account-card.is-active {
  --account-title: #fff;
  --account-text: #c7cfc0;
  --account-accent: #c4e653;
  border-color: #9ebc42;
  background:
    radial-gradient(circle at 22% 18%, rgba(208,231,204,.2), transparent 48%),
    linear-gradient(135deg, #171e16 0%, #2a3727 38%, #3c5137 58%, #273324 78%, #181f17 100%);
  background-size: 180% 180%, 220% 220%;
  box-shadow: 0 18px 36px rgba(28,38,17,.18), 0 0 22px rgba(160,192,60,.12);
  transform: translateY(-6px);
}
@keyframes accounts-card-gradient {
  0% { background-position: 0% 38%, 0% 38%; }
  50% { background-position: 62% 72%, 62% 72%; }
  100% { background-position: 100% 28%, 100% 28%; }
}
@media (min-width: 901px) and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .accounts-section .account-card { animation: accounts-card-gradient 13s ease-in-out infinite alternate; }
  .accounts-section .account-card:nth-child(even) { animation-delay: -6.5s; }
}
.accounts-section .account-card__index {
  align-self: flex-start;
  padding: 6px 10px;
  color: var(--account-text);
  border: 1px solid #dce3d5;
  border-radius: 7px;
  font-variant-numeric: tabular-nums;
}
.accounts-section .is-active .account-card__index { border-color: #505b43; }
.accounts-section .account-card__recommended {
  top: 30px;
  right: 30px;
  padding: 8px 12px;
  color: #26320e;
  background: #dcedb4;
  box-shadow: none;
}
.accounts-section .account-card h3 {
  margin-top: 26px;
  color: var(--account-title);
  font-size: 25px;
}
.accounts-section .account-card__deposit {
  gap: 9px;
  margin-bottom: 26px;
  color: var(--account-title);
  font-size: clamp(36px, 3.2vw, 48px);
  line-height: 1.15;
  overflow-wrap: anywhere;
}
.accounts-section .account-card__deposit small {
  flex-basis: 100%;
  color: var(--account-text);
  font-size: 12px;
  line-height: 1.5;
}
.accounts-section .account-specs { gap: 9px; margin-top: 0; margin-bottom: 22px; }
.accounts-section .account-specs div {
  min-width: 0;
  padding: 13px;
  border-color: #e1e7d9;
  background: #f5f7f1;
}
.accounts-section .account-specs div:last-child:nth-child(odd) { grid-column: 1 / -1; }
.accounts-section .is-active .account-specs div { border-color: #46503d; background: #2c3326; }
.accounts-section .account-specs span { color: var(--account-text); line-height: 1.5; }
.accounts-section .account-specs strong { color: var(--account-title); line-height: 1.5; }
.accounts-section .account-benefits { color: var(--account-text); line-height: 1.65; }
.accounts-section .account-benefits li { display: flex; align-items: baseline; gap: 10px; }
.accounts-section .account-benefits li::before {
  flex: 0 0 auto;
  margin-right: 0;
  color: var(--account-accent);
  content: "\2713";
}
.accounts-section .account-card .button {
  margin-top: auto;
  min-height: 52px;
  gap: 12px;
  color: #354c13;
  border: 1px solid #bac99b;
  background: #eff5e3;
  box-shadow: none;
}
.accounts-section .account-card.is-active .button {
  color: #202a10;
  border-color: #c4e653;
  background: #c4e653;
}
.accounts-section .account-card__electric-border::before { border-color: #96b638; }
.accounts-section .account-card__electric-border::after { border-color: var(--account-electric); }
.accounts-section .account-card__electric-border i { border-color: var(--account-electric-core); }
.accounts-section .carousel-controls { width: min(100%, 250px); color: #57614c; font-size: 12px; }
.accounts-section .carousel-controls b { color: #33471a; }
.accounts-section .carousel-button {
  width: 48px;
  height: 48px;
  color: #40591b;
  border-color: #bbc9a6;
  background: #fff;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.accounts-section .carousel-button:focus-visible,
.accounts-section .account-card .button:focus-visible,
.accounts-section .account-carousel:focus-visible {
  outline: 3px solid #7c9a32;
  outline-offset: 4px;
}
@media (hover: hover) and (pointer: fine) {
  .accounts-section .account-card:not(.is-active):hover {
    border-color: #8fa55f;
    box-shadow: 0 16px 32px rgba(33,44,22,.12);
    transform: translateY(-4px);
  }
  .accounts-section .account-card .button:hover { color: #fff; border-color: #455e1f; background: #455e1f; }
  .accounts-section .account-card.is-active .button:hover { color: #202a10; border-color: #d6ef80; background: #d6ef80; }
  .accounts-section .carousel-button:hover { color: #fff; border-color: #455e1f; background: #455e1f; }
}
@media (min-width: 901px) and (hover: hover) and (pointer: fine) {
  .accounts-section .account-card__electric-border::before { filter: none; }
  .accounts-section .account-card__electric-border::after { filter: blur(3px); opacity: .55; }
}
@media (max-width: 900px), (hover: none) and (pointer: coarse) {
  .accounts-section .account-card.is-active { transform: translateY(-4px); }
  .accounts-section .account-card__electric-border::after {
    background: linear-gradient(90deg, transparent, var(--account-electric-core) 48%, transparent);
    box-shadow: 0 0 6px rgba(196,230,83,.5);
  }
  .accounts-section .account-card__electric-border i {
    background: linear-gradient(180deg, transparent, var(--account-electric-core) 48%, transparent);
    box-shadow: 0 0 6px rgba(196,230,83,.5);
  }
}
@media (max-width: 600px) {
  .accounts-section .account-carousel { padding-top: 28px; padding-bottom: 32px; }
  .accounts-section .account-track { gap: 16px; }
  .accounts-section .account-card { flex-basis: min(84vw, 390px); padding: 22px; }
  .accounts-section .account-card__recommended { top: 22px; right: 22px; }
  .accounts-section .account-specs div { padding: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  .accounts-title-stage,
  .accounts-title-shade,
  .accounts-glass { animation: none; }
  .accounts-section .account-card,
  .accounts-section .account-card.is-active,
  .accounts-section .account-card:not(.is-active):hover { transform: none; }
}

/* Statistics cards: charcoal surfaces with bright, readable counters. */
.full-video-page .intro-section,
.full-video-page .stats-section { background: #fff; }
.full-video-page .intro-section { box-shadow: none; }
.full-video-page .intro-section::before,
.full-video-page .intro-section > .section-glow { display: none; }
.stats-grid .stat {
  color: #fff;
  border-color: #363c2e;
  background: #1F1F1F;
  box-shadow: 0 14px 32px rgba(20,28,18,.14);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.stats-grid .stat::before { background: rgba(167,206,45,.06); }
.stats-grid .stat::after {
  background: linear-gradient(90deg, transparent, rgba(176,189,112,.3), transparent);
}
.stats-grid .stat__value { color: #b0bd70; }
.stats-grid .stat__value i { color: #b0d136; }
.stats-grid .stat p { color: #fff; }
.stats-grid .stat:hover {
  border-color: #8a9b53;
  background: #1F1F1F;
  box-shadow: 0 20px 40px rgba(20,28,18,.2);
}

/* Start Trading: three clear, connected steps. */
.steps-section,
.full-video-page .steps-section {
  isolation: isolate;
  padding-block: clamp(80px, 8vw, 120px);
  background: #f7f9f4;
}
.steps-section > .container { position: relative; z-index: 2; }
.steps-coin {
  position: absolute;
  top: 80px;
  z-index: 1;
  width: clamp(360px, 26vw, 480px);
  max-width: none;
  height: auto;
  pointer-events: none;
  user-select: none;
  filter: drop-shadow(0 22px 24px rgba(143,101,13,.12));
  transform-origin: 50% 55%;
  will-change: transform;
}
.steps-coin--left {
  left: clamp(-110px, -5vw, -70px);
  animation: steps-coin-wobble-left 6.8s ease-in-out infinite alternate;
}
.steps-coin--right {
  right: clamp(-130px, -6vw, -85px);
  animation: steps-coin-wobble-right 7.6s ease-in-out infinite alternate;
}
@keyframes steps-coin-wobble-left {
  0% { transform: translate3d(-8px, 5px, 0) rotate(-7deg); }
  50% { transform: translate3d(8px, -9px, 0) rotate(-2deg); }
  100% { transform: translate3d(18px, 7px, 0) rotate(3deg); }
}
@keyframes steps-coin-wobble-right {
  0% { transform: translate3d(9px, -4px, 0) rotate(7deg); }
  50% { transform: translate3d(-7px, 10px, 0) rotate(2deg); }
  100% { transform: translate3d(-17px, -6px, 0) rotate(-3deg); }
}
.steps-section .steps-heading { width: min(100%, 820px); }
.steps-section .section-title-badge {
  padding: 10px 17px;
  color: #4c611c;
  border: 1px solid #d4dfc6;
  border-radius: 999px;
  background: #eff5e2;
  font-size: 12px;
}
.steps-section .section-title-badge i { border-radius: 50%; background: #718a2e; }
.steps-section .steps-heading h2 {
  margin: 26px 0 20px;
  color: #141a15;
  font-size: clamp(36px, 4.2vw, 62px);
  font-weight: 600;
  letter-spacing: -.05em;
  line-height: 1.1;
  text-wrap: balance;
}
.steps-section .section-title-intro { color: #526057; line-height: 1.8; }
.steps-section .steps-heading .button {
  width: auto;
  max-width: 100%;
  min-height: 54px;
  padding-inline: 28px;
  border-radius: 12px;
  color: #172006;
  border-color: #a7ce2d;
  background: #a7ce2d;
  font-size: 13px;
  box-shadow: 0 8px 22px rgba(105,137,24,.14);
}
.steps-section .steps-heading .button:hover { background: #b7db45; border-color: #b7db45; }
.steps-section .steps-timeline { gap: 22px; margin-top: 64px; padding-top: 38px; }
.steps-section .timeline-line { left: 32px; right: 32px; background: #d6e0ca; }
.steps-section .timeline-line > i { background: #8da744; box-shadow: none; }
.steps-section .timeline-cube { width: 26px; height: 26px; }
.steps-section .timeline-cube b { border-color: #718a2e; background: #e1edc5; box-shadow: none; }
.steps-section .step {
  min-width: 0;
  min-height: 290px;
  padding: 32px;
  opacity: 1;
  border: 1px solid #d8e1d2;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(29,46,31,.045);
  transition: border-color .28s ease, box-shadow .28s ease, translate .28s ease;
}
.steps-section .step::before {
  top: -43px;
  left: 27px;
  width: 11px;
  height: 11px;
  border: 2px solid #a5b78a;
  background: #f7f9f4;
  box-shadow: 0 0 0 5px #f7f9f4;
}
.steps-section .step.is-active { border-color: #b0c28f; }
.steps-section .step.is-active::before { background: #819e36; border-color: #819e36; }
.steps-section .step__icon {
  display: grid;
  width: 64px;
  height: 64px;
  place-items: center;
  color: #566f1d;
  border: 1px solid #d6e2bd;
  border-radius: 18px;
  background: #eff5e2;
  transition: color .28s ease, background .28s ease, border-color .28s ease, transform .28s ease;
}
.steps-section .step__icon svg {
  width: 32px;
  height: 32px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.steps-section .step__number {
  position: absolute;
  top: 32px;
  right: 32px;
  padding: 5px 10px;
  color: #61734a;
  border: 1px solid #dfe7d6;
  border-radius: 999px;
  background: #f6f8f2;
  font-size: 10px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.steps-section .step h3 { margin: 32px 0 14px; color: #141a15; font-size: clamp(20px, 1.6vw, 24px); font-weight: 600; letter-spacing: -.025em; line-height: 1.25; }
.steps-section .step p { color: #526057; font-size: 14px; line-height: 1.8; }
@media (hover: hover) and (pointer: fine) {
  .steps-section .step:hover { border-color: #8fa562; box-shadow: 0 18px 38px rgba(29,46,31,.11); translate: 0 -5px; }
  .steps-section .step:hover .step__icon { color: #c4db80; border-color: #27331e; background: #27331e; transform: rotate(-3deg); }
}
@media (max-width: 768px) {
  .steps-section,
  .full-video-page .steps-section { padding-block: 72px; }
  .steps-coin { top: 64px; width: 400px; opacity: .44; }
  .steps-coin--left { left: -160px; }
  .steps-coin--right { right: -85px; }
  .steps-section .steps-timeline { gap: 18px; margin-top: 46px; padding: 0 0 0 32px; }
  .steps-section .timeline-line { left: 8px; right: auto; }
  .steps-section .step { min-height: 0; padding: 26px; border-radius: 18px; }
  .steps-section .step::before { top: 38px; left: -30px; }
  .steps-section .step__number { top: 26px; right: 20px; }
  .steps-section .step h3 { margin-top: 26px; }
}
@media (prefers-reduced-motion: reduce) {
  .steps-coin { animation: none; }
  .steps-section .step,
  .steps-section .step__icon { transition: none; }
  .steps-section .step:hover { translate: none; }
  .steps-section .step:hover .step__icon { transform: none; }
}

/* Why CFD First: readable icons and deliberate card interaction. */
.features-section,
.full-video-page .features-section {
  padding-block: clamp(80px, 8vw, 120px);
  background: #edf2eb;
}
.features-section .features-heading {
  width: min(100%, 850px);
  margin-bottom: clamp(44px, 5vw, 68px);
}
.features-section .features-badge {
  padding: 10px 17px;
  color: #4c611c;
  border: 1px solid #d4dfc6;
  border-radius: 999px;
  background: #f7faf2;
  font-size: 12px;
}
.features-section .features-badge i {
  border-radius: 50%;
  background: #718a2e;
}
.features-section .features-heading h2 {
  margin: 26px 0 20px;
  color: #141a15;
  font-size: clamp(36px, 4.2vw, 62px);
  font-weight: 600;
  letter-spacing: -.05em;
  line-height: 1.1;
  text-wrap: balance;
}
.features-section .features-intro {
  max-width: 620px;
  color: #526057;
  line-height: 1.8;
}
.features-section .features-grid { gap: 22px; align-items: stretch; }
.features-section .feature {
  min-height: 310px;
  padding: clamp(26px, 2.8vw, 38px);
  border: 1px solid #d8e1d2;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(29,46,31,.045);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  translate: 0 0;
  transition: translate .28s ease, border-color .28s ease, box-shadow .28s ease;
}
.features-section .feature::before {
  inset: auto 30px 0;
  width: auto;
  height: 3px;
  border-radius: 3px 3px 0 0;
  background: #91ad3b;
  filter: none;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .3s ease;
}
.features-section .feature::after { display: none; }
.features-section .feature__icon {
  width: 64px;
  height: 64px;
  color: #566f1d;
  border: 1px solid #d6e2bd;
  border-radius: 18px;
  background: #eff5e2;
  box-shadow: none;
  animation: none;
  transition: background .28s ease, color .28s ease, border-color .28s ease, transform .28s ease;
}
.features-section .feature__icon::after { display: none; }
.features-section .feature__icon svg {
  width: 32px;
  height: 32px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: none;
  transform: none;
}
.features-section .feature__icon svg * {
  opacity: 1;
  stroke-dasharray: none;
  stroke-dashoffset: 0;
  animation: none;
}
.features-section .feature:hover .feature__icon svg { transform: none; }
.features-section .feature__number {
  top: 30px;
  right: 30px;
  min-width: 34px;
  height: 28px;
  color: #68745e;
  border: 1px solid #e0e7d8;
  background: #f6f8f2;
  font-variant-numeric: tabular-nums;
}
.features-section .feature h3 {
  margin: 34px 0 14px;
  color: #141a15;
  font-size: clamp(20px, 1.6vw, 24px);
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -.025em;
}
.features-section .feature p {
  max-width: none;
  color: #526057;
  font-size: 14px;
  line-height: 1.8;
}
@media (hover: hover) and (pointer: fine) {
  .features-section .feature:hover {
    border-color: #98ac70;
    box-shadow: 0 18px 38px rgba(29,46,31,.11);
    translate: 0 -6px;
  }
  .features-section .feature:hover::before { transform: scaleX(1); }
  .features-section .feature:hover .feature__icon {
    color: #c4db80;
    border-color: #27331e;
    background: #27331e;
    transform: translateY(-2px) rotate(-3deg);
  }
}
@media (max-width: 768px) {
  .features-section,
  .full-video-page .features-section { padding-block: 72px; }
  .features-section .features-grid { gap: 16px; }
  .features-section .feature { min-height: 0; padding: 26px; border-radius: 18px; }
  .features-section .feature h3 { margin-top: 26px; }
  .features-section .feature__number { top: 26px; right: 26px; }
}
@media (prefers-reduced-motion: reduce) {
  .features-section .feature,
  .features-section .feature::before,
  .features-section .feature__icon { transition: none; }
  .features-section .feature:hover { translate: none; }
  .features-section .feature:hover .feature__icon { transform: none; }
}

/* Final call to action: an open white layout with a clear primary action. */
.final-cta {
  padding: clamp(80px, 8vw, 128px) 0;
  min-height: 0;
  color: #141a15;
  background: #fff;
}
.final-cta__inner {
  width: min(90vw, 1100px);
  padding: 0;
  border: 0;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.final-cta__inner::before {
  width: 48px;
  height: 4px;
  margin-bottom: 28px;
  border-radius: 999px;
  background: #a7ce2d;
  content: "";
}
.final-cta__inner .section-title-badge {
  max-width: 100%;
  padding: 10px 17px;
  color: #4c611c;
  border: 1px solid #dde5ce;
  border-radius: 999px;
  background: #f5f8ed;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
}
.final-cta__inner .section-title-badge i {
  flex-shrink: 0;
  border-radius: 50%;
  background: #718a2e;
}
.final-cta__inner .display-heading {
  max-width: 960px;
  margin: 26px auto 0;
  color: #141a15;
  font-family: "Inter", sans-serif;
  font-size: clamp(38px, 5.4vw, 78px);
  font-weight: 600;
  letter-spacing: -.055em;
  line-height: 1.08;
  text-wrap: balance;
}
.final-cta__inner .display-heading em {
  color: #647b29;
  font-family: inherit;
  font-style: normal;
  font-weight: inherit;
}
.final-cta__inner > p:not(.section-title-badge) {
  max-width: 610px;
  margin: 24px auto 0;
  color: #536057;
  font-size: clamp(14px, 1.15vw, 17px);
  line-height: 1.8;
  text-wrap: pretty;
}
.final-cta__actions {
  width: auto;
  max-width: 100%;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 34px;
}
.final-cta__actions .button {
  min-width: 200px;
  min-height: 56px;
  padding-inline: 26px;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 600;
}
.final-cta__actions .button--primary {
  color: #172006;
  border-color: #a7ce2d;
  background: #a7ce2d;
  box-shadow: 0 8px 20px rgba(105,137,24,.15);
}
.final-cta__actions .button--primary:hover {
  border-color: #b7db45;
  background: #b7db45;
  box-shadow: 0 10px 24px rgba(105,137,24,.22);
}
.final-cta__actions .button--ghost {
  color: #303a2f;
  border-color: #cdd6c7;
  background: #fff;
  box-shadow: none;
}
.final-cta__actions .button--ghost:hover {
  border-color: #82984c;
  background: #f5f8ed;
}
.final-cta :focus-visible { outline-color: #647b29; }
@media (max-width: 768px) {
  .final-cta { padding-block: 76px; }
  .final-cta__inner { width: min(88vw, 620px); }
  .final-cta__actions { width: min(100%, 340px); flex-direction: column; }
  .final-cta__actions .button { width: 100%; min-width: 0; }
}

/* Universal footer: charcoal, white and olive. */
.site-footer {
  --footer-accent: #b0bd70;
  color: #fff;
  color-scheme: dark;
  border-top-color: rgba(255,255,255,.16);
  background: #1F1F1F;
}
.site-footer::before { display: none; }
.site-footer .footer-top,
.site-footer .footer-social,
.site-footer .footer-legal {
  color: #fff;
  border-color: rgba(255,255,255,.16);
  background: #1F1F1F;
  box-shadow: none;
}
.site-footer .footer-brand > p,
.site-footer .footer-column p,
.site-footer .footer-column a,
.site-footer .footer-social label,
.site-footer .footer-social div a,
.site-footer .footer-legal .pending-approval,
.site-footer .footer-bottom { color: #fff; }
.site-footer .footer-column h2,
.site-footer .footer-bottom a { color: var(--footer-accent); }
.site-footer .footer-column h2::before {
  background: var(--footer-accent);
  box-shadow: none;
}
.site-footer .footer-column a:hover,
.site-footer .footer-column a.is-active,
.site-footer .footer-social div a:hover,
.site-footer .footer-bottom a:hover { color: var(--footer-accent); }
.site-footer .footer-social select {
  color: #fff;
  border-color: rgba(176,189,112,.4);
  background: #1F1F1F;
}
.site-footer .footer-bottom { border-top-color: rgba(255,255,255,.16); }
.site-footer .button--register {
  color: var(--footer-accent);
  border-color: rgba(176,189,112,.5);
  background: rgba(176,189,112,.09);
  box-shadow: none;
}
.site-footer .button--register:hover {
  color: #1F1F1F;
  border-color: var(--footer-accent);
  background: var(--footer-accent);
}
.site-footer :focus-visible { outline-color: var(--footer-accent); }
/* Keep the supplied black wordmark readable on the charcoal footer. */
.site-footer .brand {
  padding: 10px 14px;
  border-radius: 12px;
  background: #fff;
}

/* FAQ: charcoal surface with white text and readable olive accents. */
.faq-section,
.full-video-page .faq-section {
  --faq-accent: #b0bd70;
  color: #fff;
  background: #1F1F1F;
}
.faq-section .faq-heading h2,
.faq-section .faq-intro,
.faq-section .accordion summary,
.faq-section .accordion details p { color: #fff; }
.faq-section .faq-badge {
  color: var(--faq-accent);
  border-color: rgba(176,189,112,.35);
  background: rgba(176,189,112,.08);
}
.faq-section .faq-badge i { background: var(--faq-accent); }
.faq-section .accordion details { border-bottom-color: rgba(255,255,255,.18); }
.faq-section .accordion summary:hover,
.faq-section .accordion details[open] summary,
.faq-section .accordion details p a { color: var(--faq-accent); }
.faq-section .accordion summary span::before,
.faq-section .accordion summary span::after,
.faq-section .accordion details[open] summary span::before,
.faq-section .accordion details[open] summary span::after { background: var(--faq-accent); }
.faq-section :focus-visible { outline-color: var(--faq-accent); }
.faq-section .accordion details p a {
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Testimonials: clean white canvas without the old top fade edge. */
.testimonials-wall,
.full-video-page .testimonials-wall {
  padding-block: clamp(92px, 9vw, 142px);
  border: 0;
  outline: 0;
  background: #fff;
  box-shadow: none;
}
.testimonials-wall__heading {
  width: min(100%, 680px);
  margin-bottom: clamp(54px, 6vw, 78px);
}
.testimonials-badge {
  color: #23301f;
  border: 1px solid #d6e0cf;
  border-radius: 999px;
  background: #f1f6e9;
  box-shadow: 0 7px 20px rgba(29,48,32,.06);
}
.testimonials-badge i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #789e10;
  box-shadow: 0 0 0 4px rgba(120,158,16,.1);
}
.testimonials-wall__heading h2 {
  margin-top: 26px;
  color: #08100a;
  font-size: clamp(42px, 4vw, 64px);
  font-weight: 600;
  letter-spacing: -.055em;
}
.testimonials-wall__intro {
  width: min(100%, 570px);
  color: #536057;
  font-size: clamp(14px, 1.08vw, 17px);
}
.testimonials-masonry-frame {
  width: min(100%, 1180px);
  max-height: 720px;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.testimonials-masonry-frame::before { display: none; }
.testimonials-masonry-frame::after {
  height: 130px;
  background: linear-gradient(180deg, transparent, rgba(255,255,255,.84) 62%, #fff 100%);
}
.testimonials-masonry,
.testimonial-column__track,
.testimonial-set { gap: 18px; }
.testimonial-tile,
.testimonial-tile:nth-child(n) {
  position: relative;
  margin: 0;
  padding: 23px;
  overflow: hidden;
  color: #111914;
  border: 1px solid #dce4da;
  border-radius: 20px;
  background: linear-gradient(145deg, #fff, #f5f8f2);
  box-shadow: 0 12px 30px rgba(27,44,31,.08);
  transition: border-color .3s ease, box-shadow .3s ease, transform .3s ease;
}
.testimonial-tile::before {
  position: absolute;
  top: 0;
  right: 24px;
  left: 24px;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(126,164,20,.62), transparent);
  content: "";
}
.testimonial-tile::after {
  position: absolute;
  top: 42px;
  right: 18px;
  color: rgba(104,139,12,.11);
  content: "\201C";
  font-family: Georgia, serif;
  font-size: 76px;
  line-height: .65;
  pointer-events: none;
}
.testimonial-tile:hover,
.testimonial-tile:nth-child(n):hover {
  border-color: rgba(107,143,13,.38);
  background: #fff;
  box-shadow: 0 20px 44px rgba(27,44,31,.13);
  transform: translateY(-5px);
}
.testimonial-tile header { position: relative; z-index: 1; gap: 14px; }
.testimonial-tile img {
  width: 48px;
  height: 48px;
  border: 3px solid #fff;
  box-shadow: 0 0 0 1px #d6e1d3, 0 7px 16px rgba(26,44,30,.12);
}
.testimonial-tile strong { color: #111914; font-size: 13px; font-weight: 700; }
.testimonial-tile small { color: #647168; font-size: 10px; }
.testimonial-tile > p {
  position: relative;
  z-index: 1;
  margin-top: 27px;
  color: #49564d;
  font-size: 12.5px;
  line-height: 1.72;
}

@media (max-width: 768px) {
  .testimonials-wall,
  .full-video-page .testimonials-wall { padding-block: 78px; }
  .testimonials-wall__heading { margin-bottom: 45px; }
  .testimonials-masonry-frame { max-height: none; }
  .testimonial-tile,
  .testimonial-tile:nth-child(n) { padding: 21px; }
}