/* FTB Fintech UI — final, page-aware presentation layer */
:root{
  --ftb-primary:#0f5eea;--ftb-primary-dark:#0847b8;--ftb-accent:#13b8a6;
  --ftb-ink:#07162f;--ftb-text:#34445f;--ftb-muted:#66758c;
  --ftb-bg:#f5f8fc;--ftb-surface:#fff;--ftb-line:#d9e3ef;
  --ftb-positive:#087a55;--ftb-negative:#c43b4d;--ftb-warning:#9a5b00;
  --ftb-radius:16px;--ftb-shadow:0 14px 38px rgba(20,49,91,.09);
}
*,*:before,*:after{box-sizing:border-box}html{scroll-padding-top:110px}body{overflow-x:hidden;background:var(--ftb-surface);color:var(--ftb-text)}
a{transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}
:focus-visible{outline:3px solid rgba(15,94,234,.35)!important;outline-offset:3px!important}.skip-link{position:fixed;z-index:9999;left:16px;top:-80px;padding:12px 18px;border-radius:8px;background:#fff;color:var(--ftb-ink);box-shadow:var(--ftb-shadow)}.skip-link:focus{top:16px}
.notice-bar{background:#061832;color:#d7e6ff;font-size:.78rem}.notice-inner{min-height:34px}.notice-inner a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.site-header{position:sticky;top:0;z-index:1000}.header-inner{min-height:78px;gap:24px}.brand{flex:none}.brand-mark{width:42px;height:42px;border-radius:11px;background:linear-gradient(145deg,var(--ftb-primary),#083f9d);box-shadow:0 8px 20px rgba(15,94,234,.2)}.brand-copy strong{font-size:1.72rem;line-height:.95}.brand-copy small{font-size:.64rem;letter-spacing:.01em;margin-top:3px}.main-nav{gap:3px;min-width:0}.main-nav a{padding:10px 8px;border-radius:8px;white-space:nowrap}.main-nav a:hover{background:#edf4ff}.main-nav a.active{color:var(--ftb-primary);background:#eaf2ff}.main-nav a.active:after{display:none}.header-cta{min-height:42px;padding:0 17px;border-radius:9px;background:var(--ftb-primary);box-shadow:none}.header-cta:hover{background:var(--ftb-primary-dark);transform:translateY(-1px)}
.btn,.header-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:var(--ftb-primary);border-color:var(--ftb-primary);color:#fff}.btn-primary:hover{background:var(--ftb-primary-dark);border-color:var(--ftb-primary-dark)}.btn-secondary{background:#fff;border:1px solid #b9c9dc;color:var(--ftb-ink)}.btn-secondary:hover{border-color:var(--ftb-primary);color:var(--ftb-primary);background:#f7faff}.btn-outline{background:transparent;border:1px solid currentColor}.btn-small{min-height:38px;padding:0 14px;font-size:.8rem}
.page-hero,.market-page-head,.blog-page-hero{padding:76px 0}.page-hero h1,.market-page-head h1,.blog-page-hero h1{font-size:clamp(2.6rem,5vw,4.45rem);max-width:920px}.page-hero p,.market-page-head p,.blog-page-hero p{font-size:1.05rem;line-height:1.75}.page-hero-grid{align-items:center}.section-heading{align-items:end}.section-heading p{max-width:690px}.section-heading>a{font-weight:800;color:var(--ftb-primary)}
/* Homepage: bright editorial fintech hero */
.page-index .premium-home-hero{background:linear-gradient(116deg,#f8fbff 0%,#eef5ff 52%,#e5f5fa 100%);padding:72px 0 0}.page-index .hero-grid{align-items:center;gap:54px}.page-index .hero-copy{padding-bottom:70px}.page-index .hero-copy h1{font-size:clamp(3.2rem,6vw,5.7rem);letter-spacing:-.065em;line-height:.96;margin:20px 0 24px;color:var(--ftb-ink)}.page-index .hero-copy h1 span{color:var(--ftb-primary)}.page-index .hero-copy>p{max-width:620px;font-size:1.08rem;color:#445570}.page-index .hero-visual{border-radius:24px;border:1px solid rgba(127,161,203,.55);box-shadow:0 28px 70px rgba(18,58,109,.18);overflow:hidden;background:#082452;aspect-ratio:1.08}.page-index .hero-visual>img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.03)}.page-index .hero-market{left:26px;right:26px;bottom:24px;width:auto;border:1px solid rgba(255,255,255,.16);box-shadow:0 18px 42px rgba(0,0,0,.24);backdrop-filter:blur(14px)}.page-index .hero-visual-label{top:20px;left:20px;right:auto;background:rgba(5,24,56,.82);color:#fff;border-color:rgba(255,255,255,.18)}.page-index .hero-stats span{border-left:2px solid #c9d9ed;padding-left:16px}.page-index .hero-stats b{color:var(--ftb-ink)}.page-index .trust-points span{color:#30506f;font-size:.84rem}.page-index .hero-shortcuts{transform:translateY(30px);position:relative;z-index:3}.page-index .hero-shortcuts a{border-radius:14px;border:1px solid var(--ftb-line);box-shadow:0 12px 34px rgba(17,55,107,.1)}.page-index .market-strip{padding-top:64px}.ticker-grid article{border-radius:12px;border-color:var(--ftb-line);box-shadow:none}.ticker-grid .up,.market-up,.positive{color:var(--ftb-positive)!important}.ticker-grid .down,.market-down,.negative{color:var(--ftb-negative)!important}.discovery-card{border-radius:24px;background:linear-gradient(130deg,#071b3e,#0c3470);box-shadow:0 24px 64px rgba(7,27,62,.2)}.discovery-card h2,.discovery-card>div>p{color:#fff}.finder-preview{border-radius:18px;background:#fff}.ai-home-shell{border-radius:24px;background:linear-gradient(135deg,#071a3b,#0d3673);box-shadow:0 24px 64px rgba(7,27,62,.2)}.ai-home-copy h2,.ai-home-copy p{color:#fff}.ai-prompt-preview{border-radius:18px;background:#fff}.trust-section{background:#061832}
/* Dense financial lists */
.broker-directory,.resource-directory,.market-workspace{background:var(--ftb-bg)}.broker-filters,.crypto-controls,.compare-selector,.tool-tabs{position:relative;border:1px solid var(--ftb-line);background:#fff}.broker-filters label,.crypto-controls label,.compare-selector label{font-size:.78rem;font-weight:800;color:#243653}.broker-filters input,.broker-filters select,.crypto-controls input,.crypto-controls select,.compare-selector select{min-height:46px;border:1px solid #c7d5e7;background:#fff;color:var(--ftb-ink);border-radius:9px}.broker-card,.exchange-card,.review-card{border-radius:14px!important;box-shadow:0 8px 24px rgba(17,55,107,.055)!important}.broker-card:hover,.exchange-card:hover,.review-card:hover{box-shadow:0 15px 35px rgba(17,55,107,.11)!important}.broker-card dl>div{padding:11px 0}.broker-card dt{color:var(--ftb-muted)}.broker-card dd{color:var(--ftb-ink);font-weight:700}.affiliate-disclosure,.comparison-disclosure,.calculation-note{border:1px solid #cbd9ea;background:#f5f8fc;border-radius:12px}.affiliate-disclosure strong,.comparison-disclosure h2,.calculation-note strong{color:var(--ftb-ink)}
/* Comparison table keeps first field visible */
.compare-workspace{background:var(--ftb-bg);border:0;border-radius:0;box-shadow:none}.compare-workspace>.container{background:#fff;border:1px solid var(--ftb-line);border-radius:20px;padding:28px;box-shadow:var(--ftb-shadow)}.comparison-scroll{overflow:auto;max-width:100%;border:1px solid var(--ftb-line);border-radius:14px}.comparison-table{min-width:780px;border:0!important}.comparison-table th,.comparison-table td{padding:16px;text-align:left;border-bottom:1px solid #e5ecf4}.comparison-table tbody th,.comparison-table td:first-child{position:sticky;left:0;z-index:2;background:#f7faff;box-shadow:1px 0 #dfe8f3}.comparison-table thead th{position:sticky;top:0;z-index:3;background:#eaf2ff}.comparison-table tbody tr:hover td{background:#f8fbff}
/* Tools */
.page-tools .section{background:var(--ftb-bg)}.tools-workspace{border:1px solid var(--ftb-line);border-radius:20px;background:#fff;padding:28px;box-shadow:var(--ftb-shadow)}.tool-tabs{display:flex;gap:6px;padding:6px;border-radius:12px;overflow:auto}.tool-tabs button{min-height:44px;border-radius:8px;white-space:nowrap;color:#40516b}.tool-tabs button.active{background:var(--ftb-primary);color:#fff}.calculator-shell{gap:28px}.calculator-form,.calculator-result{border:1px solid var(--ftb-line);border-radius:16px;padding:28px}.calculator-form input,.calculator-form select{width:100%;min-height:48px;border:1px solid #c5d3e5;border-radius:9px;background:#fff;color:var(--ftb-ink);font-size:1rem}.calculator-form label{font-size:.82rem;font-weight:800;color:#263854}.calculator-result{background:linear-gradient(145deg,#071b3e,#0c3470);color:#dbe8ff}.calculator-result h2,.calculator-result strong{color:#fff}.calculator-result p,.calculator-result span{color:#c3d4ed}
/* Market dashboard */
.market-command{padding:12px 14px}.market-cards{gap:14px}.market-cards>*{border-radius:13px;box-shadow:none}.market-cards strong{font-variant-numeric:tabular-nums;font-size:1.22rem}.premium-chart{border-radius:18px;background:#071b3e;border-color:#163867;color:#fff}.premium-chart h2,.premium-chart strong{color:#fff}.premium-chart small,.premium-chart span{color:#b6c9e4}.premium-chart .live-chart{background:linear-gradient(180deg,#0b2a58,#071b3e);border:1px solid rgba(255,255,255,.09)}.market-insight-panel{border-radius:18px}.live-market-badge{border-radius:999px;background:#e8f8f3;color:var(--ftb-positive)}
/* Blog/publication */
.page-daily .page-hero,.page-blog .blog-page-hero{background:linear-gradient(135deg,#f7fbff,#eaf2ff)}.featured-article{border-radius:20px;overflow:hidden;border:1px solid var(--ftb-line);background:#fff;box-shadow:var(--ftb-shadow)}.featured-article .article-visual img{transition:transform .45s ease}.featured-article:hover .article-visual img{transform:scale(1.025)}.category{color:var(--ftb-primary);background:#eaf2ff;border-radius:6px;font-size:.7rem;font-weight:800;letter-spacing:.06em}.article-list article,.published-blog-grid article{border-radius:14px;border:1px solid var(--ftb-line);background:#fff}.article-list h3 a:hover{color:var(--ftb-primary)}.blog-writer-form,.blog-draft-panel{box-shadow:0 12px 36px rgba(17,55,107,.075)}.blog-draft:focus{background:#fff;border-color:var(--ftb-primary)}
/* Prompt libraries */
.prompt-hero{background:linear-gradient(125deg,#061832,#0c3b7e)}.prompt-category-grid>a{border-radius:16px!important}.prompt-category-grid>a:hover{transform:translateY(-4px)}.prompt-card{border-radius:14px!important;box-shadow:none!important}.prompt-card:hover{border-color:#a9c4e9!important}.copy-prompt{color:var(--ftb-primary);border-color:#b8cbe6}.copy-prompt:hover{background:var(--ftb-primary);color:#fff}.prompt-how{background:#fff;border-color:var(--ftb-line);box-shadow:var(--ftb-shadow)}.prompt-how h2,.prompt-how p{color:var(--ftb-ink)}
/* Editorial/legal/contact */
.article-body,.policy-content,.legal-content{color:var(--ftb-text)}.article-body h2,.policy-content h2,.legal-content h2{margin-top:0}.article-body a,.policy-content a,.legal-content a{color:var(--ftb-primary);text-decoration:underline;text-underline-offset:3px}.toc a,.policy-nav a{text-decoration:none;color:#475974}.toc a:hover,.policy-nav a:hover{color:var(--ftb-primary)}.contact-form button{width:max-content}.contact-form label{color:#293b57;font-size:.8rem;font-weight:800}.contact-status{font-size:.8rem}.country-card,.legal-summary,.review-alert{border:1px solid var(--ftb-line);border-radius:14px;background:#fff}
/* Footer */
.footer-main{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:52px}.footer-intro>p{max-width:360px}.footer-principles{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.footer-principles span{border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:6px 10px;color:#cbd9ed;font-size:.7rem}.footer-heading{width:100%;display:flex;justify-content:space-between;background:none;border:0;color:#fff;text-align:left;padding:0 0 14px;font:800 .75rem/1 Manrope,sans-serif;letter-spacing:.11em;text-transform:uppercase}.footer-heading>span{display:none}.footer-links>div{display:grid;gap:9px}.footer-callout{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:46px;padding:24px 0;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}.footer-callout div{display:grid}.footer-callout strong{color:#fff}.footer-callout span{color:#9fb4d1;font-size:.82rem}.footer-callout>a{display:inline-flex;align-items:center;gap:8px;padding:10px 15px;border-radius:8px;background:#fff;color:#09234e;font-weight:800}.footer-bottom{margin-top:0;border-top:0}.back-to-top{display:inline-flex;align-items:center;gap:5px;border:0;border-radius:8px;padding:9px 12px;color:#fff}
@media(max-width:1120px){.header-inner{gap:12px}.main-nav a{font-size:.75rem;padding:9px 5px}.header-cta{padding:0 12px}.page-index .hero-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-main{gap:28px}}
@media(max-width:900px){.site-header{top:0}.header-inner{min-height:68px}.menu-toggle{display:flex}.main-nav{position:absolute;left:20px;right:20px;top:calc(100% + 8px);display:none;flex-direction:column;align-items:stretch;padding:10px;background:#fff;border:1px solid var(--ftb-line);border-radius:14px;box-shadow:var(--ftb-shadow);max-height:calc(100vh - 110px);overflow:auto}.main-nav.open{display:flex}.main-nav a{font-size:.9rem;padding:12px}.header-cta{margin-left:auto}.page-index .hero-grid{grid-template-columns:1fr}.page-index .hero-copy{padding-bottom:0}.page-index .hero-visual{max-width:700px;width:100%;margin:0 auto;aspect-ratio:1.35}.page-index .hero-shortcuts{grid-template-columns:1fr;transform:translateY(24px)}.footer-main{grid-template-columns:1.4fr 1fr 1fr}.footer-links:last-child{grid-column:2/4}.compare-selector{overflow:auto}.calculator-shell{grid-template-columns:1fr}.section-heading{align-items:start}.page-hero:after,.market-page-head:after,.blog-page-hero:after{opacity:.5}}
@media(max-width:640px){body{font-size:16px}.notice-inner{padding:7px 0;align-items:flex-start;gap:10px}.notice-inner span{line-height:1.4}.brand-copy strong{font-size:1.5rem}.brand-copy small{max-width:110px;line-height:1.2}.header-cta{display:none}.page-hero,.market-page-head,.blog-page-hero{padding:54px 0}.page-hero h1,.market-page-head h1,.blog-page-hero h1{font-size:2.4rem}.page-index .premium-home-hero{padding-top:50px}.page-index .hero-copy h1{font-size:3.25rem}.page-index .hero-copy>p{font-size:1rem}.page-index .hero-actions{display:grid}.page-index .hero-actions .btn{width:100%}.page-index .hero-stats{grid-template-columns:repeat(3,1fr);gap:8px}.page-index .hero-stats span{padding-left:9px}.page-index .hero-stats b{font-size:1.25rem}.page-index .hero-stats small{font-size:.65rem}.page-index .hero-visual{aspect-ratio:.86}.page-index .hero-market{left:12px;right:12px;bottom:12px;padding:14px}.page-index .hero-chart{height:150px}.page-index .hero-visual-label{left:12px;top:12px;max-width:calc(100% - 24px)}.section-heading{gap:16px}.compare-workspace>.container,.tools-workspace{padding:16px;border-radius:14px}.comparison-scroll{margin-left:0;margin-right:0}.tool-tabs{scroll-snap-type:x mandatory}.tool-tabs button{scroll-snap-align:start;flex:0 0 auto}.calculator-form,.calculator-result{padding:20px}.market-command{align-items:flex-start}.market-tabs{overflow:auto;width:100%}.live-chart{min-height:250px}.blog-writer-form,.blog-draft-panel{padding:20px}.footer-main{grid-template-columns:1fr;gap:0}.footer-intro{padding-bottom:28px}.footer-links,.footer-links:last-child{grid-column:auto;border-top:1px solid rgba(255,255,255,.12)}.footer-heading{padding:17px 0}.footer-heading>span{display:block}.footer-links>div{display:none;padding:0 0 18px}.footer-links.open>div{display:grid}.footer-callout{align-items:flex-start;flex-direction:column}.footer-callout>a{width:100%;justify-content:center}.footer-bottom{align-items:flex-start;flex-direction:column}.back-to-top{align-self:flex-end}.contact-form button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(prefers-contrast:more){:root{--ftb-text:#16243a;--ftb-muted:#34445f;--ftb-line:#9eafc3}.btn-primary{border:2px solid #061832}}