/* Homepage navigation: preserve the original scale and animate the icons only. */
#explore.hub--refined{--hc-text:#e2e2e2;--hc-muted:#a1a1a5;--hc-line:#ffffff10;--hc-accent:#d4b27a;max-width:1180px;margin:0 auto;padding:16px 24px 24px}
#explore.hub--refined .hub-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
#explore.hub--refined .hub-card{position:relative;display:flex;flex-direction:column;grid-column:auto;grid-row:auto;min-width:0;min-height:210px;padding:17px 16px 14px;border:1px solid var(--hc-line);border-radius:0;background:linear-gradient(145deg,#111113,#09090b 70%);color:var(--hc-text);overflow:hidden;text-decoration:none;box-shadow:none;transform:none;animation:none;transition:border-color .2s ease,background-color .2s ease}
#explore.hub--refined .hub-card::before,#explore.hub--refined .hub-card::after{content:none;animation:none;box-shadow:none;will-change:auto}
#explore.hub--refined .hub-card:hover{border-color:#d4b27a45;transform:none;box-shadow:none}
#explore.hub--refined .hub-card:focus-visible{outline:2px solid var(--hc-accent);outline-offset:3px}
#explore.hub--refined .hub-card .icon{display:flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;margin:0 0 15px;padding:0;border:1px solid #d4b27a20;background:#d4b27a06;color:var(--hc-accent)}
#explore.hub--refined .hub-card .icon svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;animation:hc-icon-arrive .55s ease both}
#explore.hub--refined .hub-card h3{margin:0 0 8px;padding:0;min-width:0;font:600 17px/1.25 var(--font-display,ui-monospace,monospace);letter-spacing:-.02em;color:var(--hc-text)}
#explore.hub--refined .hub-card .hub-card__detail{display:block;flex:1;min-width:0;margin:0!important;color:var(--hc-muted)!important;font:400 12.5px/1.55 var(--font-body,Arial,sans-serif)!important;overflow:visible;-webkit-line-clamp:unset}
#explore.hub--refined .hub-card .card-foot{display:flex;align-items:center;justify-content:space-between;flex:none;gap:8px;min-height:27px;margin:14px 0 0;padding:10px 0 0;border-top:1px solid var(--hc-line);background:none}
#explore.hub--refined .hub-card .meta{display:inline;color:#b5b5ba;font:10px/1.4 var(--font-mono,ui-monospace,monospace);letter-spacing:.02em}
#explore.hub--refined .hub-card .arrow{display:inline;color:var(--hc-accent);font-size:15px;transform:none;transition:transform .2s ease}
#explore.hub--refined .hub-card:hover .arrow{transform:translateX(2px)}
#explore.hub--refined .hub-card--featured{border-color:#d4b27a28;background:linear-gradient(145deg,#151311,#09090b 70%)}
#explore.hub--refined .hub-card__badge{position:absolute;display:flex;align-items:center;gap:5px;top:18px;right:16px;padding:4px 0;border:0;background:none;color:#8fba9b;font:9px/1.3 var(--font-mono,ui-monospace,monospace);letter-spacing:.04em;text-transform:uppercase}
#explore.hub--refined .hub-card__badge .dot{width:4px;height:4px;border-radius:0;background:#8fba9b;box-shadow:none;animation:none}
@media(hover:hover){
 #explore.hub--refined .hub-card--learn:hover .hc-pages{animation:hc-pages .8s ease}
 #explore.hub--refined .hub-card--featured:hover .hc-candle-a{animation:hc-candle .8s ease}
 #explore.hub--refined .hub-card--featured:hover .hc-candle-b{animation:hc-candle .8s ease reverse}
 #explore.hub--refined .hub-card--markets:hover .hc-market-bars{animation:hc-candle .8s ease}
 #explore.hub--refined .hub-card--exchanges:hover .hc-route-a{animation:hc-route .8s ease}
 #explore.hub--refined .hub-card--exchanges:hover .hc-route-b{animation:hc-route .8s ease reverse}
 #explore.hub--refined .hub-card--tools:hover .hc-key{transform-box:fill-box;transform-origin:center;animation:hc-key .65s ease}
}
@keyframes hc-icon-arrive{from{opacity:.3;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}
@keyframes hc-pages{0%,100%{opacity:1}40%{opacity:.25}70%{opacity:.8}}
@keyframes hc-candle{0%,100%{transform:translateY(0)}40%{transform:translateY(-1.5px)}70%{transform:translateY(1px)}}
@keyframes hc-route{0%,100%{transform:translateX(0)}45%{transform:translateX(1.5px)}}
@keyframes hc-key{0%,100%{transform:scale(1)}45%{transform:scale(.78);opacity:.45}}
@media(min-width:561px) and (max-width:900px){#explore.hub--refined .hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#explore.hub--refined .hub-card{min-height:0}}
@media(max-width:560px){
 #explore.hub--refined{padding:12px 14px 20px}
 #explore.hub--refined .hub-grid{grid-template-columns:1fr;gap:7px}
 #explore.hub--refined .hub-card{display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:12px;row-gap:4px;min-height:0;padding:12px 13px;align-items:start}
 #explore.hub--refined .hub-card .icon{grid-column:1;grid-row:1/span 2;align-self:start;width:32px;height:32px;margin:0}
 #explore.hub--refined .hub-card h3{grid-column:2;grid-row:1;margin:0;align-self:start;font-size:17px}
 #explore.hub--refined .hub-card .hub-card__detail{grid-column:2;grid-row:2;display:block;font-size:12px!important;line-height:1.45!important;overflow:visible}
 #explore.hub--refined .hub-card .card-foot{grid-column:2;grid-row:3;align-self:stretch;justify-self:stretch;min-height:22px;margin-top:4px;padding-top:6px}
 #explore.hub--refined .hub-card__badge{top:12px;right:13px}
 #explore.hub--refined .hub-card--featured h3{padding-right:54px}
}
@media(prefers-reduced-motion:reduce){#explore.hub--refined *,#explore.hub--refined *::before,#explore.hub--refined *::after{animation:none!important;transition:none!important}}