:root{--ref-blue:#0766f5;--ref-navy:#06244c;--ref-ink:#07172f;--ref-soft:#f1f6fc;--ref-line:#d8e4f1;--ref-muted:#5b6f8c}
body{background:var(--ref-soft);color:var(--ref-ink);font-size:14px}
.notice-bar{display:none}
.container{width:min(1280px,calc(100% - 48px))}
.site-header{background:rgba(255,255,255,.98);box-shadow:0 2px 15px rgba(8,38,82,.08)}
.header-inner{height:62px;gap:20px}.brand-mark{width:36px;height:36px;border-radius:7px}.brand-copy strong{font-size:1.26rem}.brand-copy small{font-size:.5rem}.main-nav{gap:18px}.main-nav a{font-size:.69rem}.main-nav a::after{bottom:-20px}.header-cta{padding:8px 15px;border-radius:5px;font-size:.7rem}
.page-hero{padding:36px 0 32px;background:#fff;border-bottom:1px solid var(--ref-line)}.page-hero-grid{grid-template-columns:1.4fr .6fr;gap:36px}.page-hero h1{font-size:clamp(2rem,3.4vw,3rem);margin:7px 0 8px}.page-hero p,.page-hero>div>div>p{font-size:.82rem;line-height:1.55}.breadcrumbs{margin-bottom:12px;font-size:.65rem}.eyebrow{font-size:.63rem}.method-card{padding:15px;border-radius:9px;box-shadow:none}
.section{padding:48px 0}.section-soft{background:var(--ref-soft)}.section-heading{margin-bottom:22px;align-items:center}.section-heading h2,.center-heading h2{font-size:1.75rem;margin:5px 0}.section-heading p,.center-heading p{font-size:.78rem}.center-heading{margin-bottom:24px}
.card-grid{gap:14px}.broker-card,.tool-card,.article-card,.directory-broker-card,.resource-card,.prompt-card,.blog-writer-form,.blog-draft-panel{border-radius:9px!important;border:1px solid var(--ref-line);box-shadow:0 6px 18px rgba(8,38,82,.05);background:#fff}.broker-card,.tool-card{padding:18px}.broker-card dl{margin:16px 0}.broker-head{grid-template-columns:72px 1fr auto}.tag,.category{border-radius:4px}.btn,.header-cta{background-color:var(--ref-blue)}.btn{border-radius:5px;padding:9px 14px;font-size:.75rem}.btn-secondary{background:#fff}.text-link{font-size:.68rem}
.hero{min-height:560px;padding:38px 0;background-position:center}.hero-grid{min-height:390px;grid-template-columns:.9fr 1.1fr;gap:38px}.hero h1{font-size:clamp(3rem,5vw,4.6rem);margin:10px 0 16px}.hero-copy>p{font-size:.88rem;max-width:500px}.hero-actions{margin:20px 0}.hero-market{border-radius:9px;transform:none;padding:18px}.hero-stats{margin-bottom:15px}.trust-points{font-size:.68rem}.market-strip{padding:18px 0;background:#fff}.ticker-grid{gap:9px}.ticker-grid article{border-radius:6px;padding:10px 12px}
.discovery{padding:40px 0}.discovery-card{padding:32px 38px;border-radius:10px;gap:40px}.finder-preview{border-radius:8px;padding:20px}.tools-grid{grid-template-columns:repeat(4,1fr)}.tool-card p{min-height:54px}.tool-icon{border-radius:7px}
.directory-layout{gap:18px}.filters{border-radius:8px;padding:16px}.broker-list{grid-template-columns:repeat(3,1fr);gap:14px}.directory-broker-card{padding:17px}.broker-facts{margin:13px 0;padding:10px 0}.broker-logo.broker-brand{width:92px;height:46px}.directory-broker-actions .btn{width:100%}
.compare-selector{border-radius:8px;padding:18px}.comparison-scroll{border-radius:7px}.comparison-table th,.comparison-table td{padding:12px}.comparison-table thead th{background:#f4f8fd}.comparison-table tbody th{background:#f8fbff}.compare-status{margin:12px 0;border-radius:6px}
.learning-path a{min-height:140px;padding:18px 10px;background:#fff;border:1px solid var(--ref-line);border-radius:8px}.learning-path{gap:12px}.learning-path li:not(:last-child):after{display:none}.learning-path b{margin-top:9px}.check-grid{gap:12px}.check-grid article{border-top-width:2px;border-radius:7px;padding:17px}
.content-layout{gap:20px}.featured-article{border-radius:8px;padding:10px}.article-visual{border-radius:6px}.article-list{gap:9px;margin-top:9px}.article-list article{border-radius:7px;padding:11px}.directory-panel{border-radius:8px;padding:22px}
.market-layout,.crypto-layout,.finder-shell,.contact-layout,.review-layout{gap:22px}.market-card,.crypto-card,.calculator-shell,.contact-card,.review-content,.review-sidebar>div{border-radius:8px!important;box-shadow:0 6px 18px rgba(8,38,82,.05)}
.blog-page-hero{padding:42px 0}.blog-writer-layout{gap:18px}.blog-writer-form,.blog-draft-panel{padding:22px}.blog-draft{min-height:420px}.blog-topic-grid{gap:12px}.blog-topic-grid article{border-radius:8px;padding:18px}
.site-footer{padding:0;background:var(--ref-navy)}.footer-grid{min-height:52px;display:flex;align-items:center;gap:25px}.footer-grid>div:first-child{margin-right:auto}.footer-grid>div:first-child p,.footer-grid h2{display:none}.footer-grid>div:not(:first-child){display:flex;flex-direction:row;gap:15px}.footer-grid>div:not(:first-child) a{font-size:.62rem;color:#cfdbeb}.footer-brand .brand-mark{width:28px;height:28px;padding:7px}.footer-brand .brand-copy strong{font-size:.82rem}.footer-brand .brand-copy small{font-size:.43rem}.footer-bottom{margin:0;padding:9px 0;border-top:1px solid rgba(255,255,255,.1);font-size:.55rem}.footer-bottom p:last-child{max-width:520px}
@media(max-width:1100px){.main-nav{gap:11px}.main-nav a{font-size:.63rem}.broker-list{grid-template-columns:1fr 1fr}.footer-grid{flex-wrap:wrap;padding:15px 0}}
@media(max-width:980px){.container{width:min(100% - 30px,760px)}.hero{min-height:0}.hero-grid,.page-hero-grid{grid-template-columns:1fr}.tools-grid{grid-template-columns:1fr 1fr}.learning-path{grid-template-columns:1fr 1fr}.footer-grid>div:not(:first-child){flex-wrap:wrap}.site-footer{padding:10px 0}}
@media(max-width:640px){.header-inner{height:60px}.main-nav{top:60px}.page-hero{padding:28px 0}.section{padding:36px 0}.hero h1{font-size:2.7rem}.hero-stats{gap:14px}.ticker-grid,.tools-grid,.learning-path,.broker-list{grid-template-columns:1fr}.footer-grid{display:grid;gap:14px}.footer-grid>div:not(:first-child){display:none}.footer-bottom{display:block}.footer-bottom p:last-child{text-align:left;margin-top:5px}}

/* 2026 light editorial refresh */
:root{--ref-blue:#1769ff;--ref-navy:#0b2a57;--ref-ink:#10213e;--ref-soft:#f4f8fd;--ref-line:#dbe6f3;--ref-muted:#63738b}
html{scroll-behavior:smooth}
body{font-family:"Manrope","Segoe UI",Arial,sans-serif;background:#fff;color:var(--ref-ink);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,.brand-copy strong{font-family:"Manrope","Segoe UI",Arial,sans-serif;letter-spacing:-.035em}
p{color:var(--ref-muted)}
.container{width:min(1220px,calc(100% - 48px))}
.site-header{background:rgba(255,255,255,.9);border-bottom:1px solid rgba(206,220,238,.8);box-shadow:0 8px 32px rgba(18,55,102,.05);backdrop-filter:blur(18px)}
.header-inner{height:74px}.brand-mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#2476ff,#0752d7);box-shadow:0 8px 20px rgba(23,105,255,.22)}
.brand-copy strong{font-size:1.45rem}.brand-copy small{font-size:.56rem;letter-spacing:.01em;color:#697b95}.main-nav{gap:20px}.main-nav a{font-size:.76rem;font-weight:700;color:#30415b}.main-nav a:hover{color:var(--ref-blue)}.main-nav a::after{bottom:-24px}
.header-cta,.btn-primary{background:linear-gradient(135deg,#2376ff,#0758e8);box-shadow:0 10px 24px rgba(23,105,255,.2)}.header-cta{padding:10px 18px;border-radius:9px;font-size:.76rem}
.btn{border-radius:9px;padding:11px 17px;font-size:.8rem;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.btn:hover{transform:translateY(-2px)}.btn-secondary{background:#fff;border-color:#ccd9eb;color:#15305a;box-shadow:0 6px 18px rgba(18,55,102,.05)}
.hero{min-height:620px;padding:54px 0 38px;background:linear-gradient(90deg,rgba(247,251,255,.98) 0%,rgba(247,251,255,.92) 39%,rgba(247,251,255,.18) 66%),url('../images/ftb-light-market-hero.png') center/cover no-repeat;color:var(--ref-ink);border-bottom:1px solid var(--ref-line)}
.hero-grid{min-height:450px;grid-template-columns:.9fr 1.1fr}.hero h1{font-size:clamp(3.4rem,5.2vw,5.25rem);line-height:.96;color:#0a1f40}.hero h1 span{color:var(--ref-blue)}.hero-copy>p{font-size:1rem;line-height:1.75;color:#52647d}.eyebrow{color:var(--ref-blue);letter-spacing:.14em}.trust-points{color:#36506f;font-size:.75rem}.trust-points span::first-letter{color:#08a67b}
.hero-market{background:rgba(8,37,79,.93);border:1px solid rgba(255,255,255,.18);box-shadow:0 28px 70px rgba(21,65,119,.2);backdrop-filter:blur(10px);border-radius:20px;padding:24px}.hero-shortcuts a{background:rgba(255,255,255,.92);border-color:#d7e4f2;box-shadow:0 12px 34px rgba(19,57,104,.08);border-radius:14px}
.market-strip{background:#fff}.ticker-grid article{border-radius:12px;box-shadow:0 8px 25px rgba(18,55,102,.045)}
.section{padding:72px 0}.section-soft{background:linear-gradient(180deg,#f7faff 0%,#f1f6fc 100%)}.section-heading h2,.center-heading h2{font-size:clamp(2rem,3vw,2.65rem);color:#10213e}.section-heading p,.center-heading p,.page-hero p{font-size:.95rem}
.page-hero{position:relative;overflow:hidden;padding:64px 0 56px;background:linear-gradient(115deg,#fff 0%,#f5f9ff 62%,#eaf3ff 100%)}.page-hero:after{content:"";position:absolute;width:360px;height:360px;right:-110px;top:-180px;border-radius:50%;background:radial-gradient(circle,rgba(48,137,255,.18),rgba(48,137,255,0) 68%);pointer-events:none}.page-hero h1{font-size:clamp(2.7rem,4.8vw,4.5rem);line-height:1.02}
.broker-card,.tool-card,.article-card,.directory-broker-card,.resource-card,.prompt-card,.blog-writer-form,.blog-draft-panel,.market-card,.crypto-card,.calculator-shell,.contact-card,.review-content,.review-sidebar>div{border:1px solid #dae5f2;border-radius:16px!important;box-shadow:0 12px 35px rgba(26,66,112,.07);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.broker-card:hover,.tool-card:hover,.article-card:hover,.directory-broker-card:hover,.resource-card:hover,.prompt-card:hover{transform:translateY(-5px);border-color:#abc9ef;box-shadow:0 20px 45px rgba(23,76,139,.12)}
.broker-card,.tool-card{padding:24px}.broker-logo.broker-brand,.logo-placeholder.broker-brand{background:#fff;border:1px solid #e1e9f3;border-radius:12px;padding:8px}
.tool-icon,.resource-icon{background:linear-gradient(145deg,#eaf2ff,#f7faff);border:1px solid #d9e6f7;border-radius:12px;color:var(--ref-blue)}
.featured-article{border-radius:17px;padding:13px;box-shadow:0 14px 38px rgba(26,66,112,.07)}.article-visual{min-height:220px;border-radius:13px}.article-visual img{width:100%;height:100%;object-fit:cover}.directory-panel,.discovery-card{background:linear-gradient(145deg,#0e3268,#0a234a);border-radius:20px;box-shadow:0 22px 55px rgba(11,42,87,.16)}
.learning-path a{border-radius:15px;box-shadow:0 9px 28px rgba(26,66,112,.06)}.learning-path a:hover{transform:translateY(-4px);border-color:#a9c8ef}.check-grid article{border-radius:13px}
.contact-section{background:linear-gradient(125deg,#f7faff,#edf5ff)}.contact-form{border-radius:18px;box-shadow:0 22px 55px rgba(18,55,102,.1)}
.site-footer{background:#0a234a}.footer-grid{min-height:64px}.footer-bottom{padding:12px 0}
@media(max-width:980px){.hero{background-position:62% center}.hero-grid{grid-template-columns:1fr}.hero-market{max-width:760px}.main-nav a{font-size:.7rem}.section{padding:56px 0}}
@media(max-width:640px){body{font-size:15px}.container{width:min(100% - 28px,760px)}.hero{padding:42px 0;background:linear-gradient(rgba(248,251,255,.91),rgba(248,251,255,.96)),url('../images/ftb-light-market-hero.png') 68% center/cover no-repeat}.hero h1{font-size:3rem}.hero-copy>p{font-size:.94rem}.hero-shortcuts{margin-top:22px}.section{padding:44px 0}.page-hero{padding:45px 0 40px}.page-hero h1{font-size:2.65rem}}

/* Distinct page visuals and tighter working-page heroes */
.page-hero h1{max-width:780px;font-size:clamp(2.55rem,4vw,3.65rem);line-height:1.08}.page-hero-grid{align-items:center}.method-card{background:rgba(255,255,255,.9);border:1px solid rgba(199,216,238,.95);box-shadow:0 18px 45px rgba(27,69,120,.1);backdrop-filter:blur(12px)}
.page-brokers .brokers-hero,.page-compare .compare-hero{background:linear-gradient(90deg,#f8fbff 0%,rgba(248,251,255,.96) 45%,rgba(248,251,255,.38) 72%),url('../images/brokers-comparison-hero.png') right center/cover no-repeat}
.page-crypto .crypto-hero{background:linear-gradient(90deg,#f8fbff 0%,rgba(248,251,255,.96) 45%,rgba(248,251,255,.3) 72%),url('../images/crypto-network-hero.png') right center/cover no-repeat}
.page-markets .market-page-head{background:linear-gradient(90deg,#f8fbff 0%,rgba(248,251,255,.94) 48%,rgba(248,251,255,.22) 74%),url('../images/global-markets-hero.png') right center/cover no-repeat;padding:60px 0;border-bottom:1px solid var(--ref-line)}
.page-contact .contact-section{background:linear-gradient(90deg,rgba(247,251,255,.98),rgba(247,251,255,.91) 55%,rgba(247,251,255,.35)),url('../images/contact-office-hero.png') center/cover no-repeat;padding:72px 0}
.page-learn .learn-hero,.page-daily .blog-hero,.page-blog .blog-page-hero{background:linear-gradient(90deg,#f8fbff 0%,rgba(248,251,255,.94) 52%,rgba(248,251,255,.28)),url('../images/trading-learning-desk.png') right center/cover no-repeat}
.page-brokers .broker-directory{padding-top:52px}.page-brokers .directory-layout{align-items:start}.filters{position:sticky;top:92px}.results-toolbar{background:#fff;border:1px solid var(--ref-line);border-radius:14px;padding:18px 20px;margin-bottom:14px;box-shadow:0 10px 28px rgba(20,61,108,.06)}

/* Premium, fully responsive footer */
.site-footer{position:relative;background:linear-gradient(145deg,#071b39 0%,#0b2a57 58%,#0d356e 100%);padding:0;color:#fff;overflow:hidden}.site-footer:before{content:"";position:absolute;right:-160px;top:-180px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(51,132,255,.22),transparent 68%);pointer-events:none}.footer-accent{height:4px;background:linear-gradient(90deg,#1769ff,#38d5c2,#77a7ff)}
.footer-main{position:relative;display:grid;grid-template-columns:1.65fr repeat(3,1fr);gap:56px;padding:58px 0 36px}.footer-intro p{max-width:390px;margin:20px 0;color:#adc0da;font-size:.88rem;line-height:1.7}.footer-brand .brand-copy small{color:#aac0df}.footer-principles{display:flex;flex-wrap:wrap;gap:8px}.footer-principles span{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06);border-radius:999px;padding:6px 10px;color:#c6d6eb;font-size:.67rem}
.footer-heading{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;background:none;color:#fff;padding:4px 0 15px;font:800 .78rem/1.2 "Manrope",sans-serif;text-transform:uppercase;letter-spacing:.11em;text-align:left}.footer-heading span{display:none}.footer-links>div{display:flex;flex-direction:column;gap:10px}.footer-links a{color:#aebfd7;font-size:.78rem;transition:color .2s,transform .2s}.footer-links a:hover{color:#fff;transform:translateX(4px)}
.footer-callout{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 25px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.065);border-radius:16px;backdrop-filter:blur(10px)}.footer-callout>div{display:flex;flex-direction:column}.footer-callout strong{font-size:.98rem}.footer-callout span{color:#aebfd7;font-size:.76rem}.footer-callout>a{white-space:nowrap;background:#fff;color:#0a2a59;border-radius:9px;padding:10px 15px;font-size:.76rem;font-weight:800}.footer-callout>a span{color:inherit}
.footer-bottom{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;border-top:0;margin:26px auto 0;padding:18px 0 22px;color:#8298b7;font-size:.68rem}.footer-bottom p:nth-child(2){text-align:center}.back-to-top{display:flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.07);color:#dbe8f8;border-radius:8px;padding:7px 10px;cursor:pointer}.back-to-top:hover{background:rgba(255,255,255,.14)}
@media(max-width:980px){.page-brokers .brokers-hero,.page-compare .compare-hero,.page-crypto .crypto-hero,.page-markets .market-page-head,.page-learn .learn-hero,.page-daily .blog-hero,.page-blog .blog-page-hero{background-position:65% center}.footer-main{grid-template-columns:1.4fr repeat(3,1fr);gap:25px}.filters{position:static}}
@media(max-width:720px){.page-hero h1{font-size:2.5rem}.page-brokers .brokers-hero,.page-compare .compare-hero,.page-crypto .crypto-hero,.page-markets .market-page-head,.page-contact .contact-section,.page-learn .learn-hero,.page-daily .blog-hero,.page-blog .blog-page-hero{background-image:linear-gradient(rgba(248,251,255,.9),rgba(248,251,255,.97))}.footer-main{display:block;padding:42px 0 22px}.footer-intro{margin-bottom:28px}.footer-links{border-top:1px solid rgba(255,255,255,.12)}.footer-heading{padding:16px 0}.footer-heading span{display:block;font-size:1.15rem}.footer-links>div{display:none;padding:0 0 17px}.footer-links.open>div{display:flex}.footer-callout{align-items:flex-start;flex-direction:column}.footer-bottom{grid-template-columns:1fr auto}.footer-bottom p:nth-child(2){grid-column:1/-1;grid-row:2;text-align:left}.back-to-top{grid-column:2;grid-row:1}}