.hm-metrics {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border: 1px solid var(--om-line-soft);
  border-radius: var(--om-r-l);
  background: var(--om-surface);
  overflow: hidden;
}
.hm-metrics .om-stat {
  padding: var(--om-s5) var(--om-s6);
  border-left: 1px solid var(--om-line-soft);
}
.hm-metrics .om-stat:first-child { border-left: 0; }
@media (max-width: 720px) {
  .hm-metrics { grid-template-columns: 1fr; }
  .hm-metrics .om-stat {
    border-left: 0;
    border-top: 1px solid var(--om-line-soft);
  }
  .hm-metrics .om-stat:first-child { border-top: 0; }
}

.hm-price-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--om-s4);
}
@media (max-width: 960px) { .hm-price-strip { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .hm-price-strip { grid-template-columns: 1fr; } }

.hm-price-cell {
  display: block;
  border: 1px solid var(--om-line-soft);
  border-radius: var(--om-r-l);
  background: var(--om-surface);
  padding: var(--om-s5);
  color: var(--om-ink);
  transition: border-color 0.2s ease;
}
.hm-price-cell:hover {
  border-color: var(--om-primary);
  text-decoration: none;
}
.hm-price-cell .hm-name {
  font-family: var(--om-font-head);
  font-weight: 600;
}
.hm-price-cell .hm-spec {
  font-family: var(--om-font-mono);
  font-size: var(--om-fs-xs);
  color: var(--om-ink-mute);
  margin-top: 0.35em;
}
.hm-price-cell .hm-price {
  margin-top: var(--om-s4);
  font-family: var(--om-font-mono);
  font-variant-numeric: tabular-nums;
  font-size: var(--om-fs-xl);
  font-weight: 600;
}
.hm-price-cell .hm-price small {
  font-size: var(--om-fs-xs);
  font-weight: 400;
  color: var(--om-ink-faint);
}

.hm-steps-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--om-s4);
}
@media (max-width: 960px) { .hm-steps-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .hm-steps-grid { grid-template-columns: 1fr; } }

@keyframes hm-led-pulse {
  0%, 100% { opacity: 1; }
  50%      { opacity: 0.35; }
}
.hm-led { animation: hm-led-pulse 2.4s ease-in-out infinite; }
.hm-led:nth-of-type(2) { animation-delay: 0.8s; }