/* Reset & base */
:root{
  --bg-start:#0b0b16;
  --bg-end:#121225;
  --gold:#FFB947;
  --rose:#FF4D7E;
  --violet:#7B5CFF;
  --text:#E9ECF1;
  --muted:#B9C0CC;
}

*{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, Arial, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  color:var(--text);
  background: radial-gradient(1200px 800px at 50% 35%, rgba(255, 185, 71, 0.12), transparent 60%), linear-gradient(180deg, var(--bg-start), var(--bg-end));
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  display:flex;
  align-items:center;
  justify-content:center;
}

main{
  width:min(880px, 92vw);
  text-align:center;
  padding:56px 20px;
}

h1{
  font-size: clamp(32px, 6vw, 56px);
  line-height:1.05;
  margin: 10px 0 12px;
  font-weight:800;
}

.gradient{
  background: linear-gradient(90deg, var(--gold), var(--rose), var(--violet));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.domain-tagline{
  color:var(--muted);
  font-size: clamp(16px, 2.6vw, 22px);
  margin: 0 0 22px;
}

.bodycopy{
  font-size: clamp(16px, 2.6vw, 19px);
  color:#DDE2EA;
  margin: 0 auto 16px;
}

.beats{
  opacity:.9;
  letter-spacing:.2px;
  margin: 12px 0 6px;
  color:#D5DBE6;
}
.beats .dot{margin:0 8px; opacity:.6}

.launch{
  color:#C9D0DD;
  font-weight:600;
  margin: 8px 0 28px;
}

.cta{
  display:inline-block;
  text-decoration:none;
  padding:14px 22px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.04);
  color:var(--text);
  font-weight:600;
  transition:transform .2s ease, background .2s ease, border-color .2s ease;
  backdrop-filter: blur(6px);
}
.cta:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.07);
  border-color:rgba(255,255,255,.28);
}

footer{
  position:fixed;
  bottom:14px;
  left:0;right:0;
  text-align:center;
  font-size:12px;
  color:#9FA8B8;
  opacity:.85;
  padding:0 16px;
}

/* Sigil */
.sigil-wrap{
  width: 160px;
  height: 160px;
  margin: 0 auto 10px;
  display:grid;
  place-items:center;
  filter: drop-shadow(0 0 24px rgba(255, 130, 64, .35));
  animation: pulse 8s ease-in-out infinite;
}
.sigil{
  width:100%;
  height:100%;
}

@keyframes pulse{
  0%, 100% { transform: scale(1); opacity: .96; filter: drop-shadow(0 0 24px rgba(255, 130, 64, .35));}
  50% { transform: scale(1.035); opacity: 1; filter: drop-shadow(0 0 34px rgba(255, 130, 64, .55));}
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .sigil-wrap{ animation: none; }
}