.section-rule {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 56px;
  color: var(--zac-neon-cold);
  font-family: var(--zac-font-mono);
  font-size: 10px;
  letter-spacing: 0.35em;
  text-transform: uppercase;
}

.section-rule::before {
  content: "//";
  color: var(--zac-text-dim);
}

.section-rule::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--zac-border);
}

.section-rule--center {
  justify-content: center;
}

.section-rule--center::after {
  max-width: 180px;
  flex: 0 1 180px;
}

.btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 11px 26px;
  border: 1px solid;
  font-family: var(--zac-font-mono);
  font-size: 11px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  white-space: nowrap;
  transition: all 0.22s ease;
}

.btn-hot {
  background: var(--zac-neon-hot);
  border-color: var(--zac-neon-hot);
  color: #080808;
}

.btn-hot:hover,
.btn-hot:focus-visible {
  background: transparent;
  color: var(--zac-neon-hot);
  box-shadow: 0 0 28px var(--zac-glow-hot);
}

.btn-cold {
  background: transparent;
  border-color: var(--zac-neon-cold);
  color: var(--zac-neon-cold);
}

.btn-cold:hover,
.btn-cold:focus-visible {
  background: var(--zac-neon-cold);
  color: var(--zac-bg);
  box-shadow: 0 0 28px var(--zac-glow-cold);
}

.btn-ghost {
  background: transparent;
  border-color: rgba(240, 235, 224, 0.25);
  color: var(--zac-text);
}

.btn-ghost:hover,
.btn-ghost:focus-visible {
  border-color: var(--zac-text);
  box-shadow: 0 0 16px rgba(240, 235, 224, 0.08);
}

.btn-gold {
  background: transparent;
  border-color: var(--zac-neon-gold);
  color: var(--zac-neon-gold);
}

.btn-gold:hover,
.btn-gold:focus-visible {
  background: var(--zac-neon-gold);
  color: var(--zac-bg);
  box-shadow: 0 0 28px var(--zac-glow-gold);
}

.zac-js .reveal {
  opacity: 1;
  transform: none;
  transition: opacity 0.85s ease, transform 0.85s ease;
}

.zac-js .reveal.in-view {
  opacity: 1;
  transform: translateY(0);
}

.reveal-d1 {
  transition-delay: 0.08s;
}

.reveal-d2 {
  transition-delay: 0.18s;
}

.reveal-d3 {
  transition-delay: 0.28s;
}

.zac-signal-card,
.zac-interface-card {
  border: 1px solid var(--zac-border);
  background: linear-gradient(180deg, rgba(17, 17, 24, 0.92), rgba(5, 5, 7, 0.92));
  backdrop-filter: blur(16px);
}

.zac-social-chip {
  border: 1px solid var(--zac-border);
  padding: 6px 14px;
  color: var(--zac-text-mid);
  font-family: var(--zac-font-mono);
  font-size: 9px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  transition: all 0.2s ease;
}

.zac-social-chip:hover,
.zac-social-chip:focus-visible {
  color: var(--zac-text);
  border-color: rgba(240, 235, 224, 0.3);
}