/* ==========================================================================
   FO Vision Studio — Coming Soon (index)
   Import tokens.css and base.css before this file.
   ========================================================================== */

body{
  min-height:100svh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:32px;
  position:relative;
  overflow:hidden;
}
body::before{
  content:'';
  position:absolute;inset:0;
  background:radial-gradient(ellipse at 50% 20%, rgba(198,161,91,0.14), transparent 55%);
  pointer-events:none;
}

.mark{
  width:56px;height:56px;
  border:1px solid var(--border-strong);
  display:flex;align-items:center;justify-content:center;
  font-size:11px;letter-spacing:0.1em;color:var(--gold);
  margin-bottom:36px;
}

.eyebrow{margin-bottom:22px;}

h1{
  font-size:var(--text-display-xl);
  max-width:780px;
}
p{
  margin-top:22px;color:var(--muted-foreground);font-size:16px;max-width:460px;line-height:1.6;
}
.divider{
  width:44px;height:1px;background:var(--border-strong);margin:40px 0;
}
.contact{
  font-size:13px;letter-spacing:0.02em;color:var(--muted-2);
}
.contact a{color:var(--gold);text-decoration:none;border-bottom:1px solid transparent;transition:border-color var(--dur-med) ease;}
.contact a:hover{border-color:var(--gold);}
footer{
  position:absolute;bottom:28px;left:0;right:0;
  font-size:12px;letter-spacing:0.04em;color:var(--muted-2);
}