/* Minimal, modern 'under development' landing styles */
:root{
  --bg1: #0f172a;
  --bg2: #071130;
  --accent: #7c5cff;
  --muted: rgba(255,255,255,0.75);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;
  color:#e6eef8;
  background: radial-gradient(1200px 600px at 10% 10%, rgba(124,92,255,0.12), transparent), linear-gradient(180deg,var(--bg1),var(--bg2));
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.hero{
  min-height:100vh;
  display:grid;
  place-items:center;
  position:relative;
  overflow:hidden;
  padding:48px 20px;
}
.scene{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
}
.blob{
  position:absolute;
  filter:blur(60px) saturate(130%);
  opacity:0.9;
  transform-origin:center;
  mix-blend-mode:screen;
}
.blob-1{
  width:420px;height:420px;
  left:-10%;top:10%;
  background:linear-gradient(135deg,var(--accent),#3dd7c1);
  animation:float 10s ease-in-out infinite;
}
.blob-2{
  width:520px;height:520px;
  right:-12%;bottom:-8%;
  background:linear-gradient(135deg,#ff7ab6, #ffc76b);
  animation:float 14s ease-in-out infinite reverse;
}
@keyframes float{
  0%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-24px) scale(1.05) rotate(6deg)}
  100%{transform:translateY(0) scale(1)}
}
.grid{
  position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);background-size:60px 60px;opacity:0.06;
}
.content{
  position:relative;
  z-index:1;
  max-width:820px;
  width:100%;
  text-align:center;
  padding:48px 32px;
  backdrop-filter: blur(6px) saturate(120%);
}
h1{
  font-size:clamp(36px,6vw,84px);
  margin:0 0 12px 0;
  letter-spacing: -0.02em;
  background: linear-gradient(90deg,#fff 0%, rgba(255,255,255,0.85) 60%);
  -webkit-background-clip:text;
  background-clip:text;color:transparent;
}
.tag{
  margin:0 0 22px 0;
  color:var(--muted);
  font-weight:600;
  letter-spacing:0.06em;
}
.progress{
  display:flex;gap:12px;justify-content:center;margin:18px 0 8px 0;
}
.dot{
  width:14px;height:14px;border-radius:999px;background:linear-gradient(180deg,var(--accent),#3dd7c1);
  box-shadow:0 6px 18px rgba(124,92,255,0.24);
  animation:blink 1.6s infinite;
}
.dot:nth-child(2){animation-delay:0.2s}
.dot:nth-child(3){animation-delay:0.4s}
@keyframes blink{
  0%{transform:translateY(0) scale(1);opacity:0.28}
  40%{transform:translateY(-10px) scale(1.12);opacity:1}
  100%{transform:translateY(0) scale(1);opacity:0.28}
}
.sub{color:rgba(230,238,248,0.85);margin-top:8px}
.small{margin-top:22px;color:rgba(230,238,248,0.6);font-size:0.92rem;letter-spacing: 2px;}
a{color:#cfe7ff;text-decoration:underline}
@media (max-width:520px){
  .content{padding:36px 18px}
  .grid{background-size:36px 36px}
}