html { color-scheme: only dark; background-color: #030508; }
/* Keep the page anchored to the viewport without creating a nested scroll area. */
html:has(body.home-page),
body.home-page {
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
  overscroll-behavior: none;
}
body.home-page main {
  min-width: 0;
  max-width: 100%;
  overflow-x: clip;
}
/* Homepage palette matched to Tradestone's landing page, always dark regardless of device appearance. */
body.home-page {
  --color-bg: #030508;
  --color-bg-secondary: #0e1217;
  --color-surface: #05090c;
  --color-surface-medium: #0e1217;
  --color-surface-strong: #0e1217;
  --color-glass: #05090c;
  --color-glass-strong: #0e1217;
  --color-stroke: #02C3EB;
  --color-stroke-strong: #02C3EB;
  --card-frame: #02C3EB;
  --color-primary: #05abce;
  --color-primary-strong: #048fb0;
  --color-primary-soft: rgba(5, 171, 206, .12);
  --color-accent: #048fb0;
  --color-text: #f8fafc;
  --color-text-secondary: #cbd5e1;
  --color-text-tertiary: #a3a8b3;
  --gradient-hero: radial-gradient(880px 340px at 70% 0%,rgba(5,171,206,.18),transparent 66%),linear-gradient(180deg,#05070a,#030508);
  --gradient-glass: linear-gradient(var(--color-surface), var(--color-surface));
  --gradient-glass-hover: linear-gradient(var(--color-surface), var(--color-surface));
  --gradient-cta: linear-gradient(135deg,#05abce,#048fb0);
  --glass-border: .5px solid var(--color-stroke);
  --glass-shadow: 0 28px 80px rgba(0,0,0,.48);
  --glass-shadow-strong: var(--glass-shadow);
  --theme-header: rgba(5,9,12,.96);
  --theme-page: radial-gradient(900px 420px at 76% -8%,rgba(5,171,206,.14),transparent 62%),linear-gradient(180deg,#05070a,#030508);
  color-scheme: only dark;
  background: var(--theme-page);
  color: var(--color-text);
  accent-color: var(--color-primary);
}
body.home-page::before { background: var(--theme-page); }
body.home-page .orb { background: radial-gradient(circle,rgba(5,171,206,.14),transparent 65%); }
body.home-page :is(h1,h2,h3,h4,h5,h6,.display-title,.section-title,.pricing-card__plan,.pricing-card__price,.brand-wordmark,.bundle-how-it-works__toolkit-heading) {
  color: var(--color-text) !important;
  background: none;
  -webkit-text-fill-color: currentColor;
  text-shadow: none;
}
body.home-page :is(p,.text-secondary,.pricing-card__list,.bundle-feature-card__benefits,.bundle-how-it-works__step-text,.hero-cta__logo-note,.hero-cta__logo-note--desktop) { color: var(--color-text-secondary) !important; }
body.home-page :is(.text-muted,.footer-meta,.pricing-card__price-note) { color: var(--color-text-tertiary) !important; }
body.home-page :is(.section-tag,.eyebrow,.landing-promo__eyebrow) { color: #05D4F2 !important; }
body.home-page :is(.site-header,.navbar) { background: var(--theme-header); border-color: var(--color-stroke-strong); box-shadow: none; }
body.home-page :is(.promo-ticker,.site-footer) { background: var(--color-bg); color: var(--color-text); }
body.home-page :is(.hero-card,.metric-card,.feature-list__item,.diagram-card,.performance-card,.pricing-card,.testimonial-card,.telemetry-card,.bundle-feature-card,.landing-promo__card,.trading-toolkit__wrap,.trading-toolkit__card,.trading-toolkit__step,.trading-toolkit__value,.nav-menu-panel,.nav-modal-content,.modal-content,.accordion-button,.accordion-body) {
  background: var(--color-surface) !important;
  border-color: var(--card-frame) !important;
  border-width: .5px !important;
  box-shadow: var(--glass-shadow) !important;
  color: var(--color-text);
}
body.home-page :is(.hero-card,.diagram-card,.performance-card,.pricing-card,.telemetry-card,.metric-card,.feature-list__item)::before,
body.home-page .telemetry-card::after { background: none; }
body.home-page :is(.bundle-how-it-works__panel,.bundle-how-it-works__step,.bundle-how-it-works__toolkit,.hero-card__pair,.promo-countdown__segment) { background: var(--color-surface-medium); border-color: var(--card-frame); border-width: .5px; box-shadow: var(--glass-shadow); }
body.home-page :is(.hero-card__header,.hero-card__footer,.modal-header,.modal-footer,.footer-meta) { border-color: var(--card-frame); border-width: .5px; }
body.home-page :is(.pricing-card--popular,.trading-toolkit__card--featured) { border-color: var(--card-frame) !important; }
body.home-page :is(.btn-primary,.landing-promo__cta,.bundle-how-it-works__step-number,.trading-toolkit__step span) {
  background: var(--gradient-cta);
  border-color: var(--color-primary);
  color: #fff !important;
  box-shadow: 0 13px 28px rgba(5,171,206,.28);
}
body.home-page :is(.btn-primary,.landing-promo__cta):hover { background: var(--color-primary-strong); color: #fff; box-shadow: 0 13px 28px rgba(5,171,206,.28); }
body.home-page :is(.btn-outline-primary,.btn-outline-light,.nav-menu-trigger) { background: transparent; border-color: var(--color-primary); color: var(--color-primary); box-shadow: none; }
body.home-page :is(.btn-outline-primary,.btn-outline-light,.nav-menu-trigger):hover { background: var(--color-primary-soft); border-color: var(--color-primary); color: var(--color-primary); }
body.home-page :is(.nav-menu-item,.nav-modal-link,.navbar .nav-link) { color: var(--color-text); border-color: var(--color-stroke); }
body.home-page :is(.nav-menu-item,.nav-modal-link):hover { background: var(--color-primary-soft); color: var(--color-primary); }
body.home-page :is(.text-primary,.text-success,.badge-live,.hero-card__footer .value,.timeline__badge,.trading-toolkit__accent) { color: var(--color-primary) !important; }
body.home-page :is(.badge-live,.timeline__badge,.trading-toolkit__icon) { background: var(--color-primary-soft) !important; border-color: var(--color-stroke-strong); }
body.home-page :is(.status-dot,.swiper-pagination-bullet-active,.bundle-how-it-works__pagination .swiper-pagination-bullet-active) { background: var(--color-primary) !important; box-shadow: none; }
body.home-page .badge-live .status-dot { background: #03F361 !important; }
body.home-page .swiper-pagination-bullet { background: var(--color-text-tertiary); }
body.home-page :is(.hero-cta__btn,.hero-card__telegram-link)::before,
body.home-page .hero-cta__btn::after { background: var(--color-primary-soft); border-color: var(--color-stroke-strong); box-shadow: none; }
body.home-page .timeline__item::before { background: var(--color-primary); }
body.home-page .timeline__item::after { background: var(--color-primary-soft); border-color: var(--color-stroke-strong); box-shadow: none; }
body.home-page .faq .accordion-body,
body.home-page .faq .accordion-collapse .accordion-body { color: var(--color-text-secondary) !important; -webkit-text-fill-color: currentColor !important; }
body.home-page .faq .accordion-button:not(.collapsed) { color: var(--color-primary); }
body.home-page .form-control { background: var(--color-surface); color: var(--color-text); border-color: var(--color-stroke); }
body.home-page .form-control::placeholder { color: var(--color-text-tertiary); }
body.home-page .form-control:focus { border-color: var(--color-primary); box-shadow: 0 0 0 3px rgba(5,171,206,.15); }
body.home-page :focus-visible { outline-color: var(--color-primary); }
body.home-page :is(.landing-promo__deadline,.promo-countdown-label) { color: #d8a51c; }
body.home-page .pricing-card__price-note { text-decoration-color: #dc2626; }
body.home-page .cta { background: var(--gradient-cta); }
body.home-page .cta :is(h2,p) { color: #fff !important; }
body.home-page .cta .btn-light { background: #fff; color: #0b1220; }
body.home-page .cta .btn-outline-light { border-color: #fff; color: #fff; }
/* Product cards also contain utility styles independent of modern.css. */
body.home-page .background-orbs .orb { background: radial-gradient(circle,rgba(5,171,206,.14),transparent 65%); }
body.home-page .dashboard-header { background: var(--theme-header); border-color: var(--color-stroke-strong); }
body.home-page .bundle-card-shell,
body.home-page .bundle-section [class*="bg-gradient-to-br"] {
  background: var(--color-surface);
  border-color: var(--card-frame) !important;
  border-width: .5px !important;
  box-shadow: var(--glass-shadow);
}
body.home-page .bundle-section [class*="bg-gradient-to-r"],
body.home-page .bundle-video-frame {
  background: var(--color-surface-medium);
  border-color: var(--card-frame) !important;
  border-width: .5px !important;
  box-shadow: none;
}
body.home-page .bundle-section [class*="text-gray-"] { color: var(--color-text-secondary); }
body.home-page .bundle-feature-card__benefits span {
  color: var(--color-text-secondary);
  background: var(--color-surface-medium);
  border-color: var(--card-frame) !important;
  border-width: .5px !important;
}
body.home-page .hero-proof__value { color: var(--color-primary) !important; }
body.home-page .popular-badge { background: var(--color-primary); color: #fff; box-shadow: none; }
body.home-page .diagram-card__overlay { background: var(--color-surface); border-color: var(--card-frame); }
body.home-page :is(.nav-menu-item,.nav-modal-link) { background: var(--color-surface); }
/* Bootstrap's border utility is important, so match its precedence. */
body.home-page .bundle-section .border,
body.home-page .bundle-section [class*="border-purple-"],
body.home-page .bundle-section [class*="border-blue-"] { border-color: var(--card-frame) !important; border-width: .5px !important; }

body.home-page :is(.landing-promo__card,.hero-card,.metric-card,.feature-list__item,.bundle-card-shell,.bundle-video-frame,.bundle-feature-card,.bundle-how-it-works__panel,.bundle-how-it-works__step,.bundle-how-it-works__toolkit,.trading-toolkit__wrap,.trading-toolkit__card,.trading-toolkit__step,.trading-toolkit__value,.diagram-card,.diagram-card__overlay,.performance-card,.pricing-card,.testimonial-card,.telemetry-card,.accordion-button,.accordion-body) {
  border-color: var(--card-frame) !important;
  border-width: .5px !important;
}

/* Fit the square hero artwork to the card without overlap or cropping. */
body.home-page .hero .hero-card { min-height: 0; }
body.home-page .hero .hero-card__body { display: block; padding: 0; }
body.home-page .hero .hero-card__image {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  margin: 0 !important;
  border-radius: 0;
}
body.home-page .hero .hero-card__footer:empty { display: none; }
body.home-page .hero .hero-card__footer[hidden] { display: none; }

@media (max-width: 575.98px) {
  /* Match the hero card's visible gutter across all main-page sections. */
  body.home-page main > section:not(.hero) > .container {
    padding-left: calc(var(--home-mobile-gutter) * 0.4);
    padding-right: calc(var(--home-mobile-gutter) * 0.4);
  }

  body.home-page :is(.landing-promo__card,.metric-card,.feature-list__item,.bundle-card-shell,.bundle-how-it-works__panel,.trading-toolkit__wrap,.diagram-card,.performance-card,.pricing-card,.testimonial-card,.telemetry-card,.accordion-item) {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }
}