/* Visual chrome only: artwork canvas and editing tools retain their own styles. */
:root {
  --y: #edc45b;
  --y2: #f7da91;
  --y3: #edc45b;
  --dark: #080909;
  --dark2: #111212;
  --dark3: #191919;
  --dark4: #242424;
  --dark5: #343434;
  --bg: #f4f3ee;
  --surface: #ffffff;
  --border: #d8d8d8;
  --text: #080909;
  --text2: #343434;
  --muted: #777777;
  --accent-blue: #edc45b;
  --accent-green: #edc45b;
  --accent-red: #edc45b;
}
#topbar {
  background: #080909;
  border-bottom: 1px solid rgba(237, 196, 91, 0.25);
  backdrop-filter: none;
}
.step1-title,
.step2-title {
  font-family: "Onest", sans-serif;
  font-weight: 400;
  letter-spacing: -0.055em;
  font-size: clamp(42px, 6.3vw, 84px);
  line-height: 1.04;
}
.step1-sub,
.step2-sub {
  font-family: "Onest", sans-serif;
  color: #999999;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.8;
}
.step1-inner {
  max-width: 1300px;
  padding-top: 76px;
}
.hero-glow,
.hero-grid {
  display: none;
}
.step1-badge {
  background: none;
  border: 0;
  padding: 0;
  letter-spacing: 0.16em;
  font-weight: 400;
}
.prod-card {
  border-radius: 16px;
  background: #111111;
  border-color: rgba(237, 196, 91, 0.25);
  box-shadow: none;
}
.prod-card:hover {
  box-shadow: none;
  transform: translateY(-3px);
}
.prod-icon {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.prod-name,
.size-name,
.sb-title {
  font-family: "Onest", sans-serif;
  font-weight: 400;
}
.prod-desc {
  color: #999999;
}
.unit-btn.active,
.next-btn,
.qbtn {
  background: var(--y);
  box-shadow: none;
  animation: none;
  font-weight: 500;
}
.next-btn {
  font-family: "Onest", sans-serif;
  font-size: 15px;
}
.size-card {
  border-radius: 16px;
  box-shadow: none;
}
@media (prefers-reduced-motion: reduce) {
  .step1-title,
  .step1-sub,
  .step1-badge,
  .products-grid,
  .unit-row {
    animation: none;
  }
}