/* MacroMove coming-soon composition.
   Canonical design values come from shell-foundation.css, base.css, home.css and common.css. */

.coming-hero{
  min-height:calc(var(--mm-viewport-height) - var(--layout-header-height));
}

.coming-product{
  box-shadow:var(--shadow-surface-inset);
}

.coming-status{
  display:inline-flex;
  align-items:center;
  gap:var(--mm-space-1);
  color:var(--color-text-tertiary);
  font-size:var(--type-size-label);
  font-weight:var(--primitive-font-weight-bold);
}

.coming-status-dot{
  width:var(--mm-space-1);
  height:var(--mm-space-1);
  border-radius:var(--primitive-radius-round);
  background:var(--color-accent);
}

.coming-logo-stage{
  min-height:240px;
  display:grid;
  place-items:center;
  border:1px solid var(--color-border-subtle);
  border-radius:var(--primitive-radius-card);
  background:var(--color-background-subtle);
}

.coming-logo-stage img{
  width:min(44%,210px);
  height:auto;
}

.coming-module-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--mm-space-2);
  margin-top:var(--mm-space-2);
}

.coming-module{
  min-height:104px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  gap:var(--mm-space-1);
  padding:var(--mm-space-2);
  border:1px solid var(--color-border-subtle);
  border-radius:var(--primitive-radius-card);
  background:var(--color-surface-2);
}

.coming-module small{
  color:var(--color-text-tertiary);
  font-size:var(--type-size-label);
}

.coming-module strong{
  color:var(--color-text);
  font-size:var(--type-size-body-sm);
}

.coming-intro{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,.58fr);
  gap:var(--mm-space-8);
  align-items:end;
}

.coming-intro h2,
.coming-section-title,
.coming-privacy h2{
  margin-top:var(--mm-space-1);
}

.coming-intro p,
.coming-privacy > div:first-child > p{
  margin:0;
  color:var(--color-text-muted);
  font-size:var(--type-size-body);
  line-height:1.65;
}

.coming-status-list{
  margin-top:var(--mm-space-6);
  border-top:1px solid var(--color-border-subtle);
}

.coming-status-row{
  min-height:128px;
  display:grid;
  grid-template-columns:64px minmax(0,1fr) auto;
  gap:var(--mm-space-3);
  align-items:center;
  padding-block:var(--mm-space-3);
  border-bottom:1px solid var(--color-border-subtle);
}

.coming-number{
  color:var(--color-accent);
  font-size:var(--type-size-label);
  font-weight:var(--primitive-font-weight-bold);
}

.coming-status-row strong{
  font-size:var(--type-size-body);
}

.coming-status-row p{
  margin:var(--mm-space-1) 0 0;
  color:var(--color-text-muted);
  font-size:var(--type-size-body-sm);
}

.coming-state{
  padding:var(--mm-space-1) var(--mm-space-2);
  border:1px solid var(--color-border);
  border-radius:var(--primitive-radius-control);
  color:var(--color-accent);
  font-size:var(--type-size-caption);
  font-weight:var(--primitive-font-weight-bold);
  letter-spacing:var(--type-tracking-eyebrow);
}

.coming-privacy{
  display:grid;
  grid-template-columns:minmax(0,.72fr) minmax(0,1fr);
  gap:var(--mm-space-8);
  align-items:start;
}

.coming-facts{
  border-top:1px solid var(--color-border-subtle);
}

.coming-fact{
  display:grid;
  grid-template-columns:96px minmax(0,1fr);
  gap:var(--mm-space-2);
  padding-block:var(--mm-space-3);
  border-bottom:1px solid var(--color-border-subtle);
}

.coming-fact > span{
  color:var(--color-accent);
  font-size:var(--type-size-caption);
  font-weight:var(--primitive-font-weight-bold);
  letter-spacing:var(--type-tracking-eyebrow);
}

.coming-fact strong{
  font-size:var(--type-size-body-sm);
}

.coming-fact p{
  margin:var(--mm-space-1) 0 0;
  color:var(--color-text-muted);
  font-size:var(--type-size-body-sm);
}

.copy-feedback{
  margin:var(--mm-space-2) 0 0;
  color:var(--color-success);
  font-size:var(--type-size-ui);
}

.coming-footer .copyright{
  margin-top:var(--mm-space-2);
}

@media(max-width:1080px){
  .coming-intro,
  .coming-privacy{
    grid-template-columns:1fr;
    gap:var(--mm-space-4);
  }
}

@media(max-width:720px){
  .coming-module-grid{
    grid-template-columns:1fr;
  }

  .coming-logo-stage{
    min-height:200px;
  }

  .coming-status-row{
    grid-template-columns:40px minmax(0,1fr);
    gap:var(--mm-space-2);
  }

  .coming-state{
    grid-column:2;
    width:max-content;
  }
}


/* Temporary-page shell: deliberately minimal while retaining canonical guest tokens. */
.coming-header .coming-nav{
  justify-content:space-between;
}

.coming-header .coming-lang{
  margin-left:auto;
}

.coming-header .coming-mobile-controls{
  margin-left:auto;
}

.coming-footer{
  padding-block:var(--mm-space-4);
}

.coming-footer-layout{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--mm-space-3);
}

.coming-footer-brand{
  display:flex;
  align-items:center;
  gap:var(--mm-space-2);
}

.coming-footer-brand .copyright{
  margin:0;
}

.coming-footer-meta{
  display:flex;
  align-items:center;
  gap:var(--mm-space-3);
  color:var(--color-text-muted);
  font-size:var(--type-size-ui);
}

.coming-footer-meta a{
  color:var(--color-text);
}

@media(max-width:720px){
  .coming-footer-layout{
    align-items:flex-start;
    flex-direction:column;
  }

  .coming-footer-meta{
    align-items:flex-start;
    flex-direction:column;
    gap:var(--mm-space-1);
  }
}

/* Coming-soon hero: preserve the canonical left-hand hero, without the former right preview card. */
.coming-hero{
  grid-template-columns:minmax(0,760px);
  justify-content:start;
  min-height:auto;
  padding-block:var(--mm-space-8);
}

.coming-hero-copy{
  max-width:760px;
}