:root{
  --bg:#000;
  --fg:rgba(255,255,255,.92);
  --muted:rgba(255,255,255,.70);
  --muted2:rgba(255,255,255,.55);
  --line:rgba(255,255,255,.12);
  --r:18px;
}

*{box-sizing:border-box}
html,body{height:100%}

body{
  margin:0;
  background:var(--bg);
  color:var(--fg);
  font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";
  overflow-x:hidden;
}

body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(900px 500px at 70% 25%, rgba(255,255,255,.08), transparent 60%),
    radial-gradient(700px 450px at 20% 80%, rgba(255,255,255,.06), transparent 60%);
  opacity:.9;
}

.shell{
  min-height:100%;
  display:flex;
  flex-direction:column;
}

.hero{
  flex:1;
  min-height:100vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:60px 0 40px;
  position:relative;
  z-index:2;
}

.brand-name{
  font-size:clamp(72px,14vw,140px);
  font-weight:900;
  letter-spacing:-.04em;
  line-height:1;
  margin:0 0 32px;
}

.tagline{
  font-size:clamp(26px,4vw,38px);
  font-weight:700;
  line-height:1.25;
  letter-spacing:-.02em;
  color:var(--fg);
  margin:0 0 60px;
}

.gradient-text{
  background-image:linear-gradient(135deg, #6600FF 0%, #FF0033 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

/* COUNTDOWN — commenté temporairement
.countdown-wrap{margin:0 0 32px;width:100%}
.countdown-label{color:var(--muted2);font-size:13px;margin-bottom:16px}
.countdown{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}

.cell{
  padding:18px 20px;
  border-radius:20px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.03);
  box-shadow:0 14px 44px rgba(0,0,0,.35);
  min-width:130px;
}

.num{font-size:52px;font-weight:800;letter-spacing:-.03em;line-height:1}
.lab{margin-top:8px;font-size:13px;color:var(--muted2)}
.launch-date{margin-top:20px;font-size:12px;color:var(--muted2)}
*/

/* COMING SOON */
.coming-soon-wrap{
  margin:0 0 40px;
  display:flex;
  justify-content:center;
}

.coming-soon-text{
  font-size:clamp(18px,4vw,28px);
  font-weight:800;
  letter-spacing:.28em;
  text-transform:uppercase;
  background-image:linear-gradient(135deg, #6600FF 0%, #FF0033 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  animation:comingSoonPulse 3s ease-in-out infinite;
}

@keyframes comingSoonPulse{
  0%,100%{
    filter:
      drop-shadow(0 0 6px rgba(102,0,255,.5))
      drop-shadow(0 0 20px rgba(102,0,255,.25));
    opacity:.7;
  }
  50%{
    filter:
      drop-shadow(0 0 20px rgba(180,0,160,1))
      drop-shadow(0 0 60px rgba(255,0,51,.7))
      drop-shadow(0 0 120px rgba(102,0,255,.4));
    opacity:1;
  }
}

.footer{
  position:absolute;
  bottom:28px;
  display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:center;
  color:var(--muted2);
  font-size:12px;
}
.link{color:var(--muted);text-decoration:none}
.link:hover{text-decoration:underline}
.sep{opacity:.6}
.muted{color:var(--muted2)}

.slide-up{
  opacity:0;
  transform:translateY(48px);
  transition:opacity 900ms cubic-bezier(0.22,1,0.36,1), transform 900ms cubic-bezier(0.22,1,0.36,1);
}
.slide-up.in{opacity:1;transform:translateY(0)}

@media (max-width:520px){
  .cell{min-width:calc(50% - 5px)}
}