:root{--ink:#071322;--ink-soft:#0c1c2d;--paper:#0a1829;--white:#f8f3e9;--gold:#bc8f51;--gold-bright:#f3ce8d;--aqua:#80b9ac;--muted:#a8b5c4;--line:#304053;--shadow:0 24px 70px #02081380}
html{scroll-padding-top:86px}
body{background:#071322;color:#e7e8e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.site-header{min-height:82px;background:#071322ed;border-bottom:1px solid #af895652;padding-inline:clamp(1.25rem,4vw,5rem)}
.brand{color:#efd2a1;font-family:Georgia,serif;font-weight:500;letter-spacing:.19em;font-size:1.2rem}
.brand-mark{width:42px;height:42px;border-color:#c69d60;color:#e8c384;font-size:.7rem}
.site-header nav a{color:#e6e5e3;font-family:Georgia,serif;font-size:1rem}
.site-header nav a:hover,.site-header nav a:focus-visible{color:#f0cb8d}
.nav-cta{border-radius:2px;border-color:#b98d50;padding:.56rem 1.15rem}
.eyebrow{color:#e0b976;letter-spacing:.17em;font-weight:700}
h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.035em}
h2{font-size:clamp(2.35rem,4.3vw,4.5rem)}
.hero{position:relative;isolation:isolate;grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr);min-height:min(760px,calc(100svh - 82px));gap:0;padding:clamp(4rem,7vw,7rem) 0 clamp(3.5rem,6vw,6rem) clamp(1.25rem,5vw,5rem);background:radial-gradient(ellipse at 82% 34%,#29456675,transparent 50%),linear-gradient(130deg,#071322 12%,#0e2035 70%,#091627);overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#081625c9 0%,#08162565 42%,transparent 70%),repeating-linear-gradient(90deg,transparent 0 150px,#e7c4870a 151px 152px);z-index:-1}
.hero-copy{z-index:3;align-self:center;max-width:710px;padding-right:1rem}
.hero h1{font-size:clamp(3.25rem,5vw,5.8rem);line-height:1.02;max-width:780px;color:#fff8ed;text-shadow:0 3px 28px #0010219e}
.hero h1::after{content:"";display:block;width:72px;height:1px;margin-top:1.4rem;background:#d4a55f}
.hero-lead{color:#d9e0e7;font-size:clamp(1.05rem,1.5vw,1.24rem);line-height:1.65;max-width:570px}
.hero-tagline{color:#e3c58e!important;font-family:Georgia,serif;font-size:1.15rem}
.hero-note{color:#bdc4ce;font-size:.88rem;margin-top:1.5rem}
.button{border-radius:3px;letter-spacing:.015em;font-family:Georgia,serif;font-weight:600}
.button-primary{background:linear-gradient(110deg,#f5d89b,#bd9051);color:#071322;border:1px solid #efd09a}
.button-primary:hover,.button-primary:focus-visible{background:#f7e2b2}
.button-secondary{border-color:#c29b65;color:#f8ecd7;background:#0b1a2a80}
.button-secondary:hover,.button-secondary:focus-visible{background:#1b2b3d;border-color:#f3ce8d}
.scene-wrap{position:relative;min-width:0;min-height:490px;align-self:stretch;margin-left:-6rem;z-index:1;pointer-events:none}
.market-scene{position:absolute;inset:-2rem 0 -2rem 0;pointer-events:auto;touch-action:pan-y}
.market-scene canvas{display:block;width:100%;height:100%}
.market-scene.scene-unavailable{background:radial-gradient(ellipse at 52% 55%,#785f41a3,transparent 40%),linear-gradient(140deg,#10243b,#061322)}
.scene-caption{position:absolute;right:6%;bottom:0;display:flex;align-items:center;gap:12px;color:#e5c088;font:italic 1rem Georgia,serif;text-shadow:0 2px 10px #081523}
.caption-rule{width:42px;height:1px;background:#c9a56d}
.trust-strip{background:#12253a;color:#e1c18d;border-top:1px solid #a67d4642;border-bottom:1px solid #a67d4642}
.trust-strip span+span{border-color:#8b704a60}
.section{background:#091829;color:#e7e7e8}
.section:nth-of-type(odd){background:#0e2033}
.section-dark{background:linear-gradient(135deg,#10243a,#071522)}
.section-heading>p:not(.eyebrow),.section-dark .section-heading>p:not(.eyebrow),.section-dark .service-list p{color:#c5cfda}
.section-heading h2,.seo-page h1,.seo-page h2{color:#f8f0df}
.feature-grid article,.service-list div,.price-card,.box,.seo-cards article,.seo-next{background:#14263a;border:1px solid #3b4b5e;color:#e5e8eb;box-shadow:0 12px 40px #020a1833}
.feature-grid article span,.service-list b,.plan{color:#e1b876!important}
.feature-grid p,.price-card p,.service-list p,.box p{color:#c0ccd6}
.feature-grid article{border-radius:3px}
.price-card{border-radius:5px}
.price-card.featured{background:#192d42;border-color:#c69a5a;box-shadow:0 24px 70px #02081380}
.price{color:#f8f0df!important}
.price-card li{border-color:#39495d}
.pricing-note,.form-note{color:#aebdca}
.proof-section{background:#091727!important}
.performance-bar{border:1px solid #be965e;background:linear-gradient(140deg,#0e2134,#142b3c 70%,#101d2e);box-shadow:0 24px 70px #030c1c80;margin-top:3rem;padding:clamp(1.2rem,3vw,2.4rem);max-width:1180px}
.performance-top,.performance-foot{display:flex;align-items:center;justify-content:space-between;gap:1.3rem}
.performance-top h3{font:500 clamp(1.7rem,2.8vw,2.55rem)/1.2 Georgia,serif;color:#f9f0de;margin:0}
.performance-top .eyebrow{margin-bottom:.4rem}
.performance-source{padding:.35rem .7rem;border:1px solid #a78153;color:#e9c68e;white-space:nowrap;font-size:.84rem}
.performance-body{display:grid;grid-template-columns:1fr 1.7fr;border-top:1px solid #52627a;border-bottom:1px solid #52627a;margin:1.7rem 0}
.performance-chart{min-height:186px;position:relative;overflow:hidden;border-right:1px solid #52627a;background:linear-gradient(0deg,#20433b66,#0a1a2a44)}
.chart-grid{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 37px,#9bb8b21d 38px),repeating-linear-gradient(90deg,transparent 0 46px,#9bb8b21d 47px)}
.performance-chart::before{content:"";position:absolute;inset:40% 5% auto;width:90%;height:2px;transform:rotate(-8deg);background:linear-gradient(90deg,transparent,#cba772,transparent);box-shadow:40px -14px 22px #78aa9a66}
.performance-chart-label{position:absolute;bottom:1.1rem;left:1.15rem;right:1.15rem;font-size:.84rem;color:#d1dae0}
.performance-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}
.performance-stats div{display:flex;flex-direction:column;gap:.4rem;padding:1.15rem;border-bottom:1px solid #52627a70}
.performance-stats div:nth-child(odd){border-right:1px solid #52627a70}
.performance-stats div:nth-last-child(-n+2){border-bottom:0}
.performance-stats span{color:#aebdc9;font-size:.85rem}
.performance-stats strong{color:#e3c58f;font:500 1.2rem Georgia,serif}
.performance-foot p{max-width:680px;color:#c4ccd6;font-size:.9rem;margin:0}
.performance-foot .button{white-space:nowrap}
.about-monogram{background:radial-gradient(circle at 60% 25%,#324d64,transparent 55%),#0d2033;color:#e4bc7e;border:1px solid #98764a;border-radius:4px}
.contact-section{background:#102238!important}
.direct-email,.seo-page a,.seo-next a{color:#e8c588}
form{background:#14263b;border-color:#405268;border-radius:5px}
input,select,textarea{background:#0b1c2d;color:#f0f0ed;border-color:#627185;border-radius:4px}
input:focus,select:focus,textarea:focus{outline-color:#e0b675;border-color:#caa46c}
footer{background:#050e1a;color:#c5ced7;border-top:1px solid #9b784a68}
footer h2{color:#eed3a3}
.risk-box{border-color:#4f5260}
.seo-page{color:#dbe3ea}
.seo-lead,.seo-page p,.seo-page li{color:#c6d1dc}
.seo-cards article,.seo-next{border-radius:4px}
.seo-page a:hover,.seo-next a:hover{color:#f6dda9}
/* Keep primary button labels dark against the antique-gold fill, including link states. */
.seo-page a.button.button-primary,.seo-next a.button.button-primary{color:#071322}
.hero-tagline{color:#e2c38e}
/* Members and administration share the same visual system. */
.portal{color:#e5e9ed}
.portal h1,.portal h2,.portal h3{color:#f5ead9}
.portal .box,.portal .login,.portal form{background:#14263a;border:1px solid #3d5268;color:#e4e8ee;border-radius:5px;box-shadow:none}
.portal .muted,.portal .member-steps span{color:#aebccb}
.portal button,.site-header button{background:#26394d;color:#f5e8d3;border-color:#856945;border-radius:3px}
.portal button:hover,.site-header button:hover{background:#354d64}
.portal .badge{background:#33485d;color:#eed6a9}
.portal th,.portal td{border-color:#405266}
.portal .tabs button[aria-selected=true],.member-welcome button{background:#d6ae71!important;color:#071322!important}
.member-sidebar,.admin-sidebar{background:#0c1c2d;border:1px solid #8b6b434d;border-radius:5px}
.member-sidebar button[aria-current=page],.admin-sidebar button[aria-current=page]{background:#34495d!important;color:#f2d39d!important}
.admin-sidebar h3{color:#d6b77f}
.member-welcome{background:linear-gradient(110deg,#1d334c,#0c1c2e);border:1px solid #8b6b434d;border-radius:5px}
.member-welcome h2{color:#eed2a0!important}
.member-welcome p{color:#ced6de}
.portal .reply{background:#1e354a;border-color:#cea66b}
.portal .customer-card{background:#1a2e42;color:#f2f1eb;border-color:#566c80}
.portal .login form{background:transparent;border:0}
.portal .expiry-alert{background:#4b351a;color:#ffe5b5}
:focus-visible{outline:3px solid #e3b875;outline-offset:3px}
@media(max-width:1050px){.hero{grid-template-columns:1fr;padding:4.5rem 1.5rem 2.5rem}.hero-copy{max-width:740px}.scene-wrap{min-height:410px;margin:-3rem 0 0}.market-scene{inset:-1rem -1.5rem -2rem}.scene-caption{bottom:1rem}}
@media(max-width:700px){.site-header{min-height:70px}.site-header nav{background:#081726}.hero{padding:3.8rem 1.2rem 2.5rem;min-height:0}.hero h1{font-size:clamp(2.8rem,11vw,4.2rem)}.hero-lead{font-size:1.05rem}.scene-wrap{min-height:320px;margin:-2.5rem -1.2rem 0}.scene-caption{right:1.3rem;bottom:0;font-size:.78rem}.performance-top,.performance-foot{align-items:flex-start;flex-direction:column}.performance-body{grid-template-columns:1fr}.performance-chart{border-right:0;border-bottom:1px solid #52627a;min-height:130px}.performance-source{white-space:normal}.performance-stats strong{font-size:1rem}.performance-foot .button{white-space:normal}.seo-footer{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.market-scene canvas{animation:none}}
/* Makeover of the signed-in surfaces */
body:has(.portal){background:radial-gradient(circle at 65% 0%,#18314a,#081624 54%);min-height:100vh}
body:has(.portal) .site-header{background:#0b1a2a;border-color:#b8955d6b}
body:has(.portal) .site-header .brand{font:500 1.18rem Georgia,serif;color:#eac487;letter-spacing:.15em}
body:has(.portal) .portal{max-width:1540px}
.portal .login{position:relative;overflow:hidden;max-width:520px;margin:2rem auto 5rem;padding:0 32px 32px!important;background:#0d1c2d!important;border:1px solid #bf985e!important;border-radius:5px!important;box-shadow:0 30px 80px #0008!important;text-align:center}
.portal .login::before{content:"";display:block;height:220px;margin:0 -32px 22px;background:linear-gradient(0deg,#0d1c2d,transparent 35%),url('/bull-bear-scene.webp') center 46% / cover no-repeat}
.portal .login h1{font:500 2.5rem Georgia,serif!important;margin:0 0 .5rem;color:#fff8ec}
.portal .login>p{color:#cbd6df}
.portal .login>p.eyebrow{color:#e4bd7d}
.portal .login form{text-align:left!important}
.portal .login label{color:#e7e7e3}
.portal .login button[type=submit]{width:100%;min-height:48px;background:linear-gradient(110deg,#f4d79b,#b88c50)!important;border-color:#e8c286!important;color:#081827!important;font:600 1.05rem Georgia,serif!important}
.portal .login>.actions{justify-content:center}
.portal .login>.actions button{background:transparent!important;border:0!important;color:#e9cc9d!important;text-decoration:underline}
.member-layout{gap:24px}
.member-sidebar{position:sticky;top:105px;background:#0a1b2c!important;border:1px solid #8f724d!important;border-radius:5px!important;padding:24px 13px!important}
.member-wordmark{color:#f0c889!important;font:500 1.17rem Georgia,serif!important;letter-spacing:.15em!important}
.member-wordmark::before{content:'♛';display:block;font-size:1.4rem;line-height:.8}
.member-sidebar nav{margin-top:22px}
.member-sidebar button{border-radius:4px!important;font-size:.9rem!important}
.member-sidebar button[aria-current=page]{background:linear-gradient(90deg,#b38b51,#68543c)!important;color:#fff!important}
.member-sidebar button::before{display:inline-block;width:24px;color:#e6bd7e}
.member-sidebar button[data-tab=overview]::before{content:'⌂'}.member-sidebar button[data-tab=accounts]::before{content:'▣'}.member-sidebar button[data-tab=downloads]::before{content:'⇩'}.member-sidebar button[data-tab=guides]::before{content:'▤'}.member-sidebar button[data-tab=payments]::before{content:'▦'}.member-sidebar button[data-tab=support]::before{content:'◌'}
.member-heading{position:relative;min-height:145px;padding:24px!important;margin:0 0 20px!important;border:1px solid #354a5f;background:linear-gradient(90deg,#102338 0%,#102338e8 48%,#10233838 100%),url('/bull-bear-scene.webp') 85% 43% / 58% auto no-repeat!important;border-radius:5px}
.member-heading .eyebrow{color:#dcb879!important;margin:0}.member-heading h1{font:500 2rem Georgia,serif!important;color:#fff5e4}
.portal .box,.portal .login,.portal form{border-color:#5a6c80!important;background:#14283d!important;border-radius:5px!important}
.portal .box h2,.portal .box h3{font-family:Georgia,serif}
.portal .metrics{color:#e7c281}
.admin-portal h1{font:500 clamp(2rem,3vw,3rem) Georgia,serif!important;margin:0 0 16px!important}
.admin-portal .admin-sidebar{background:#0b1d2e!important;border:1px solid #9b784e!important;border-radius:5px!important}
.admin-portal .admin-sidebar h3{color:#e3bd7b!important;font-family:Georgia,serif!important;font-size:.82rem!important}
.admin-portal .admin-sidebar button{color:#e8e9e8!important;border-radius:4px!important}
.admin-portal .admin-sidebar button[aria-current=page]{background:linear-gradient(90deg,#af8550,#66523b)!important;color:#fff!important}
.admin-portal .admin-summary-card{min-height:150px!important;padding:18px!important}
.admin-portal .admin-main .box{border-color:#586a7d!important;background:#14293d!important}
.admin-portal .admin-summary-card .metrics{color:#efc989!important}
.admin-portal .admin-summary-card p{color:#d1dbe3!important}
.admin-portal .customer-card{background:#152b3e!important;color:#eee!important;border-color:#657587!important}
.admin-portal .customer-card:hover{background:#203c53!important}
.portal fieldset{border:1px solid #566b7f;margin:1rem 0;padding:1rem}.portal fieldset legend{color:#ecc788}
@media(max-width:850px){.member-sidebar{position:static}.member-heading{background-size:cover!important}.portal .login{margin-top:1rem}}
.brand-mark.crest-mark{display:inline-flex;align-items:center;justify-content:center;border:0;background:none;border-radius:0;width:51px;height:51px;flex:none}
.brand-mark.crest-mark img{display:block;width:100%;height:100%;object-fit:contain;border:0;border-radius:0}
.brand-crest{width:46px;height:46px;object-fit:contain;vertical-align:middle;margin-right:.55rem}
.member-wordmark::before{content:'';display:block;width:54px;height:54px;background:url('/js-crest.webp') center/contain no-repeat}
@media(max-width:700px){.brand-mark.crest-mark{width:42px;height:42px}.brand-crest{width:38px;height:38px}}

/* A calmer account overview with the member's own identity. */
body:has(.portal) .portal{padding-top:56px;padding-bottom:110px}
.member-layout{gap:36px}
.member-main .member-heading{min-height:190px;padding:36px 40px!important;margin-bottom:30px!important;align-items:flex-start}
.member-heading .member-quote{margin:15px 0 0;color:#e2c797;font:italic 1.1rem/1.4 Georgia,serif}
.member-main #member-panel>.box,.member-main #member-panel>.grid{margin-top:26px;margin-bottom:26px}
.member-main #member-panel>.grid{gap:22px}
.member-welcome{padding:42px!important;border-radius:8px!important}
.member-welcome h2{font-size:clamp(2rem,3vw,2.7rem)!important;line-height:1.17;margin:10px 0 25px}
.member-welcome>.badge{margin:24px 0 8px}
.member-identity{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;max-width:790px}
.member-identity>div{padding:20px 22px;background:#091b2c;border:1px solid #566a7c;border-radius:5px;min-width:0}
.member-identity span{display:block;color:#aebfce;font-size:.86rem;margin-bottom:8px}
.member-identity strong{display:block;color:#f2dfbd;font:500 1.08rem/1.4 Georgia,serif;overflow-wrap:anywhere}
@media(max-width:700px){body:has(.portal) .portal{padding-top:24px}.member-main .member-heading{min-height:155px;padding:25px!important}.member-identity{grid-template-columns:1fr}.member-welcome{padding:26px!important}.member-layout{gap:20px}}

@media(max-width:900px){
 .portal .login::before{background-image:linear-gradient(0deg,#0d1c2d,transparent 35%),url('/bull-bear-scene-mobile.webp')}
 .member-heading{background-image:linear-gradient(90deg,#102338 0%,#102338e8 48%,#10233838 100%),url('/bull-bear-scene-mobile.webp')!important}
}

footer .social-links{display:flex;flex-wrap:wrap;gap:24px;margin:24px 0;font-size:16px}footer .social-links a{color:#e6c58c;text-underline-offset:4px}

/* Genuine dashboard crops keep their native resolution and fit narrow screens. */
.ea-screenshots figure{margin:0;padding:20px;border:1px solid #35485d;border-radius:6px;background:#0d1c2d;min-width:0}
.ea-screenshots img{display:block;max-width:100%;height:auto;margin:0 auto 16px}
.ea-screenshots figcaption{font-size:.9rem;line-height:1.6;color:#c8d1da}
.ea-screenshots .seo-cards{gap:24px}