/* FTB V17: information-platform structure, blue fintech navigation and trading desk components */
:root{--v17-blue:#155eef;--v17-blue-dark:#0d2b5c;--v17-ink:#10233f;--v17-muted:#61708a;--v17-line:#dce5f0;--v17-soft:#f3f7fc;--v17-green:#159a72}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--v17-line)}
.header-inner{min-height:76px}.main-nav{display:flex;align-items:stretch;gap:2px;flex:1;justify-content:center}.nav-dropdown{position:relative;display:flex;align-items:center}.nav-trigger{display:flex;align-items:center;gap:6px;height:76px;padding:0 11px;color:#263853;font-weight:700;font-size:.9rem;text-decoration:none;white-space:nowrap}.nav-trigger span{font-size:.78rem;color:#7a8aa3;transition:.2s}.nav-dropdown:hover .nav-trigger,.nav-trigger.active{color:var(--v17-blue);background:#f5f8ff}.nav-dropdown:hover .nav-trigger span{transform:rotate(180deg)}
.nav-menu{position:absolute;left:50%;top:calc(100% + 1px);transform:translate(-50%,-8px);min-width:225px;padding:10px;background:#fff;border:1px solid var(--v17-line);border-radius:0 0 14px 14px;box-shadow:0 20px 50px rgba(24,54,94,.14);opacity:0;visibility:hidden;pointer-events:none;transition:.18s;display:grid;gap:2px}.nav-dropdown.open .nav-menu,.nav-dropdown:hover .nav-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}.nav-menu a{padding:10px 12px;border-radius:8px;color:#344760;text-decoration:none;font-weight:600;font-size:.86rem}.nav-menu a:hover{background:#eef5ff;color:var(--v17-blue)}.nav-ai .nav-trigger{color:var(--v17-blue)}.nav-ai .nav-menu{border-top:3px solid var(--v17-blue)}
.v17-section{padding:70px 0}.v17-soft{background:var(--v17-soft)}.v17-section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.v17-section-head h2{margin:7px 0 8px;color:var(--v17-ink);font-size:clamp(1.8rem,3vw,2.55rem)}.v17-section-head p{margin:0;color:var(--v17-muted);max-width:680px}.v17-kicker{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--v17-blue);font-weight:800}.v17-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.v17-card{background:#fff;border:1px solid var(--v17-line);border-radius:16px;padding:24px;box-shadow:0 8px 24px rgba(30,65,110,.05)}.v17-card h3{margin:0 0 8px;color:var(--v17-ink)}.v17-card p{color:var(--v17-muted);line-height:1.65}.v17-card a{color:var(--v17-blue);font-weight:800;text-decoration:none}.v17-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#eaf2ff;color:var(--v17-blue);font-weight:900;margin-bottom:15px}.v17-list{display:grid;gap:10px;margin:18px 0 0;padding:0;list-style:none}.v17-list li{display:flex;gap:9px;color:#40536e}.v17-list li:before{content:'✓';color:var(--v17-green);font-weight:900}.v17-hub-hero{background:linear-gradient(135deg,#f4f8ff,#edf6ff 55%,#fff);border-bottom:1px solid var(--v17-line);padding:66px 0}.v17-hub-hero h1{font-size:clamp(2.4rem,5vw,4.4rem);line-height:1.02;color:var(--v17-ink);max-width:900px;margin:10px 0 18px}.v17-hub-hero p{max-width:760px;font-size:1.08rem;line-height:1.7;color:var(--v17-muted)}.v17-stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:30px}.v17-stat{background:#fff;border:1px solid var(--v17-line);border-radius:12px;padding:16px}.v17-stat strong{display:block;font-size:1.55rem;color:var(--v17-ink)}.v17-stat span{color:var(--v17-muted);font-size:.82rem}.v17-table-wrap{overflow:auto;border:1px solid var(--v17-line);border-radius:14px;background:#fff}.v17-table{width:100%;border-collapse:collapse;min-width:760px}.v17-table th,.v17-table td{padding:15px 16px;border-bottom:1px solid #e8eef5;text-align:left}.v17-table th{font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;color:#64758e;background:#f7f9fc}.v17-table td{color:#30445f}.v17-badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eaf7f3;color:#13785b;font-size:.75rem;font-weight:800}.v17-callout{border:1px solid #cfe0ff;background:#f3f7ff;border-radius:16px;padding:22px;display:flex;justify-content:space-between;gap:20px;align-items:center}.v17-callout strong{color:var(--v17-ink);display:block}.v17-callout p{margin:5px 0 0;color:var(--v17-muted)}.software-card{position:relative}.software-meta{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.software-meta span{font-size:.74rem;padding:5px 8px;border:1px solid var(--v17-line);border-radius:999px;color:#53657d}.software-cta{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.v17-anchor-nav{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.v17-anchor-nav a{padding:8px 12px;border:1px solid var(--v17-line);border-radius:999px;text-decoration:none;color:#3c526f;background:#fff;font-weight:700;font-size:.82rem}.v17-anchor-nav a:hover{border-color:#aac7fa;color:var(--v17-blue)}
@media(max-width:1050px){.nav-trigger{padding:0 7px;font-size:.82rem}.header-cta{display:none}.main-nav{justify-content:flex-end}.v17-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.main-nav{position:absolute;left:14px;right:14px;top:calc(100% + 8px);display:none;flex-direction:column;align-items:stretch;background:#fff;border:1px solid var(--v17-line);border-radius:14px;box-shadow:0 18px 40px rgba(25,55,95,.16);padding:8px}.main-nav.open{display:flex}.nav-dropdown{display:block}.nav-trigger{height:auto;padding:13px 12px;justify-content:space-between;border-radius:8px}.nav-menu{position:static;transform:none;display:none;box-shadow:none;border:0;border-top:1px solid #edf1f6;border-radius:0;opacity:1;visibility:visible;pointer-events:auto;padding:5px 8px}.nav-dropdown.open .nav-menu{display:grid}.nav-dropdown:hover .nav-menu{display:none}.nav-dropdown.open:hover .nav-menu{display:grid}.v17-stat-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.v17-section{padding:48px 0}.v17-grid{grid-template-columns:1fr}.v17-section-head{display:block}.v17-stat-row{grid-template-columns:1fr 1fr}.v17-callout{display:block}.v17-hub-hero{padding:48px 0}.v17-hub-hero h1{font-size:2.55rem}.v17-card{padding:20px}}

/* ================= V18 targeted refinements ================= */
.nav-trigger{position:relative;gap:9px;padding-inline:13px;border:1px solid transparent;border-radius:9px}
.nav-trigger span{display:inline-grid;place-items:center;width:20px;height:20px;border:1px solid #c9d7ea;border-radius:6px;background:#f7faff;color:#3d5b82;font-size:.68rem;line-height:1;transform:none!important}
.nav-dropdown.open .nav-trigger,.nav-dropdown:hover .nav-trigger{border-color:#cbdcf4;background:#f5f9ff;color:#155eef}
.nav-dropdown.open .nav-trigger span,.nav-dropdown:hover .nav-trigger span{background:#eaf2ff;border-color:#a9c6ef;color:#155eef}
.nav-menu{z-index:300;min-width:250px;border-radius:12px;top:calc(100% + 5px);padding:9px;box-shadow:0 22px 55px rgba(16,46,91,.18)}
.nav-menu a{padding:11px 13px;border-radius:8px}
.global-broker-strip{position:relative;z-index:90;background:#f7fbff;border-bottom:1px solid #d8e5f4;box-shadow:0 5px 18px rgba(19,61,111,.06)}
.broker-strip-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.broker-strip-copy{display:flex;flex-direction:column;min-width:245px}
.broker-strip-label{text-transform:uppercase;letter-spacing:.1em;font-size:.66rem;font-weight:900;color:#155eef}
.broker-strip-copy strong{font-size:.88rem;color:#10233f;margin-top:2px}
.broker-strip-copy small{font-size:.62rem;color:#6a7a92;margin-top:2px}
.broker-strip-links{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.broker-strip-item{height:42px;display:flex;align-items:center;gap:7px;padding:5px 9px;background:#fff;border:1px solid #d7e2ef;border-radius:9px;color:#243a59;font-size:.72rem;font-weight:800;transition:.18s}
.broker-strip-item:hover{border-color:#9bbbe7;box-shadow:0 7px 20px rgba(22,76,143,.1);transform:translateY(-1px)}
.broker-strip-item img{width:72px;height:27px;object-fit:contain;background:#fff;border-radius:4px}
.broker-strip-compare{color:#155eef;font-weight:900;font-size:.72rem;white-space:nowrap;padding:8px 3px}
.page-learn .glossary-card h2,.glossary-card h2{color:#fff!important}
.glossary-card .eyebrow.light{color:#8fb9ff!important}
.glossary-card dt{color:#fff!important}
.glossary-card dd{color:#c8d7ef!important}
.finder-question-area{padding:46px}
.finder-question-area #finder-question{padding:2px 0 8px}
.finder-option{border:2px solid #d5e1ef!important;border-radius:14px!important;padding:17px!important;min-height:78px;background:#fff;transition:.18s}
.finder-option:hover{border-color:#a9c4e7!important;box-shadow:0 8px 22px rgba(25,73,127,.08)}
.finder-option:has(input:checked){border-color:#155eef!important;background:#f5f9ff;box-shadow:0 7px 20px rgba(21,94,239,.1)}
.broker-head{grid-template-columns:140px 1fr auto!important}
.broker-logo.broker-brand,.logo-placeholder.broker-brand{width:140px!important;height:54px!important;padding:4px!important;border-radius:10px!important;background:#fff!important;overflow:hidden}
.broker-logo.broker-brand img,.logo-placeholder.broker-brand img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important}
.page-index .broker-head{grid-template-columns:140px 1fr auto!important}
.page-index .broker-card{min-height:355px}
.page-index .broker-actions{gap:9px;flex-wrap:wrap}
.page-index .broker-actions .btn-primary{display:inline-flex}

/* Professional blog index */
.page-blog .blog-page-hero{padding:74px 0;background:linear-gradient(135deg,#f8fbff 0%,#eaf3ff 58%,#f8fcff 100%)}
.blog-index-shell{padding:72px 0}
.blog-featured-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:22px;margin-bottom:28px}
.blog-featured-card,.blog-post-card{background:#fff;border:1px solid #d8e4f1;border-radius:18px;overflow:hidden;box-shadow:0 12px 35px rgba(18,57,105,.07)}
.blog-featured-card{display:grid;grid-template-columns:1.05fr .95fr;min-height:350px}
.blog-post-image{display:block;position:relative;overflow:hidden;background:#eaf2ff;min-height:210px}
.blog-post-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.blog-featured-card:hover .blog-post-image img,.blog-post-card:hover .blog-post-image img{transform:scale(1.025)}
.blog-featured-copy{padding:34px;display:flex;flex-direction:column;justify-content:center}
.blog-featured-copy h2{font-size:clamp(1.7rem,3vw,2.35rem);line-height:1.12;color:#10233f;margin:10px 0 12px}
.blog-featured-copy p,.blog-post-card p{color:#61708a;line-height:1.7}
.blog-meta{display:flex;gap:9px;flex-wrap:wrap;align-items:center;font-size:.68rem;color:#718198}
.blog-category{display:inline-flex;padding:5px 8px;border-radius:999px;background:#eaf2ff;color:#155eef;font-weight:900;font-size:.62rem;text-transform:uppercase;letter-spacing:.06em}
.blog-featured-list{display:grid;gap:16px}
.blog-featured-list .blog-post-card{display:grid;grid-template-columns:120px 1fr;min-height:166px}
.blog-featured-list .blog-post-image{min-height:166px}
.blog-post-copy{padding:20px}
.blog-post-copy h3{font-size:1.02rem;line-height:1.3;margin:9px 0 7px;color:#10233f}
.blog-post-copy a:hover h3{color:#155eef}
.blog-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.blog-post-grid .blog-post-card{display:flex;flex-direction:column}
.blog-post-grid .blog-post-image{height:190px;min-height:190px}
.blog-post-grid .blog-post-copy{display:flex;flex-direction:column;flex:1}
.blog-post-grid .blog-post-copy .text-link{margin-top:auto;padding-top:14px}
.blog-section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}
.blog-section-title h2{margin:7px 0 0;font-size:2rem;color:#10233f}
.blog-section-title p{margin:0;color:#61708a;max-width:650px}
.blog-studio-note{margin-top:48px;padding:22px 24px;border:1px solid #cbdcf0;background:#f7fbff;border-radius:15px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.blog-studio-note strong{color:#10233f}.blog-studio-note p{margin:4px 0 0;color:#61708a;font-size:.8rem}

/* Professional inner article presentation */
.article-feature-image{display:block;width:100%;height:360px;object-fit:cover;border-radius:18px;margin:28px 0 0;border:1px solid #d8e4f1;box-shadow:0 15px 40px rgba(17,55,107,.1)}
.article-related{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px}
.article-related a{display:block;border:1px solid #d8e4f1;border-radius:12px;background:#fff;padding:16px;color:#173a67;text-decoration:none}
.article-related a strong{display:block;color:#10233f;margin-bottom:4px}.article-related a small{color:#6a7a92}
@media(max-width:1050px){.broker-strip-inner{align-items:flex-start;padding-top:11px;padding-bottom:11px;flex-direction:column}.broker-strip-links{justify-content:flex-start}.broker-strip-copy{min-width:0}.blog-featured-grid{grid-template-columns:1fr}.blog-featured-card{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.nav-menu{min-width:0}.finder-question-area{padding:34px}.blog-post-grid{grid-template-columns:repeat(2,1fr)}.blog-featured-list .blog-post-card{grid-template-columns:110px 1fr}.article-related{grid-template-columns:1fr}}
@media(max-width:640px){.broker-strip-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.broker-strip-item{justify-content:flex-start}.broker-strip-item img{width:68px}.broker-strip-compare{grid-column:1/-1}.finder-question-area{padding:24px}.finder-option{min-height:70px}.broker-head,.page-index .broker-head{grid-template-columns:105px 1fr!important}.broker-logo.broker-brand,.logo-placeholder.broker-brand{width:105px!important;height:48px!important}.blog-featured-card{grid-template-columns:1fr}.blog-featured-card .blog-post-image{height:240px}.blog-post-grid{grid-template-columns:1fr}.blog-featured-list .blog-post-card{grid-template-columns:95px 1fr}.blog-featured-list .blog-post-image{min-height:145px}.article-feature-image{height:240px}}