:root{
  --accent:#9a7bd6;
  --accent-2:#6f52b0;
}
*{box-sizing:border-box}
html,body{height:100%;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial;background:linear-gradient(120deg,#0b0b0b 0%,#1c1c2b 50%,#0b0b0b 100%),#000;color:#fff}
a{color:inherit}

.bg-wrap{position:fixed;inset:0;z-index:-2;overflow:hidden}
.bg-img{position:absolute;inset:-10% auto auto -10%;width:120%;height:120%;object-fit:cover;filter:grayscale(.12) contrast(.9) brightness(.65);transform:scale(1.03)}
.bg-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.noise{position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.002),rgba(255,255,255,.002) 1px,transparent 1px,transparent 3px);mix-blend-mode:overlay;opacity:.35}
.ghost{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);font-weight:900;font-size:20vw;color:rgba(255,255,255,0.03);letter-spacing:-0.02em;pointer-events:none;user-select:none}

.site-header{position:fixed;top:18px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:center;z-index:40;gap:12px}
.brand{display:flex;gap:12px;align-items:center}
.badge{background:#fff;color:#111;padding:6px 10px;border-radius:999px;font-weight:700}
.brand-title{font-weight:700}
.nav{display:flex;gap:12px;align-items:center}
.nav-cta{padding:7px 12px;border-radius:999px;text-decoration:none;border:1px solid rgba(255,255,255,0.06);font-weight:800}
.nav-cta:hover{background:linear-gradient(90deg,var(--accent),var(--accent-2));box-shadow:0 8px 30px rgba(110,78,173,0.12)}

.hero{min-height:76vh;display:flex;align-items:center;justify-content:center;padding:10vh 6vw;position:relative}
.hero-inner{max-width:1100px;text-align:center;padding:28px;border-radius:12px;background:linear-gradient(180deg, rgba(255,255,255,0.02), transparent);backdrop-filter: blur(2px)}
.hero-title{font-size:clamp(60px,12vw,120px);margin:0;font-weight:900;letter-spacing:-0.02em;line-height:0.9;color:#fff;text-shadow:0 0 20px rgba(154,123,214,0.6)}


.site-footer{padding:34px 6vw;text-align:center;color:rgba(255,255,255,0.6)}
.links{margin-top:8px}
.links a{color:rgba(255,255,255,0.75);margin-left:10px;text-decoration:none}


@media(max-width:800px){
  .site-header{padding:0 14px}
  .ghost{font-size:40vw}
  .hero-inner{padding:18px}
}