:root{
  --bg: #ffffff;
  --text: #111827;   /* slate-900 */
  --muted:#6b7280;   /* gray-500 */
  --ring:#e5e7eb;    /* gray-200 */
  --accent:#1f2937;  /* gray-800 */
}

*{box-sizing:border-box}

html,body{
  height:100%;
  background:var(--bg);
  color:var(--text);
  margin:0;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Inter, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

.coming-wrapper{
  min-height:100%;
  display:grid;
  place-items:center;
  padding:2rem;
  text-align:center;
  gap:1.25rem;
}

.logo-orbit{
  position:relative;
  width:min(72vw, 420px);
  height:min(72vw, 420px);
  display:grid;
  place-items:center;
}

/* A külső gyűrű, ami köröz */
.orbit{
  position:absolute;
  inset:0;
  border-radius:50%;
  border:10px solid var(--ring);
  border-top-color: transparent;
  border-right-color: transparent;
  animation: spin 2.4s linear infinite;
  filter: drop-shadow(0 6px 14px rgba(0,0,0,.08));
}

/* Dísz „szatellit” pont a gyűrűn */
/*
.orbit::after{
  content:"";
  position:absolute;
  width:18px; height:18px;
  top:-9px; left:50%;
  transform:translateX(-50%);
  border-radius:50%;
  background:var(--accent);
  box-shadow: 0 0 0 6px rgba(31,41,55,.08);
}
*/

@keyframes spin { 
  to { transform: rotate(360deg); } 
}

/* Széles logó: legyen rugalmas, aránytartó */
.logo{
  width:min(64vw, 360px);
  height:auto;
  display:block;
  user-select:none;
  -webkit-user-drag:none;
}

/* Feliratok */
.headline{
  margin:0.25rem 0 0;
  font-size:clamp(1.2rem, 2.8vw, 2rem);
  font-weight:700;
  line-height:1.2;
}

.headline .brand{
  display:block;
  letter-spacing:.2px;
}

.headline .soon{
  display:block;
  font-weight:600;
  color:var(--muted);
}

.subtext{
  margin:.25rem 0 0;
  color:var(--muted);
  font-size:clamp(.95rem, 2.2vw, 1.05rem);
}

/* Prefer-reduced-motion támogatás */
@media (prefers-reduced-motion: reduce){
  .orbit{ animation: none; }
}