.hd-wrap{max-width:460px;margin:28px auto 0;position:relative}.hd-grid{perspective:600px;justify-content:center;gap:16px;display:flex}.hd-card{border:1px solid var(--c-accent-12);border-radius:var(--br-sm);text-align:center;min-width:120px;animation:hdFloat .8s var(--ease-out) both;background:#050d19b3;padding:16px 20px;transition:transform .2s ease-out}@keyframes hdFloat{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hd-label{text-transform:uppercase;letter-spacing:.1em;color:var(--c-text-dim);margin-bottom:6px;font-size:10px;display:block}.hd-value{color:var(--c-accent-bright);font-size:22px;font-weight:700}.hd-chart{width:100%;height:50px;margin-top:16px;display:block}.hd-chart-line{stroke-dasharray:400;stroke-dashoffset:400px;animation:2s ease-out .5s forwards hdDraw}.hd-chart-fill{opacity:0;animation:1s 1.5s forwards hdFadeIn}@keyframes hdDraw{to{stroke-dashoffset:0}}@keyframes hdFadeIn{to{opacity:1}}@media (max-width:768px){.hd-grid{flex-direction:column;align-items:center;gap:10px}.hd-card{min-width:180px}}