footer .column1 {
position: relative;
top: -18px;
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700&family=Playfair+Display:wght@700&display=swap');

.promo-standalone-wrapper {
  --red: #9A1A19;
  --text-muted: #666666;
  --black: #1a1a1a;
  --gold-light: #f2e8cc;
  --gold-dark: #cbb178;
  
  font-family: 'Montserrat', sans-serif;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px 15px;
  background-color: transparent;
}

.promo-card {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08);
  width: 100%;
  max-width: 500px;
  overflow: hidden;
  position: relative;
}

.state-body {
  padding: 50px 36px 44px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

@keyframes popIn {
  0% { opacity: 0; transform: scale(0.8); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes fadeUp {
  0% { opacity: 0; transform: translateY(15px); }
  100% { opacity: 1; transform: translateY(0); }
}

.soon-icon-wrap {
  margin-bottom: 28px;
  animation: popIn 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.2s both;
}
.soon-icon {
  width: 72px;
  height: 72px;
  background: linear-gradient(135deg, #faf5e8, #f2e8cc);
  border-radius: 50%;
  border: 2px solid rgba(203, 177, 120, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
}

.state-title {
  font-family: 'Playfair Display', serif;
  font-size: 22px;
  font-weight: 700;
  color: var(--black);
  margin-bottom: 16px;
  line-height: 1.3;
  animation: fadeUp 0.5s ease 0.35s both;
}
.state-desc {
  font-size: 14px;
  line-height: 1.7;
  color: var(--text-muted);
  max-width: 380px;
  animation: fadeUp 0.5s ease 0.45s both;
}

.gold-stripe {
  height: 4px;
  background: linear-gradient(90deg, #cbb178, #e9d5a1, #cbb178);
  width: 100%;
}

.promo-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 24px 20px;
  background: #fdfdfd;
  animation: fadeUp 0.5s ease 0.55s both;
}

.privacy-link {
  font-size: 12px;
  font-weight: 500;
  color: var(--text-muted);
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  transition: color 0.25s;
  border-bottom: 1px solid transparent;
}

.privacy-link:hover {
  color: var(--red);
  border-bottom-color: var(--red);
}

@media (max-width: 560px) {
  .state-body {
    padding: 36px 22px 36px;
  }
  .state-title {
    font-size: 20px;
  }
}