.pvx-hero {
background:
radial-gradient(60rem 60rem at 10% -20%, rgba(37,99,235,.25), transparent 60%),
radial-gradient(60rem 60rem at 100% 0%, rgba(6,182,212,.15), transparent 60%),
var(--pvx-bg);
}
.pvx-hero .badge { letter-spacing: .3px; }
.pvx-hero .pvx-hero-card {
background: rgba(255,255,255,.1);
backdrop-filter: blur(6px);
border: 1px solid rgba(255,255,255,.25);
border-radius: 16px;
color: #fff;
padding: 24px;
}
.pvx-hero .pvx-hero-wave {
height: 60px; width: 100%;
background: linear-gradient(to bottom, rgba(15,23,42,0) 0%, rgba(15,23,42,.08) 60%, rgba(15,23,42,.12) 100%);
}