body {
  background-color: #050608;
}
.hero--alloy {
  position: relative;
}
.hero-actions {
  margin-top: var(--space-4);
}
.hero-meta-item {
  font-size: var(--font-size-xs);
  color: var(--color-text-muted);
}
.alloy-overview-grid {
  align-items: center;
}
.alloy-image-wrap img,
.before-after-media img,
.mobile-alloy-media img {
  width: 100%;
  border-radius: var(--radius-lg);
}
.alloy-feature-list,
.alloy-benefits-list,
.contact-details-list {
  list-style: none;
}
.alloy-feature-list li,
.alloy-benefits-list li,
.contact-details-list li {
  margin-bottom: 0.4rem;
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
}
.craftsmanship-grid,
.testimonials-grid,
.case-study-grid,
.contact-grid {
  gap: var(--space-6);
}
.testimonial-quote {
  font-size: var(--font-size-sm);
  color: var(--color-neutral-50);
}
.testimonial-meta {
  font-size: var(--font-size-xs);
  color: var(--color-text-muted);
}
.process-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-6);
}
.process-step {
  position: relative;
}
.process-step-number {
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  background: var(--color-primary);
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-sm);
  font-weight: 600;
  margin-bottom: var(--space-3);
}
.process-step-title {
  font-size: var(--font-size-lg);
  margin-bottom: var(--space-2);
}
.faq-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-4);
}
.faq-item summary {
  cursor: pointer;
  font-weight: 600;
  list-style: none;
}
.faq-item summary::-webkit-details-marker {
  display: none;
}
.faq-question {
  font-size: var(--font-size-sm);
}
.faq-answer p {
  margin-top: var(--space-3);
}
.cta-strip {
  background: radial-gradient(circle at top left, rgba(225, 17, 43, 0.35), transparent 55%),
              var(--color-surface);
}
.cta-grid {
  grid-template-columns: minmax(0, 2fr) minmax(0, 1.2fr);
  gap: var(--space-6);
}
.cta-actions .btn {
  width: 100%;
}
.alloy-contact-form .form-field {
  margin-bottom: var(--space-4);
}
.contact-info-card {
  height: 100%;
}
.alloy-highlight-card {
  height: 100%;
}
@media (max-width: 900px) {
  .process-grid {
    grid-template-columns: 1fr;
  }
  .faq-grid {
    grid-template-columns: 1fr;
  }
  .cta-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 600px) {
  .hero-title {
    font-size: clamp(2.1rem, 8vw, 2.6rem);
  }
}