.coming-soon-product{
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding-top: clamp(3.5rem, 8vh, 6rem);
  background: var(--color-bg);
  position: relative;
  overflow-x: clip;
  overflow-y: hidden;
  overflow-y: clip;
}

.product-story{
  width: min(40rem, 90vw);
  margin: 0 auto;
  text-align: left;
  position: relative;
  z-index: 10;
}

/* typography now centralized in custom.css */

@media (min-width: 1024px){
  .product-title{
    white-space: nowrap;
  }
}

.product-subtitle{
  font-size: clamp(1rem, 1.8vw, 1.2rem);
  color: var(--hero-subtext, var(--color-text-muted));
  margin: 0 0 3.2rem 0;
}

.product-steps{
  display: grid;
  gap: 1.75rem;
  margin-top: 3.2rem;
}

/* typography now centralized in custom.css */

.product-step .headline-section{
  margin: 0 0 0.7rem 0;
}

.product-step p{
  margin: 0;
  line-height: 2;
  font-size: clamp(1rem, 1.8vw, 1.2rem);
  color: var(--hero-text, var(--color-text));
}

.product-footnote{
  margin-top: 2.5rem;
  font-size: clamp(0.9rem, 1.2vw, 1rem);
  color: var(--hero-subtext, var(--color-text-muted));
  line-height: 1.6;
}

.product-meta{
  margin-top: 0.55rem;
  font-size: clamp(0.78rem, 1vw, 0.88rem);
  color: color-mix(in srgb, var(--hero-subtext, var(--color-text-muted)) 78%, transparent);
  line-height: 1.45;
}

@media (max-width: 768px){
  .product-story{
    text-align: center;
  }
}