@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#071427;--navy2:#0d213b;--ink:#172c44;--muted:#62758a;--blue:#1c78eb;--cyan:#55d5f0;--bg:#f5f8fc;--line:#dce5ef;--shadow:0 14px 42px rgba(21,45,76,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:116px}body{margin:0;background:#fff;color:var(--ink);font:16px/1.68 'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto}a{color:inherit}button{font:inherit}.bo-container{max-width:1230px;margin:0 auto;padding-left:26px;padding-right:26px}.skip-link{position:absolute;left:10px;top:-50px;padding:10px;background:white;z-index:1000}.skip-link:focus{top:10px}.site-header{background:#08172b;color:#e7f2ff;position:relative;z-index:50}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;text-decoration:none;gap:12px;flex:none;color:#fff}.brand-symbol{width:43px;height:43px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(140deg,#4bd5ff,#2368eb 80%);border:1px solid #85dfff;border-radius:12px;font-size:16px;font-weight:900;letter-spacing:-3px;box-shadow:0 0 30px #1978ed54}.brand-symbol span{color:#caeeff}.brand-word{font-family:Manrope,sans-serif;font-size:22px;letter-spacing:-1px;font-weight:800}.brand-word span{color:#6bddff}.brand-word small{font-size:12px;font-weight:700;color:#97abc4;margin-left:1px}.header-nav{display:flex;gap:30px;align-items:center}.header-nav a{font-size:13px;font-weight:700;color:#b8c8db;text-decoration:none;white-space:nowrap;transition:.2s}.header-nav a:hover,.header-nav a:focus{color:#67dbff}.menu-button{display:none;border:1px solid #34506d;background:#14273c;padding:10px;border-radius:9px;cursor:pointer}.menu-button span{display:block;background:white;width:22px;height:2px;margin:4px 0}.broker-rail{border-top:1px solid #20344d;background:#0b1e35;box-shadow:0 6px 25px #07112266}.broker-rail-inner{display:flex;gap:25px;align-items:center;min-height:60px}.rail-label{font-size:10px;font-weight:800;letter-spacing:1.8px;color:#59cafb;flex:none}.broker-rail nav{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#3b6189 transparent;white-space:nowrap}.broker-rail nav a{padding:9px 14px;border:1px solid #28405d;border-radius:7px;color:#d7e5f6;text-decoration:none;font-size:12px;line-height:1.2;font-weight:700;transition:background .2s,border-color .2s}.broker-rail nav a:hover,.broker-rail nav a:focus{border-color:#5bc9fa;background:#1a3856}.hero{min-height:570px;position:relative;overflow:hidden;color:white;background:linear-gradient(90deg,#061124 0%,rgba(6,17,36,.96) 24%,rgba(6,17,36,.63) 53%,rgba(6,17,36,.04) 100%),url('../img/hero-brokeroption.webp') center/cover no-repeat}.hero:after{content:'';position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(0deg,#06142c 0%,transparent);pointer-events:none}.hero-content{position:relative;z-index:2;min-height:570px;display:flex;align-items:center}.hero-copy{width:min(665px,58%);padding:55px 0 65px}.eyebrow,.kicker{display:inline-flex;align-items:center;gap:9px;color:#1577d1;font-size:11px;letter-spacing:1.9px;font-weight:800;text-transform:uppercase}.eyebrow{color:#77deff;margin:0 0 18px}.pulse{background:#72eddf;width:8px;height:8px;border-radius:50%;box-shadow:0 0 0 5px #67e5e51a}.hero h1{margin:0;color:#fff;font:800 clamp(35px,4.25vw,58px)/1.1 Manrope,sans-serif;letter-spacing:-2.5px;max-width:620px;text-wrap:balance}.hero h1 em{font-style:normal;color:#52d4fb}.hero-lead{color:#bfcee0;max-width:555px;font-size:17px;line-height:1.8;margin:23px 0 29px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;text-decoration:none;border-radius:9px;font-weight:800;font-size:14px;padding:13px 23px;transition:transform .18s,background .18s;line-height:1.5}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(115deg,#188df0,#146ce4);color:#fff;box-shadow:0 12px 26px #0a63df44}.btn-outline{border:1px solid #55718e;color:#f0fbff;background:#142e465e}.btn-outline:hover{border-color:#7bdcff}.hero-small{max-width:510px;color:#90aac3;font-size:11px;line-height:1.7;margin:25px 0 0}.route-strip{background:#fff;border-bottom:1px solid var(--line);box-shadow:0 8px 26px rgba(0,0,0,.035)}.route-list{display:grid;grid-template-columns:repeat(4,1fr);padding-top:18px;padding-bottom:18px}.route-list a{padding:13px 18px;display:grid;grid-template-columns:30px 1fr auto;align-items:center;grid-template-rows:auto auto;gap:0 8px;text-decoration:none;border-right:1px solid var(--line)}.route-list a:first-child{padding-left:0}.route-list a:last-child{border-right:0}.route-num{grid-row:1/span 2;font-size:11px;font-weight:800;color:#197fd6}.route-list strong{font-size:13px;line-height:1.6}.route-list small{font-size:11px;color:#74859b}.route-list a>span:last-child{grid-row:1/span 2;color:#288bd8}.route-list a:hover strong{color:#126bd0}.section{padding:92px 0;scroll-margin-top:30px}.section-top{display:grid;grid-template-columns:1.15fr .85fr;align-items:end;gap:50px;margin-bottom:34px}.section-top h2,.section-heading h2,.focus-layout h2,.learn-layout h2,.method-layout h2,.faq-intro h2{font:800 clamp(26px,3vw,40px)/1.22 Manrope,sans-serif;letter-spacing:-1.3px;margin:13px 0 0;color:#132b45}.section-top>p{margin:0;color:var(--muted);font-size:15px}.section-heading{max-width:820px;margin-bottom:34px}.section-heading p{color:var(--muted);margin:15px 0 0}.kicker{margin:0;color:#1982ce}.broker-section{background:linear-gradient(180deg,#f7fbff,#fff)}.broker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.broker-card{display:flex;flex-direction:column;border:1px solid #e1e9f1;background:#fff;border-radius:15px;box-shadow:0 8px 24px #153b630b;overflow:hidden;transition:transform .18s,box-shadow .18s}.broker-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.broker-media{position:relative;background:#0b1931;aspect-ratio:16/9;overflow:hidden}.broker-media>a{display:block;width:100%;height:100%;position:relative}.broker-media img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .3s}.broker-card:hover .broker-media img{transform:scale(1.025)}.image-zoom{position:absolute;bottom:11px;right:12px;color:#d6f2ff;font-size:11px;font-weight:800;background:#061a2ce8;padding:5px 9px;border:1px solid #41617f;border-radius:5px}.missing-media{background:linear-gradient(140deg,#102a49,#061c36);display:flex;align-items:center;justify-content:center;text-align:center;color:#d8efff}.missing-shot{display:flex;align-items:center;flex-direction:column;gap:6px;padding:20px}.missing-shot .screen-emblem{font-size:11px;border:1px solid #375d86;border-radius:5px;padding:5px 9px;color:#7bcfff}.missing-shot strong{font:800 24px Manrope,sans-serif}.missing-shot small{font-size:10px;color:#89a5c2;max-width:225px}.broker-body{padding:21px 22px 19px;display:flex;flex-direction:column;flex:1}.broker-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.broker-heading h3{font:800 20px Manrope,sans-serif;margin:0;letter-spacing:-.4px}.mode-tag{font-size:10px;color:#2875af;border-radius:5px;background:#ebf6ff;border:1px solid #d7edfd;white-space:nowrap;padding:3px 7px;font-weight:800}.broker-body>p{font-size:13px;color:#61758a;line-height:1.8;margin:13px 0 20px;flex:1}.broker-foot{border-top:1px solid #edf2f6;padding-top:14px;display:flex;gap:8px;align-items:center;justify-content:space-between}.broker-foot>span{font-size:10px;color:#8b9cb1;max-width:45%}.broker-foot a{font-size:12px;color:#1578cc;font-weight:800;text-decoration:none;text-align:right}.broker-foot a:hover{text-decoration:underline}.directory-note{border-left:3px solid #3692e7;color:#627991;font-size:12px;padding:8px 16px;background:#f2f8fe;margin:24px 0 0}.directory-note strong{color:#284e6f}.section-soft{background:#f3f7fc}.table-scroll{overflow:auto;box-shadow:var(--shadow);border:1px solid var(--line);border-radius:13px;background:white}.feature-table{border-collapse:collapse;width:100%;text-align:left;min-width:760px}.feature-table th,.feature-table td{padding:15px 17px;border-bottom:1px solid #e6edf4;font-size:13px}.feature-table thead{background:#0d2642;color:#e1effd}.feature-table thead th{font-size:11px;letter-spacing:.6px;text-transform:uppercase}.feature-table tbody tr:last-child th,.feature-table tbody tr:last-child td{border:0}.feature-table tbody tr:hover{background:#f5faff}.feature-table tbody th a{color:#144b76;text-decoration:none;font-weight:800}.proof-link{font-weight:800;color:#187ad4;text-decoration:none}.proof-link:hover{text-decoration:underline}.table-pending{color:#95a1ac;font-size:11px}.fine-print{color:#8492a3;font-size:12px;margin:17px 0 0}.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.workflow{padding:28px;background:white;border:1px solid #dfe9f3;border-radius:14px;box-shadow:0 7px 25px #143a6207;position:relative}.workflow-n{font-size:10px;letter-spacing:1.4px;color:#1979ca;font-weight:800}.workflow-icon{display:flex;width:52px;height:52px;background:#eff8ff;color:#1780d4;font-size:26px;border-radius:12px;margin:23px 0 16px;align-items:center;justify-content:center}.workflow h3{margin:0;font:800 19px Manrope,sans-serif}.workflow p{color:#667d91;font-size:13px;line-height:1.8}.workflow a{font-size:12px;color:#207bd2;font-weight:800;text-decoration:none}.notice-line{margin-top:24px;padding:15px 20px;background:#f2f8fe;color:#577087;border:1px solid #dcecf8;border-radius:9px;font-size:12px}.screenshots-section{background:#07182e;color:#d8e7f7}.screenshots-section .section-top h2{color:#fff}.screenshots-section .section-top>p{color:#9bb3ca}.screenshots-section .kicker{color:#69caff}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.gallery-item{margin:0;background:#122b46;border:1px solid #2a4761;border-radius:11px;overflow:hidden}.gallery-item a{display:block;position:relative;aspect-ratio:16/9;background:#060e19}.gallery-item img{display:block;width:100%;height:100%;object-fit:contain}.gallery-zoom{position:absolute;right:8px;bottom:8px;font-size:11px;font-weight:800;border:1px solid #6fc4ff7e;background:#03172bdb;color:#e6f9ff;padding:5px 10px;border-radius:6px}.gallery-item figcaption{padding:12px 15px;display:flex;align-items:center;gap:10px;justify-content:space-between}.gallery-item strong{font-size:13px}.gallery-item figcaption span{font-size:10px;color:#a1b9cc;text-align:right}.screenshots-section .fine-print{color:#99adc3}.focus-section{background:#f8fbfe}.focus-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:60px;align-items:center}.focus-copy h2{margin-bottom:21px}.focus-copy p{color:#60768a;font-size:15px}.focus-copy .btn{margin-top:13px}.focus-media{position:relative;border-radius:15px;overflow:hidden;background:#0e1930;box-shadow:0 20px 55px #0e355a33;transform:perspective(1400px) rotateY(-3deg)}.focus-media img{display:block;width:100%;height:auto}.focus-media span{position:absolute;left:0;bottom:0;background:#061c31eb;color:#c0e6ff;padding:10px 17px;font-weight:800;font-size:10px;letter-spacing:.7px}.learn-section{background:#fff}.learn-layout{display:grid;grid-template-columns:1fr 1fr;gap:85px}.learn-layout p{color:#647b8f;font-size:15px}.learn-highlights{border-left:2px solid #d8e8f7;padding-left:28px}.learn-highlights div{padding:10px 0 21px}.learn-highlights span{font-size:11px;color:#2084da;font-weight:900;margin-right:13px}.learn-highlights strong{font:800 16px Manrope,sans-serif}.learn-highlights p{font-size:13px;margin:8px 0 0 34px}.availability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.availability-grid>div{background:white;border:1px solid #e1eaf2;padding:24px;border-radius:12px}.availability-grid b{font:800 17px Manrope,sans-serif}.availability-grid p{color:#60798e;font-size:13px;margin-bottom:0}.method-section{background:#fff}.method-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.method-layout p{color:#61788e;font-size:14px}.method-checklist{display:grid;gap:15px}.method-checklist>div{padding:18px 20px 18px 54px;border:1px solid #dfeaf4;border-radius:12px;position:relative;background:#f6faff}.method-checklist>div>span{position:absolute;left:17px;top:18px;color:#1284d9;font-weight:900}.method-checklist strong{display:block;font-size:14px}.method-checklist small{color:#758a9f;font-size:12px}.faq-section{background:#f2f6fc}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq-intro p{color:#657d90;font-size:14px}.faq-items details{border:1px solid #dbe5f0;border-radius:10px;background:white;margin-bottom:11px;padding:0 19px}.faq-items summary{cursor:pointer;font-weight:800;font-size:14px;padding:19px 30px 19px 0;list-style:none;position:relative}.faq-items summary::after{content:'+';position:absolute;right:0;top:14px;color:#1e7bcb;font-size:21px}.faq-items details[open] summary::after{content:'−'}.faq-items summary::-webkit-details-marker{display:none}.faq-items details p{border-top:1px solid #eff2f6;padding:10px 0 20px;margin:0;font-size:13px;color:#657c91}.site-footer{background:#061628;color:#b4c9dc;padding:59px 0 20px}.footer-main{display:grid;grid-template-columns:2.3fr 1fr 1fr;gap:55px}.footer-brand{font:800 24px Manrope,sans-serif;color:white;text-decoration:none}.footer-brand span{color:#5bd6ff}.footer-main p{font-size:12px;max-width:435px;line-height:1.8}.footer-main>div:not(:first-child){display:flex;flex-direction:column;align-items:flex-start;gap:8px}.footer-main strong{font-size:12px;color:#fff;margin-bottom:9px}.footer-main a:not(.footer-brand){font-size:12px;color:#a2bad2;text-decoration:none}.footer-main a:hover{color:#70d6ff}.footer-bottom{margin-top:39px;border-top:1px solid #21354b;padding-top:17px;display:flex;justify-content:space-between;gap:15px;color:#7c94ac;font-size:11px}.bo-lightbox{border:1px solid #2f4a66;border-radius:12px;background:#071426;max-width:min(96vw,1480px);max-height:94vh;color:#dcecff;padding:12px;box-shadow:0 25px 120px #0008}.bo-lightbox::backdrop{background:rgba(0,7,16,.86)}.bo-lightbox img{display:block;max-width:90vw;max-height:76vh;width:auto;height:auto;object-fit:contain;margin:auto}.lightbox-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 4px 8px;font-size:13px}.lightbox-bar button{background:#1d3c5a;color:#fff;border:1px solid #3d6587;border-radius:6px;cursor:pointer;padding:3px 12px}.bo-lightbox>p{text-align:center;font-size:11px;color:#a1b7cd}.bo-prose{max-width:990px}.bo-prose h1{font:800 clamp(27px,3vw,44px)/1.2 Manrope,sans-serif}.bo-prose h2{font:800 27px/1.25 Manrope,sans-serif;margin-top:40px}.bo-prose p,.bo-prose li{color:#536e83}.bo-prose img{border-radius:8px}.bo-prose a{color:#1a72bf}.archive-entry{border-bottom:1px solid #e3eaf2;padding:15px 0}.archive-entry h2{font-size:22px}.archive-entry a{text-decoration:none}.archive-entry p{color:#587087}
@media(max-width:1140px){.header-nav{gap:17px}.header-nav a{font-size:12px}.broker-grid{grid-template-columns:repeat(2,1fr)}.hero-copy{width:60%}.gallery-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.topbar{height:66px}.menu-button{display:block}.header-nav{display:none;position:absolute;top:65px;left:0;right:0;background:#0c223c;box-shadow:0 20px 30px #08122466;padding:18px 25px;z-index:70;flex-direction:column;align-items:flex-start;gap:11px}.header-nav.is-open{display:flex}.header-nav a{padding:7px 0;width:100%;font-size:14px}.broker-rail-inner{display:block;padding-top:10px;padding-bottom:12px}.rail-label{display:block;margin:0 0 8px}.broker-rail nav{padding-bottom:3px}.hero{min-height:580px;background-position:60% center;background-image:linear-gradient(90deg,#071427 0%,#071427e8 30%,#071427a8 65%,#07142740 100%),url('../img/hero-brokeroption.webp')}.hero-content{min-height:580px}.hero-copy{width:80%}.route-list{grid-template-columns:repeat(2,1fr)}.route-list a:nth-child(2){border-right:0}.route-list a:nth-child(-n+2){border-bottom:1px solid var(--line)}.section{padding:70px 0}.section-top,.focus-layout,.learn-layout,.method-layout,.faq-layout{grid-template-columns:1fr;gap:26px}.focus-media{transform:none}.section-top>p{max-width:750px}.method-checklist{grid-template-columns:repeat(2,1fr)}.footer-main{grid-template-columns:1.5fr 1fr 1fr;gap:20px}.gallery-item figcaption{display:block}.gallery-item figcaption span{display:block;text-align:left}}
@media(max-width:600px){.bo-container{padding-left:17px;padding-right:17px}.brand-symbol{height:35px;width:35px;font-size:14px}.brand-word{font-size:20px}.broker-rail nav a{font-size:11px;padding:8px 11px}.hero{min-height:650px;background-image:linear-gradient(180deg,#071427 0%,#071427ee 45%,#071427a8 65%,#07142759 100%),url('../img/hero-brokeroption.webp');background-position:70% bottom;background-size:auto 100%}.hero-content{min-height:650px;align-items:flex-start}.hero-copy{padding:51px 0 0;width:100%}.hero h1{font-size:clamp(33px,9vw,46px);letter-spacing:-1.6px}.hero-lead{font-size:14px;max-width:100%;line-height:1.75;margin:20px 0}.hero-small{margin-top:18px;font-size:10px;max-width:300px}.btn{padding:12px 15px;font-size:12px}.hero-actions{gap:8px}.route-list{grid-template-columns:1fr;padding-top:8px;padding-bottom:8px}.route-list a{border-right:0!important;border-bottom:1px solid var(--line);padding:11px 2px!important}.route-list a:last-child{border-bottom:0}.section{padding:54px 0}.section-top h2,.section-heading h2,.focus-layout h2,.learn-layout h2,.method-layout h2,.faq-intro h2{font-size:27px}.section-top{gap:15px}.section-top>p{font-size:13px}.broker-grid,.workflow-grid,.gallery-grid,.availability-grid,.method-checklist{grid-template-columns:1fr}.broker-card .broker-body{padding:20px}.gallery-item figcaption{display:flex}.footer-main{grid-template-columns:1fr 1fr;gap:20px}.footer-main>div:first-child{grid-column:span 2}.footer-bottom{flex-direction:column;gap:5px}.feature-table th,.feature-table td{padding:12px 11px;font-size:12px}.focus-media span{font-size:8px;letter-spacing:0}.faq-items summary{font-size:13px}.bo-lightbox{padding:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::after,*::before{transition:none!important}}
/* BrokerOption Premium v1.1.0 — unified dark interface, custom 3D integrated HERO */
:root{--navy:#061121;--navy2:#09182a;--ink:#ecf4ff;--muted:#a4b8d0;--blue:#278efa;--cyan:#64d6ff;--bg:#071322;--line:#24405f;--shadow:0 24px 50px #0004}
html{scroll-padding-top:165px}
body{background:#071322!important;color:#dce9fa!important;font:15px/1.7 'DM Sans',Arial,sans-serif}
body::selection{background:#197de2;color:#fff}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #67d6ff;outline-offset:3px}
.bo-container{max-width:1320px;padding-inline:30px}
.site-header{background:#061121;color:#f5f9ff;box-shadow:0 15px 60px #0004}
.site-header:before{content:'';position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,#41cbff5c,transparent)}
.topbar{height:77px;position:relative}.brand-word{font-size:24px}.brand-symbol{width:40px;height:40px;border-radius:10px;background:linear-gradient(145deg,#0d3e7c,#0989ff);border:1px solid #3f98f4;box-shadow:0 10px 28px #087dff22}.brand-word span{color:#4bbcff}.brand-word small{color:#577ca7}
.header-nav{gap:28px}.header-nav a{color:#c4d5e8;font-size:13px;font-weight:650}.header-nav a:hover{color:white}
.broker-rail{background:linear-gradient(180deg,#0b1c32,#091a30);border-top:1px solid #233957;border-bottom:1px solid #365579;box-shadow:inset 0 1px 0 #a8caff06,0 12px 45px #0005}
.broker-rail-frame{position:relative;padding-top:12px;padding-bottom:14px}
.broker-rail-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:9px}
.rail-label{color:#77ccff;font-size:10px;font-weight:800;letter-spacing:2.1px}
.rail-hint{font-size:9px;letter-spacing:1.3px;color:#6f87a7;font-weight:700}
.broker-rail-items{display:flex;gap:11px;align-items:stretch;overflow-x:auto;scrollbar-color:#34618f transparent;scrollbar-width:thin;padding:1px 1px 12px;scroll-snap-type:x proximity}
.broker-rail-tile{flex:0 0 126px;scroll-snap-align:start;min-width:0;border:1px solid #304b6a;background:linear-gradient(145deg,#152c49,#0c1f36);border-radius:11px;color:#dcecff;display:flex;flex-direction:column;gap:5px;padding:7px;box-shadow:inset 0 1px 0 #c4e0ff13,0 8px 18px #0004;position:relative;text-decoration:none;transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease}
.broker-rail-tile:before{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #54bcff00;pointer-events:none;transition:box-shadow .2s}
.broker-rail-tile:hover,.broker-rail-tile:focus-visible{transform:translateY(-2px);background:#152d4a;border-color:#4b9deb;box-shadow:0 10px 26px #0007}
.broker-rail-tile:hover:before{box-shadow:inset 0 0 0 1px #60c7ff44}
.rail-thumb{display:block;height:55px;width:100%;background:#03101c;border-radius:6px;border:1px solid #254565;overflow:hidden}
.rail-thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.86) contrast(1.05);transition:filter .2s}
.broker-rail-tile:hover img{filter:saturate(1.2) contrast(1.07)}
.rail-name{font-weight:800;text-align:center;font-size:11px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hero{min-height:635px;isolation:isolate;color:#fff;background-color:#051021!important;background-image:linear-gradient(90deg,#051020 0%,#051020eb 21%,#051020ba 38%,#0510204a 62%,#05102012 100%),url('../img/hero-brokeroption.webp')!important;background-position:center center!important;background-size:cover!important}
.hero:before{content:'';position:absolute;inset:auto 0 0;height:32%;background:linear-gradient(0deg,#071322 1%,#071322d6 16%,transparent 100%);z-index:0;pointer-events:none}
.hero:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 34% 31%,#004a8d19,transparent 40%);height:auto;pointer-events:none}
.hero-content{min-height:635px;display:flex;align-items:center;position:relative;z-index:3}
.hero-copy{width:min(590px,52%);padding:49px 0 70px}
.eyebrow{font-size:10px;font-weight:800;letter-spacing:2.2px;color:#80d5ff;margin-bottom:24px}
.hero h1{font:800 clamp(37px,3.75vw,58px)/1.12 Manrope,Arial,sans-serif;letter-spacing:-2.7px;text-shadow:0 5px 23px #0008;max-width:620px}
.hero h1 em{display:block;color:#59beff;font-style:normal;letter-spacing:-2.9px}
.hero-lead{font-size:16px;line-height:1.75;max-width:530px;color:#ccdef0;margin-top:23px;margin-bottom:29px;text-shadow:0 2px 8px #0007}
.hero-actions{gap:13px}.btn{border-radius:9px;letter-spacing:.05px;font-size:13px;box-shadow:none;transition:transform .2s,filter .2s,border-color .2s,box-shadow .2s;min-height:47px}
.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(130deg,#249aff,#0767e9);box-shadow:0 10px 28px #0271ec53;border:1px solid #69c3ff73}.btn-primary:hover{box-shadow:0 14px 34px #0271ed66;filter:brightness(1.07)}
.btn-outline{border:1px solid #79a4c586;background:#061324b0;backdrop-filter:blur(10px);color:#eef7ff}.btn-outline:hover{border-color:#91d9ff;background:#0e2a49}
.hero-small{color:#9bb3cd;font-size:10px;line-height:1.55;margin:20px 0}
.hero-evidence{display:flex;flex-wrap:wrap;gap:14px 17px;margin-top:34px;padding-top:17px;border-top:1px solid #6993b633;max-width:590px}.hero-evidence span{display:inline-flex;align-items:center;gap:8px;font-size:10px;color:#bdd3ea;font-weight:700}.hero-evidence b{color:#46bcff;font-size:17px}
.route-strip{position:relative;background:linear-gradient(180deg,#071322,#0a192b)!important;border:0!important;box-shadow:none;padding-bottom:15px;margin-top:-1px}
.route-strip:before{content:'';position:absolute;left:50%;top:0;width:min(90%,980px);transform:translateX(-50%);height:1px;background:linear-gradient(90deg,transparent,#1a90de65,transparent)}
.route-list{padding-top:16px;padding-bottom:15px;gap:13px}
.route-list a{background:linear-gradient(150deg,#122b47bb,#091b30ee);border:1px solid #284561!important;border-radius:12px;padding:15px 17px!important;grid-template-columns:32px 1fr 13px;box-shadow:inset 0 1px 0 #d6efff0a;transition:background .2s,transform .2s,border-color .2s}
.route-list a:hover{background:#172f4d;transform:translateY(-2px);border-color:#4384b5!important}.route-list strong{color:#f1f7ff;font-size:12px}.route-list small{color:#91adc9}.route-num{color:#5bbfff;font-size:12px}.route-list a>span:last-child{color:#69bcfa}
.section{padding:82px 0;scroll-margin-top:125px;position:relative;overflow:hidden}
.section:before{content:'';position:absolute;top:0;left:5%;right:5%;height:1px;background:linear-gradient(90deg,transparent,#304d6a70,transparent)}
.broker-section{background:linear-gradient(180deg,#0a192b 0%,#091629 85%,#081729 100%)!important}
.section-soft{background:#0c1b30!important}.account-section{background:linear-gradient(160deg,#081426,#0a1930)!important}
.screenshots-section{background:linear-gradient(165deg,#08192d,#081324 85%)!important}
.focus-section{background:linear-gradient(140deg,#0a192d,#091529)!important}
.learn-section{background:#081629!important}.method-section{background:#09192c!important}.faq-section{background:linear-gradient(155deg,#0a1b31,#061426)!important}
.section-top h2,.section-heading h2,.focus-layout h2,.learn-layout h2,.method-layout h2,.faq-intro h2{color:#f1f7ff!important;letter-spacing:-1.4px}
.section-top>p,.section-heading p,.focus-copy p,.learn-layout p,.method-layout p,.faq-intro p{color:#9bb1c9!important}
.kicker{color:#5fc5ff!important;font-weight:850;font-size:10px;letter-spacing:2px}
.broker-grid{gap:18px}
.broker-card{border:1px solid #274660;background:linear-gradient(155deg,#122b48,#0b1d33 67%,#0a192d);border-radius:15px;box-shadow:inset 0 1px 0 #d0eaff10,0 10px 25px #0004;overflow:hidden;position:relative;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.broker-card:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(130deg,#98d6ff09,transparent 32%,transparent 65%,#1c8fff05)}
.broker-card:hover{transform:translateY(-3px);border-color:#4c85b7;box-shadow:inset 0 1px 0 #c6e9ff18,0 19px 40px #0006}
.broker-card-top{display:flex;align-items:center;gap:10px;padding:15px 16px 13px;color:#f2f8ff}
.broker-card-top strong{font-size:14px;font-weight:800;white-space:nowrap}
.broker-photo-label{font-size:9px;letter-spacing:1px;color:#78acd2;font-weight:800;margin-left:auto;text-align:right}
.broker-monogram{display:grid;place-items:center;width:31px;height:31px;flex:none;background:linear-gradient(145deg,#114b91,#183362);border:1px solid #3973ae;border-radius:8px;color:#a9e6ff;font:800 17px Manrope,sans-serif;box-shadow:0 2px 9px #0005}
.broker-quotex{background:linear-gradient(135deg,#8f204d,#351837);border-color:#e85890}.broker-binolla{background:linear-gradient(135deg,#216deb,#193176)}.broker-exnova{background:linear-gradient(135deg,#055984,#192d59)}.broker-binarium{background:linear-gradient(135deg,#008d78,#084f49);border-color:#38c3a0}.broker-olymp-trade{background:linear-gradient(135deg,#268662,#194d4b)}.broker-iq-option{background:linear-gradient(135deg,#e37824,#7f301b)}.broker-1trade{background:linear-gradient(135deg,#e84949,#4f2435)}.broker-binodex{background:linear-gradient(135deg,#2b92d5,#135b89)}
.broker-media{aspect-ratio:16/8.45;background:#020a14;margin:0 13px;border-radius:9px;border:1px solid #28435c;box-shadow:0 6px 20px #0006}
.broker-media img{object-fit:cover;object-position:center;transition:filter .25s ease,transform .35s ease;filter:saturate(.9)}.broker-card:hover .broker-media img{transform:scale(1.015);filter:saturate(1.12)}
.image-zoom{bottom:8px;right:8px;background:#05152ccf;border:1px solid #5590ba75;color:#eafaff;font-size:10px}
.broker-body{padding:15px 17px 17px}
.broker-heading h3{font-size:17px;color:#f4f8ff}.mode-tag{background:#143753;color:#8bd7ff;border:1px solid #306b96;font-size:10px}
.broker-body>p{color:#a9bbd0;font-size:12.5px;line-height:1.7;margin:10px 0 17px}
.broker-foot{border-color:#2b4560}.broker-foot>span{color:#8ba7c1}.broker-foot a{color:#64c5ff}.broker-foot a:hover{color:#a9e6ff}
.directory-note{background:#0c2843;border:1px solid #254e77;border-left:3px solid #3ca9ec;color:#a6c1d8;border-radius:5px;padding:15px 18px;font-size:12px}.directory-note strong{color:#dceeff}
.section-top{gap:48px}
.table-scroll{background:#0b1c31;border:1px solid #294866;box-shadow:0 20px 50px #0003;border-radius:14px}.feature-table thead{background:#122c49}.feature-table th,.feature-table td{border-bottom:1px solid #203b56;color:#b9cee4}.feature-table thead th{color:#c5e9ff}.feature-table tbody tr:hover{background:#122c47}.feature-table tbody th a{color:#e4f4ff}.proof-link{color:#65c9ff}.table-pending{color:#6f91ad}.fine-print{color:#8ba4be}
.workflow-grid{gap:20px}.workflow,.availability-grid>div{background:linear-gradient(150deg,#142c49,#0b2037);border:1px solid #2b4864;box-shadow:inset 0 1px 0 #c9f0ff0d,0 10px 24px #0002;color:#e8f4ff;border-radius:14px}
.workflow{padding:26px;transition:background .2s,border-color .2s}.workflow:hover{background:#172d49;border-color:#3a78ac}.workflow-n{color:#64caff}.workflow-icon{background:linear-gradient(135deg,#153c63,#0a2b51);color:#85d4ff;border:1px solid #35648f;box-shadow:inset 0 1px 0 #fff2}.workflow h3{color:#f2f7ff}.workflow p,.availability-grid p{color:#a4b9d1}.workflow a{color:#73cdff}.notice-line{background:#0b2846;color:#a3c8e7;border:1px solid #2b5a80}
.gallery-grid{gap:17px}.gallery-item{background:linear-gradient(145deg,#112943,#0b1f36);border:1px solid #2a4b6d;border-radius:12px;box-shadow:0 12px 32px #0003;transition:border-color .2s,transform .2s}.gallery-item:hover{border-color:#4696c3;transform:translateY(-2px)}.gallery-item a{margin:8px 8px 0;border-radius:7px;overflow:hidden;aspect-ratio:16/8.7}.gallery-item img{object-fit:cover}.gallery-item figcaption{padding:13px 15px}.gallery-item strong{color:#e9f5ff}.gallery-item figcaption span{color:#91acc8}
.focus-layout{gap:65px}.focus-media{background:#031324;border:1px solid #2b5375;box-shadow:0 20px 60px #0008;transform:perspective(1200px) rotateY(-2deg)}.focus-media:before{content:'';position:absolute;inset:0;border:1px solid #86d7ff16;border-radius:inherit;pointer-events:none;z-index:2}.focus-media span{color:#b5dff8}
.learn-highlights{border-color:#234c75}.learn-highlights span{color:#69c9ff}.learn-highlights strong{color:#e7f4ff}.learn-highlights p{color:#96adc3}.availability-grid{gap:19px}.availability-grid b{color:#edf7ff}
.method-checklist>div{background:linear-gradient(145deg,#112b48,#0b2035);border:1px solid #2b4b6b;box-shadow:inset 0 1px 0 #fff1}.method-checklist strong{color:#f2f8ff}.method-checklist small{color:#9ab4cd}.method-checklist>div>span{color:#65d5ff}
.faq-items details{background:#0f2742;border:1px solid #294d6c;color:#ecf5ff}.faq-items details[open]{border-color:#4281ac;background:#142d49}.faq-items summary::after{color:#6dc8fa}.faq-items details p{border-color:#274b6a;color:#a9bfd5}
.site-footer{background:#050e1d;border-top:1px solid #1d3d5d}.footer-main strong{color:#e9f4ff}.footer-main a:not(.footer-brand){color:#9db5cd}.footer-bottom{border-color:#1b3754}
.bo-prose{max-width:990px;padding-block:30px}.bo-prose h1,.bo-prose h2{color:#f4f9ff}.bo-prose p,.bo-prose li{color:#abbfd4}.bo-prose a{color:#68c7ff}.archive-entry{border-color:#2a4766}.archive-entry p{color:#a5bbd3}
/* steady, restrained hover interaction; avoid motion overload */
@media(max-width:1140px){.hero-copy{width:min(580px,59%)}.broker-rail-tile{flex-basis:123px}.broker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.bo-container{padding-inline:22px}.header-nav{background:#0a1d33;border:1px solid #2a5177}.broker-rail-frame{padding-top:10px;padding-bottom:7px}.broker-rail-tile{flex-basis:119px}.rail-thumb{height:48px}.hero{min-height:600px;background-image:linear-gradient(90deg,#051021 0%,#051021eb 38%,#05102193 67%,#05102140 100%),url('../img/hero-brokeroption.webp')!important;background-position:62% center!important}.hero-content{min-height:600px}.hero-copy{width:min(560px,76%)}.hero h1{font-size:42px;letter-spacing:-2px}.hero h1 em{letter-spacing:-2px}.route-list{grid-template-columns:repeat(2,1fr)}.route-list a{border:1px solid #284561!important}.section{padding:68px 0}.focus-layout,.learn-layout,.method-layout,.faq-layout,.section-top{grid-template-columns:1fr;gap:28px}.method-checklist{grid-template-columns:repeat(2,minmax(0,1fr))}.focus-media{transform:none}}
@media(max-width:600px){.bo-container{padding-inline:17px}.topbar{height:66px}.broker-rail-heading{margin-bottom:7px}.rail-hint{font-size:8px}.broker-rail-tile{flex-basis:107px;padding:6px}.rail-thumb{height:44px}.rail-name{font-size:10px}.hero{min-height:655px;background-image:linear-gradient(180deg,#051021fc 0%,#051021e8 35%,#05102195 65%,#071322 100%),url('../img/hero-brokeroption.webp')!important;background-position:68% bottom!important;background-size:auto 100%!important}.hero-content{min-height:655px;align-items:flex-start}.hero-copy{padding:51px 0 38px;width:100%}.hero h1{font-size:clamp(34px,9vw,45px);line-height:1.12;letter-spacing:-1.7px;text-wrap:wrap}.hero h1 em{letter-spacing:-1.8px}.hero-lead{font-size:13px;max-width:96%;margin:20px 0}.hero-small{font-size:10px;margin:17px 0}.hero-evidence{margin-top:23px;gap:10px}.hero-evidence span{font-size:9px}.hero-evidence b{font-size:13px}.route-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:7px;padding-bottom:13px}.route-list a{padding:10px!important;grid-template-columns:22px 1fr 8px;gap:0 4px}.route-num{font-size:10px}.route-list strong{font-size:10px}.route-list small{font-size:9px}.section{padding:56px 0}.section-top h2,.section-heading h2,.focus-layout h2,.learn-layout h2,.method-layout h2,.faq-intro h2{font-size:27px}.broker-grid,.gallery-grid,.workflow-grid,.availability-grid,.method-checklist{grid-template-columns:1fr}.broker-photo-label{font-size:8px}.gallery-item figcaption{display:flex}.footer-bottom{flex-direction:column}.btn{font-size:12px;padding:11px 13px;min-height:43px}.method-checklist{gap:10px}}
@media(prefers-reduced-motion:reduce){.broker-rail-tile,.broker-card,.gallery-item,.workflow,.route-list a,.btn,.broker-media img{transition:none!important;transform:none!important}}


/* ===== v1.2: ORIGINAL BROKER MINI-COVERS + REFINED NAVIGATION ===== */
.bo-rail-container{max-width:1512px;padding-inline:24px;margin-inline:auto}
.broker-rail{background:linear-gradient(180deg,#091729 0%,#0a1d31 100%);border-bottom:1px solid #285078;box-shadow:0 9px 28px #0005,inset 0 1px #bfe9ff0a}
.broker-rail-frame{display:none}
.broker-rail-heading{display:flex;align-items:center;justify-content:space-between;min-height:32px;gap:16px;margin:0 0 8px}
.broker-rail-tools{display:flex;align-items:center;gap:8px}
.rail-orbit{display:inline-block;font-size:13px;line-height:1;color:#5cbcff;margin-right:6px}
.rail-hint{font-size:9px;letter-spacing:1.3px;color:#83a1c2}
.rail-control{display:inline-grid;place-items:center;width:28px;height:28px;border:1px solid #396083;color:#bbdef4;background:#132b45;border-radius:7px;line-height:1;font-size:21px;cursor:pointer;transition:background .2s,border-color .2s}
.rail-control:hover{background:#1b4164;border-color:#65c5f9}
.broker-rail-items{display:flex;gap:9px;align-items:stretch;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#2d5a83 #081b30;padding:1px 2px 12px}
.broker-rail-tile{--accent:#3899eb;flex:0 0 145px;scroll-snap-align:start;min-width:0;min-height:135px;display:flex;flex-direction:column;position:relative;text-decoration:none;overflow:hidden;border:1px solid #345475!important;border-radius:12px;background:linear-gradient(170deg,#122943,#0a1a2c)!important;padding:5px!important;gap:0!important;box-shadow:inset 0 1px #d7edff12,0 6px 15px #0004!important;transform:none!important;transition:border-color .2s,box-shadow .2s!important}
.broker-rail-tile::before{content:'';position:absolute;inset:auto 0 0;height:47%;background:radial-gradient(ellipse at 50% 100%,var(--accent),transparent 80%);opacity:.11;pointer-events:none}
.broker-rail-tile:hover,.broker-rail-tile:focus-visible{border-color:var(--accent)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 30%, transparent),0 10px 21px #0006,inset 0 1px #bceaff17!important}
.rail-pocket-option{--accent:#8875fc}.rail-quotex{--accent:#26d8a5}.rail-binolla{--accent:#43a0ff}.rail-exnova{--accent:#63d3ff}.rail-binarium{--accent:#e8aa4b}.rail-olymp-trade{--accent:#2edca7}.rail-iq-option{--accent:#c684ef}.rail-1trade{--accent:#ff6075}.rail-binodex{--accent:#56b0ff}
.rail-thumb{display:block;height:80px;width:100%;overflow:hidden;border-radius:8px;border:1px solid #386088;background:#061322;position:relative}
.rail-thumb:after{content:'';position:absolute;inset:auto 0 0;height:37%;background:linear-gradient(0deg,#07192c80,transparent);pointer-events:none}
.rail-thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.98) contrast(1.03)!important;transform:scale(1);transition:transform .35s cubic-bezier(.22,.8,.28,1),filter .35s}
.broker-rail-tile:hover .rail-thumb img{transform:scale(1.055);filter:saturate(1.08) contrast(1.06)!important}
.rail-title{width:100%;display:flex;align-items:center;justify-content:space-between;gap:2px;padding:8px 5px 0;position:relative}
.rail-name{font:800 11.5px/1.15 Manrope,Arial,sans-serif;color:#f3f8ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}
.rail-arrow{font-size:14px;line-height:1;color:#83aace;flex:none;transition:transform .2s,color .2s}.broker-rail-tile:hover .rail-arrow{color:#e5f9ff;transform:translate(1px,-1px)}
.rail-subtitle{padding:3px 5px 5px;color:#8caac7;font-size:9.5px;line-height:1.15;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative}
/* The entire first screen remains one continuous dark surface. */
.hero{border-top:0!important}.hero:before{height:38%;background:linear-gradient(0deg,#071322 0%,#071322c9 14%,transparent 100%)}
.route-strip{margin-top:-2px!important}
.broker-card:hover{transform:translateY(-2px)!important}
.broker-card:hover .broker-media img{transform:scale(1.01)!important}
.workflow:hover,.gallery-item:hover{transform:none!important}
@media (min-width:1560px){.bo-rail-container{max-width:1540px}.broker-rail-tile{flex-basis:155px}.rail-thumb{height:84px}}
@media (max-width:1000px){.bo-rail-container{padding-inline:18px}.broker-rail-tile{flex-basis:146px}}
@media (max-width:700px){.bo-rail-container{padding-inline:12px}.broker-rail{padding-top:2px}.rail-label{font-size:10px;letter-spacing:1.4px}.rail-hint{display:none}.broker-rail-heading{margin:0 0 7px}.broker-rail-tile{flex-basis:139px;min-height:125px}.rail-thumb{height:73px}.rail-name{font-size:10.5px}.rail-subtitle{font-size:9px}.rail-control{width:26px;height:26px}}
@media(prefers-reduced-motion:reduce){.rail-thumb img,.rail-arrow,.rail-control,.broker-rail-tile{transition:none!important}}