.hero-brokers{--hero-gold:#e8ba58;--hero-soft-gold:rgba(232,186,88,.1)}
.hero-page-heading{align-items:center;margin-bottom:18px}.hero-page-heading h1{font-size:29px;letter-spacing:-.7px}.hero-page-heading p{max-width:65ch;line-height:1.7}.hero-reviewed{display:flex;align-items:center;gap:7px;flex-shrink:0;font-size:11px;color:var(--muted);padding:8px 11px;border:1px solid var(--line);border-radius:24px;background:var(--panel)}.hero-reviewed-dot{width:6px;height:6px;border-radius:50%;background:var(--green)}
.hero-context{display:flex;align-items:center;gap:13px;border:1px solid var(--line);border-radius:12px;padding:15px 18px;background:var(--panel);margin-bottom:20px}.hero-context-icon{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:rgba(117,98,233,.13);color:var(--accent2);font-size:23px}.hero-context strong{font-size:12px}.hero-context p{font-size:11px;line-height:1.65;margin:3px 0 0;color:var(--muted)}.hero-context-count{margin-left:auto;padding:5px 9px;flex-shrink:0;white-space:nowrap;font-size:10px;font-weight:700;background:var(--panel3);border-radius:16px;color:var(--muted)}
.hero-brokers-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.hero-broker-card{min-width:0;border:1px solid var(--line);border-radius:16px;background:var(--panel);overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,.08)}.hero-broker-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:23px 22px 0}.hero-brand{display:flex;align-items:center;gap:14px;min-width:0}.hero-logo-tile{flex:none;display:grid;place-items:center;width:80px;height:72px;border:1px solid rgba(255,255,255,.15);background:#fff;border-radius:12px;overflow:hidden}.hero-logo-tile img{width:80px;height:64px;object-fit:contain;padding:5px}.hero-card-kicker{font-size:8px;letter-spacing:1.3px;color:var(--muted2);margin:0 0 4px;font-weight:700}.hero-brand h2{font:800 24px Manrope,system-ui,sans-serif;letter-spacing:-.6px;line-height:1.2;margin:0 0 5px;color:var(--text)}.hero-brand-caption{font-size:10px;line-height:1.5;color:var(--muted)}
.hero-rating{flex:none;min-width:113px;text-align:right}.hero-rating-provider{font-size:10px;font-weight:700;color:var(--muted)}.hero-rating>div:not(.hero-rating-track){display:flex;align-items:baseline;justify-content:flex-end;gap:4px;margin:0 0 3px}.hero-rating strong{font:800 34px Manrope,system-ui,sans-serif;letter-spacing:-1.2px;color:var(--hero-gold);line-height:1.3;font-variant-numeric:tabular-nums}.hero-rating>div>span{font-size:11px;color:var(--muted2)}.hero-rating-track{height:4px;margin:1px 0 5px;border-radius:4px;background:var(--panel3);overflow:hidden}.hero-rating-track i{height:100%;display:block;border-radius:4px;background:linear-gradient(90deg,#c6993f,#efd08b)}.hero-rating small{font-size:8px;color:var(--muted2)}
.hero-broker-summary{font-size:12px;line-height:1.85;color:var(--muted);margin:20px 22px}.hero-regulation{border-top:1px solid var(--line);padding:17px 22px 0}.hero-section-label{display:block;font-size:10px;color:var(--muted2);font-weight:700;margin-bottom:9px}.hero-regulation>div{display:flex;flex-wrap:wrap;gap:6px}.hero-regulation-tag{display:inline-flex;padding:5px 8px;border:1px solid rgba(66,201,154,.2);background:rgba(66,201,154,.07);border-radius:6px;color:var(--green);font-size:10px;font-weight:700}.hero-regulation p{font-size:10px;line-height:1.75;margin:9px 0 0;color:var(--muted)}.hero-broker-facts{margin:17px 22px;padding:13px 14px;background:var(--panel2);border:1px solid var(--line);border-radius:10px;display:grid;gap:10px}.hero-broker-facts>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;font-size:10px;line-height:1.6}.hero-broker-facts dt{color:var(--muted);flex-shrink:0}.hero-broker-facts dd{font-weight:600;color:var(--text);text-align:right;margin:0;overflow-wrap:anywhere}
.hero-review-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 22px 22px}.hero-review-columns h3{font:700 11px Manrope,system-ui,sans-serif;margin:0 0 12px}.hero-review-list{padding:0;margin:0;list-style:none;display:grid;gap:11px}.hero-review-list li{display:flex;align-items:flex-start;gap:7px;line-height:1.8;color:var(--muted);font-size:10px}.hero-review-list li>span:first-child{width:14px;height:14px;margin-top:2px;display:grid;place-items:center;flex:none;border-radius:50%;font-size:8px;font-weight:800}.hero-review-strength li>span:first-child{background:rgba(66,201,154,.13);color:var(--green)}.hero-review-caution li>span:first-child{background:var(--hero-soft-gold);color:var(--hero-gold)}
.hero-source-details{border-top:1px solid var(--line);background:var(--panel2)}.hero-source-details summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:13px 22px;font-size:10px;font-weight:600;color:var(--muted);list-style:none}.hero-source-details summary::-webkit-details-marker{display:none}.hero-source-details summary>span{transition:transform .2s;font-size:15px}.hero-source-details[open] summary>span{transform:rotate(180deg)}.hero-source-details>div{padding:0 22px 14px}.hero-source-details p{font-size:10px;line-height:1.8;color:var(--muted);margin:0 0 7px}.hero-source-details ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:7px;font-size:10px;color:var(--muted)}.hero-source-details a{color:var(--accent2);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.hero-source-details summary:focus-visible{outline:2px solid var(--accent2);outline-offset:-4px;border-radius:6px}.hero-method-note{font-size:10px;line-height:1.9;color:var(--muted);margin:18px 0 0;padding:0 2px;max-width:110ch}.hero-empty{grid-column:1/-1;text-align:center;color:var(--muted);padding:35px 20px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.hero-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.light-mode .hero-brokers{--hero-gold:#a97411;--hero-soft-gold:rgba(169,116,17,.09)}.light-mode .hero-regulation-tag{color:#227557;border-color:rgba(34,117,87,.2);background:#edf9f3}.light-mode .hero-review-strength li>span:first-child{color:#227557;background:#e2f5ec}.light-mode .hero-broker-card{box-shadow:0 8px 25px rgba(20,40,60,.035)}
@media(min-width:861px) and (max-width:1190px){.hero-brokers-grid{grid-template-columns:1fr}.hero-review-columns{gap:30px}}
@media(max-width:760px){.hero-brokers-grid{grid-template-columns:1fr;gap:16px}.hero-page-heading{display:block}.hero-reviewed{display:inline-flex;margin-top:13px}.hero-context{padding:13px;gap:10px}.hero-context-icon{width:30px;height:30px}.hero-context strong{font-size:11px}.hero-context-count{display:none}}
@media(max-width:440px){.hero-broker-head{padding:18px 16px 0;gap:10px}.hero-logo-tile{width:63px;height:62px;border-radius:10px}.hero-logo-tile img{width:63px;height:55px;padding:4px}.hero-brand{gap:10px}.hero-brand h2{font-size:22px}.hero-brand-caption{font-size:9px}.hero-rating{min-width:98px}.hero-rating strong{font-size:30px}.hero-rating-provider{font-size:9px}.hero-rating small{font-size:7px}.hero-broker-summary{margin:17px 16px;font-size:11px}.hero-regulation{padding:15px 16px 0}.hero-broker-facts{margin:15px 16px}.hero-review-columns{grid-template-columns:1fr;margin:18px 16px;gap:21px}.hero-review-list{gap:8px}.hero-source-details summary{padding:13px 16px}.hero-source-details>div{padding:0 16px 14px}.hero-page-heading h1{font-size:26px}}
@media(prefers-reduced-motion:reduce){.hero-source-details summary>span{transition:none}}

/* Keep the sourced comparison readable at phone and desktop sizes. */
.hero-broker-summary{font-size:14px;line-height:1.75}.hero-section-label,.hero-regulation-tag{font-size:11px}.hero-regulation p{font-size:12px;line-height:1.7}.hero-broker-facts>div{font-size:12px}.hero-review-columns h3{font-size:13px}.hero-review-list li{font-size:12px;line-height:1.7}.hero-source-details summary{font-size:12px;min-height:44px}.hero-source-details p,.hero-source-details ul,.hero-method-note{font-size:11px;line-height:1.75}.hero-rating small{font-size:10px}.hero-context p{font-size:12px}.hero-reviewed{font-size:12px}
@media(max-width:440px){.hero-broker-summary{font-size:13px}.hero-regulation p,.hero-broker-facts>div,.hero-review-list li{font-size:12px}.hero-rating small{font-size:9px}}