.page-hardware-hero {
  position: relative;
}
.hero-hardware-content {
  max-width: 40rem;
}
.hero-hardware-actions {
  margin-top: var(--space-4);
}
.hero-hardware-meta {
  margin-top: var(--space-4);
}
.hero-eyebrow-dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 999px;
  background: radial-gradient(circle at 30% 0, var(--color-accent-mint) 0, transparent 55%), var(--color-primary);
  box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.3);
}
.hero-card-hardware {
  transform-origin: center;
}
.hero-card-hardware:hover {
  transform: translateY(-2px);
}
.page-hardware-featured {
  position: relative;
}
.hardware-chips {
  justify-content: flex-end;
}
.hardware-featured-grid {
  align-items: stretch;
}
.hardware-main-card {
  height: 100%;
}
.hardware-featured-media {
  margin-top: var(--space-4);
}
.hardware-news-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}
.hardware-news-item {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}
.hardware-news-pill {
  display: inline-flex;
  align-items: center;
  padding-inline: 0.85rem;
  padding-block: 0.3rem;
  border-radius: var(--radius-pill);
  font-size: var(--text-xs);
  font-weight: 500;
  background-color: rgba(22, 163, 74, 0.08);
  color: var(--color-primary-muted);
  border: 1px solid rgba(22, 163, 74, 0.35);
}
.hardware-guides-card {
  height: 100%;
}
.hardware-guides-steps {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  margin-top: var(--space-4);
}
.hardware-guide-step {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--space-3);
  align-items: flex-start;
}
.hardware-guide-step-number {
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--color-primary-dark);
  background: radial-gradient(circle at 30% 0, var(--color-accent-mint) 0, transparent 55%), rgba(34, 197, 94, 0.16);
  box-shadow: 0 10px 25px rgba(34, 197, 94, 0.28);
}
.hardware-guide-step-content h4 {
  margin: 0 0 0.25rem;
  font-size: var(--text-base);
}
.hardware-guides-highlight {
  margin-top: var(--space-4);
}
.hardware-news-grid {
  align-items: stretch;
}
.hardware-news-main {
  height: 100%;
}
.hardware-news-side {
  height: 100%;
}
.hardware-news-subscribe {
  margin-top: var(--space-4);
}
.hardware-community-grid {
  align-items: center;
}
.hardware-community-card {
  height: 100%;
}
.hardware-community-points {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  margin-top: var(--space-4);
}
.hardware-community-point {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--space-3);
  align-items: flex-start;
}
.hardware-community-bullet {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 999px;
  background: radial-gradient(circle at 30% 0, var(--color-accent-lime) 0, transparent 55%), var(--color-primary);
  box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.25);
}
.hardware-community-content h4 {
  margin: 0 0 0.25rem;
  font-size: var(--text-base);
}
.hardware-community-alert {
  align-items: flex-start;
}
.hardware-list-item {
  transition: transform var(--transition-normal), box-shadow var(--transition-normal);
}
.hardware-list-item:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow-soft);
}
.hardware-featured-grid .media-wrapper img,
.hardware-guides-grid .media-wrapper img,
.hardware-news-grid .media-wrapper img,
.hardware-community-grid .media-wrapper img {
  object-fit: cover;
}
@media (max-width: 1023.98px) {
  .hardware-chips {
    justify-content: flex-start;
  }
  .hardware-news-subscribe {
    margin-top: 0;
  }
}
@media (max-width: 767.98px) {
  .hero-hardware-actions {
    flex-direction: column;
    align-items: stretch;
  }
  .hardware-featured-media {
    margin-top: var(--space-3);
  }
  .hardware-guides-steps,
  .hardware-community-points {
    gap: var(--space-2);
  }
}