/* Home broker hub (2026-10-15 merge): Vantage (green) · XM (black) · compare */
.hub.hub2{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:stretch}
.hub2-c{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:16px;min-width:0;height:100%;box-sizing:border-box}
.hub2-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.hub2-logo{display:inline-flex;align-items:center;height:40px;padding:0 14px;border-radius:999px}
.hub2-logo img{height:22px;width:auto;display:block}
.hub2-badge{font-size:11px;font-weight:800;padding:4px 10px;border-radius:12px;line-height:1.35;text-align:center;word-break:keep-all;overflow-wrap:anywhere;min-width:0;max-width:62%}
.hub2-top{align-items:center}.hub2-logo{flex:none}
.hub2-title{text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:3px}
.hub2-title b{font-size:16.5px;font-weight:800;letter-spacing:-.03em;margin:0}
.hub2-title span{font-size:12.5px;opacity:.8}
.hub2-checks{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:13px;line-height:1.45}
.hub2-checks li{position:relative;padding-left:20px}
.hub2-checks li::before{content:'';position:absolute;left:2px;top:.32em;width:12px;height:12px;border-radius:50%;background:currentColor;opacity:.18}
.hub2-checks li::after{content:'';position:absolute;left:5.5px;top:.55em;width:5px;height:3px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg)}
.hub2-act{display:grid;grid-template-columns:1.4fr 1fr;gap:8px;margin-top:auto}
.hub2-act a{display:flex;align-items:center;justify-content:center;min-height:42px;border-radius:12px;font-size:13.5px;font-weight:800;text-decoration:none;text-align:center;padding:0 8px}
.hub2-c .hub-go{margin:0;padding:0;font-size:13px;font-weight:700;text-decoration:none}
/* Vantage */
.hub2-vantage{background:linear-gradient(160deg,#0f7d60,#0b6b52 55%,#08533f);color:#eafff7;border:0;box-shadow:0 12px 28px -18px rgba(8,83,63,.9)}
.hub2-vantage .hub2-logo{background:#fff}
.hub2-vantage .hub2-badge{background:rgba(255,255,255,.16);color:#fff}
.hub2-vantage .hub2-title b{color:#fff}
.hub2-vantage .hub2-join{background:#fff;color:#0b6b52}
.hub2-vantage .hub2-ask{background:rgba(255,255,255,.12);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.hub2-vantage .hub-go{color:#bff3e1}
/* XM: black theme, white/gold text */
.hub2-xm{background:linear-gradient(160deg,#141414,#000 60%);color:#f1e3c2;border:0;box-shadow:0 12px 28px -18px rgba(0,0,0,.95),inset 0 0 0 1px rgba(201,162,74,.35)}
.hub2-xm .hub2-logo{background:#000;box-shadow:inset 0 0 0 1px rgba(201,162,74,.5)}
.hub2-xm .hub2-badge{background:rgba(201,162,74,.18);color:#e9c873}
.hub2-xm .hub2-title b{color:#fff}
.hub2-xm .hub2-checks{color:#f1e3c2}
.hub2-xm .hub2-join{background:#fff;color:#000}
.hub2-xm .hub2-ask{background:#000;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}
.hub2-xm .hub-go{color:#e9c873}
/* compare card */
.hub2-cmp{background:#fff;border:1px solid var(--line-2,#e5e8eb);border-top:3px solid #3182f6;color:inherit;text-decoration:none}
.hub2-cmp .hub-ic{align-self:flex-start}
.hub2-cmp .hub-go{margin-top:auto;color:#3182f6}
.hub2-c:hover{transform:none}
@media (max-width:960px){.hub.hub2{grid-template-columns:1fr 1fr}.hub2-cmp{grid-column:1/-1}}
@media (max-width:640px){.hub.hub2{grid-template-columns:1fr;gap:10px}.hub2-c{padding:16px}}
@media (max-width:640px){.hub2-badge{font-size:10.5px;padding:4px 8px}}