/* ===== BASE = MOBILE ===== */
.coming-soon{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:12px;
  background:#070226;              /* primary-900 */
  border:1px dashed #1A0A5C;       /* primary-700 */
  border-radius:10px;
  padding:40px 20px;
  width:100%;
  max-width:480px;
  margin:0 auto;
  color:#ECEAFB;                   /* neutral-100 */
  font-family:'Inter', sans-serif;
}

.coming-soon__badge{
  width:40px;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#1A0A5C;              /* primary-700 */
  color:#E8AA3D;                   /* accent-gold */
  font-size:17px;
  margin-bottom:4px;
  flex-shrink:0;
}

.coming-soon__eyebrow{
  font-family:'JetBrains Mono', monospace;
  font-size:10px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#E8AA3D;                   /* accent-gold */
  margin:0;
}

.coming-soon__title{
  font-family:'Fraunces', serif;
  font-weight:500;
  font-style:italic;
  font-size:18px;
  line-height:1.3;
  color:#fff;
  margin:0;
}

.coming-soon__text{
  font-family:'JetBrains Mono', monospace;
  font-size:12px;
  letter-spacing:.04em;
  color:#B9B4CF;                   /* neutral-300 */
  margin:2px 0 0;
}

/* ===== TABLET (≥600px) ===== */
@media (min-width:600px){
  .coming-soon{
    padding:56px 40px;
    gap:14px;
  }
  .coming-soon__badge{
    width:44px;
    height:44px;
    font-size:18px;
  }
  .coming-soon__eyebrow{
    font-size:11px;
  }
  .coming-soon__title{
    font-size:21px;
  }
  .coming-soon__text{
    font-size:13px;
  }
}

/* ===== DESKTOP (≥769px) ===== */
@media (min-width:769px){
  .coming-soon{
    padding:88px 48px;
    border-radius:12px;
    gap:16px;
  }
  .coming-soon__badge{
    width:48px;
    height:48px;
    font-size:20px;
    margin-bottom:6px;
  }
  .coming-soon__title{
    font-size:26px;
  }
  .coming-soon__text{
    font-size:13px;
  }
}