/* Shared orange brand and typography, including standalone public pages. */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html:root {
    color-scheme: light;
    --fgt-orange: #f7931a;
    --fgt-cyan: #f7931a;
    --fgt-blue: #a54b00;
    --fgt-navy: #25180f;
    --fgt-panel: #322416;
    --fgt-surface: #fffdf9;
    --fgt-surface-alt: #fff0dd;
    --fgt-paper: #fff8ef;
    --fgt-ink: #352313;
    --fgt-body: #65503b;
    --fgt-muted: #766048;
    --fgt-accent: #a54b00;
    --fgt-line: #e9caaa;
    --fgt-header: #fffaf4f5;
    --fgt-header-text: #352313;
    --fgt-glow: #f7931a15;
    --fgt-grid: #f7931a0b;
    --fgt-trace: #f7931a55;
    --fgt-trace-strong: #f7931a;
    --fgt-network-glow: #f7931a18;
    --fgt-network-ink: #c46b0a;
    --fgt-shadow: 0 12px 36px #562b0c12;
}
html:root[data-fgt-mode="dark"] {
    --fgt-surface: #251d15;
    --fgt-surface-alt: #322416;
    --fgt-paper: #17120e;
    --fgt-ink: #fff4e5;
    --fgt-body: #dfcbb2;
    --fgt-muted: #c6ad8e;
    --fgt-accent: #f7931a;
    --fgt-line: #654323;
    --fgt-header: #1b140ef5;
    --fgt-header-text: #fff4e5;
    --fgt-glow: #f7931a18;
    --fgt-grid: #f7931a08;
    --fgt-trace: #f7931a48;
    --fgt-network-ink: #f7931a;
    --fgt-shadow: 0 18px 42px #0c070440;
}

/* Preserve established sizes and responsive layouts; strengthen hierarchy. */
html body,
html body :is(h1,h2,h3,h4,h5,h6,p,li,td,th,input,select,textarea,button,summary,a,span,div,main,section,article,label,legend,small,strong,b,em,figcaption,svg text,.text,.theme-btn,.btn,.cta-btn,.cta-button):not(:is(.fa,.fas,.far,.fab,.fal,.fad,.la,.las,.lar,.lab,[class*="fa-"],[class*="la-"],[class*="flaticon"],[class*="icon"])) {
    font-family: 'Inter', 'Segoe UI', sans-serif !important;
}
html body :is(h1,h2,h3,h4,h5,h6) { font-weight: 700 !important; }
html body h1,
html body :is(.banner-section-new,.banner-section-new-mobile) .content-column h3,
html body :is(.hero-title,.hero h1,.hero h2) { font-weight: 800 !important; }
html body :is(h1,h2) { letter-spacing: -.025em; }
html body :is(h3,h4,h5,h6) { letter-spacing: -.015em; }
html body :is(strong,b,.pricingCard__title,.pricing-table .price,.count-text) { font-weight: 700; }
html body :is(.accordion-box .acc-btn,summary,.main-header .navigation>li>a,.mm-listitem>a,th) { font-weight: 600; }
html body :is(.theme-btn,.btn-primary,.cta-btn,.cta-button) { font-weight: 700; }
/* Icons keep their own font family through their existing icon classes. */
html body :is(button,input,select,textarea) { accent-color: var(--fgt-orange); }
html body ::selection { background: #ffd09a; color: #2b1808; }
html body :is(a,button,input,select,textarea,summary):focus-visible {
    outline: 3px solid var(--fgt-accent) !important;
    outline-offset: 4px;
}

/* Shared primary actions, including header, forms and campaign CTAs. */
html:root body :is(.theme-btn,.btn-primary,.cta-btn,.cta-button,.submit-btn,.send-button,.fgt-trading-pulse) {
    background: linear-gradient(#f7931a,#f7931a) padding-box,
        linear-gradient(135deg,#ffcc85,#f7931a 45%,#b95400) border-box !important;
    border-color: transparent !important;
    color: #2b1808 !important;
    box-shadow: 0 5px 20px #f7931a30;
}
html:root body :is(.theme-btn,.btn-primary,.cta-btn,.cta-button,.submit-btn,.send-button,.fgt-trading-pulse):is(:hover,:focus-visible) {
    background: linear-gradient(#ffab42,#ffab42) padding-box,
        linear-gradient(135deg,#ffdcaa,#f7931a 45%,#b95400) border-box !important;
    color: #2b1808 !important;
    box-shadow: 0 7px 28px #f7931a55;
}
html body :is(.main-header .btn-box,.mm-menu) .theme-btn { color: #2b1808 !important; }
html body .theme-btn::before { background-color: var(--fgt-orange); }
html body :is(.main-header .navigation>li:hover>a,.main-footer a:hover) { color: var(--fgt-accent) !important; }
html body .fgt-blog-pagination .pagination li.active .page-link,
html body .pagination li.active :is(a,span),
html body .fgt-announcement-pagination button[aria-current="page"] {
    background: #f7931a !important;
    border-color: #f7931a !important;
    color: #2b1808 !important;
    font-weight: 700;
}
html body .pagination li a:hover { background: var(--fgt-surface-alt) !important; color: var(--fgt-accent) !important; }
html body .owl-carousel .owl-dots .owl-dot.active span { background: var(--fgt-orange); }
html body .tab-menu__list :is(li.active,li.is-active) { background: var(--fgt-surface-alt); color: var(--fgt-accent); }
html body .table thead th { background: #5c310d; color: #fff7ed; border-color: #956332; font-weight: 700; }
html body .table :is(.clickable-row:hover,.clicked-row) { background: var(--fgt-surface-alt); color: var(--fgt-accent); }

/* Standalone affiliate and campaign components use the same palette. */
html .page:has(.flywheel) {
    --navy: #60320e; --blue: #a54b00;
    --gold-1: #ffca83; --gold-2: #f7931a;
    --t1: #fff0dd; --t2: #ffd5a0; --t3: #ffb453;
    --t4: #f7931a; --t5: #a54b00; --t6: #60320e;
}
html body:has(.bg-gradient) :is(.btn-outline,.badge) { color: var(--fgt-accent); border-color: var(--fgt-line); }
html body:has(.bg-gradient) :is(.btn-primary,.cta-button,.cta-btn) { color: #2b1808 !important; }
html .main-footer .social-links a:hover { border-color: var(--fgt-orange); }

/* Primary hero hierarchy remains distinct from section titles on small screens. */
@media(max-width:767px) {
    html body h1 { overflow-wrap: break-word; }
    html body :is(.banner-section-new,.banner-section-new-mobile) .content-column h3 { line-height: 1.15 !important; }
}