/* Layout de la pagina temporal. NO toca site.css, que es de la ventana de diseno:
   solo consume sus tokens y sus clases. Se borra entero el dia del release.
   Tamanos y alineacion tomados de DESIGN.md, no inventados:
   display clamp(36px, 5.6vw, 62px), cuerpo 17px, hero centrado (Sol 1/9),
   sin kicker en el hero. */

.soon-body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.soon {
  flex: 1;
  display: flex;
  align-items: center;
  padding: 120px 0 90px;
  text-align: center;
}

.soon .brand {
  display: inline-flex;
  margin-bottom: 26px;
}

.soon h1 {
  font-size: clamp(36px, 5.6vw, 62px);
  line-height: 1.12;
  letter-spacing: -0.036em;
  margin: 0 0 18px;
}

.soon-lead {
  max-width: 34ch;
  margin: 0 auto;
}

@media (max-width: 720px) {
  .soon { padding: 90px 0 70px; }
}