.heroart{width:100%;margin-top:30px;border-radius:18px;overflow:hidden;display:block;box-shadow:0 26px 54px -32px rgba(11,27,51,.5);border:1px solid var(--line)}
.heroart svg{display:block;width:100%;height:auto}
.tradebar{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}
.tradebar a{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 13px;font-size:13.5px;font-weight:500;color:#33425c;transition:.15s}
.tradebar a:hover{border-color:var(--blue);color:var(--blue)}
.tradebar a svg{width:15px;height:15px;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.tradebar a.cur{background:var(--blue);border-color:var(--blue);color:#fff}
.tradebar a.cur svg{stroke:#fff}
/* trade selector hub */
.hubgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px}
.hubcard{position:relative;border:1px solid var(--line);border-radius:16px;padding:20px 18px;background:#fff;display:flex;flex-direction:column;gap:12px;transition:.16s;overflow:hidden}
.hubcard:hover{border-color:#c9d6ea;box-shadow:0 16px 34px -22px rgba(11,27,51,.34);transform:translateY(-3px)}
.hubcard .htile{width:50px;height:50px;border-radius:13px;display:flex;align-items:center;justify-content:center}
.hubcard .htile svg{width:28px;height:28px;fill:none;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}
.hubcard h3{font-size:16px;font-weight:600;letter-spacing:-.2px}
.hubcard p{margin:0;font-size:13px;color:var(--muted);line-height:1.45}
.hubcard .go{margin-top:auto;font-size:13px;font-weight:600;color:var(--blue);display:inline-flex;align-items:center;gap:5px}
.hubcard .go svg{width:15px;height:15px;stroke:var(--blue);stroke-width:2;fill:none}
.hubcard:hover .go svg{transform:translateX(3px);transition:.16s}
.hubcard::after{content:"";position:absolute;inset:0;border-radius:16px;pointer-events:none;box-shadow:inset 0 0 0 0 transparent}
@media(max-width:980px){.hubgrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.hubgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:440px){.hubgrid{grid-template-columns:1fr}}