/* ==========================================================================
   PLAYMAKR . WAITLIST
   aave newsletter-band style: centred heading, the notification as the single
   glass graphic (no box behind it), a glass capture bar, a quiet counter line.
   ========================================================================== */
.wl-hero{
	text-align:center;
	padding-block:calc(var(--nav-h) + 88px) 120px;
}
.wl-hero .sec__head{margin-inline:auto;max-width:none}
.wl-hero .t-h1{max-width:16ch;margin-inline:auto}
.wl-hero .t-sub{margin-inline:auto;max-width:50ch}
/* the notification reads as a real notification — left aligned */
.wl-graphic .notif,.wl-graphic .notif__t,.wl-graphic .notif__p{text-align:left}

/* the notification IS the graphic — one glass object, floating on its own glow */
.wl-graphic{
	position:relative;
	display:flex;justify-content:center;
	margin-top:var(--s-8);
}
.wl-graphic::before{
	content:"";position:absolute;z-index:-1;
	inset:-40% 4% -60%;
	background:radial-gradient(50% 58% at 50% 50%,oklch(0.52 0.15 285 / .30),transparent 68%);
	filter:blur(36px);
}
.wl-graphic .notif{max-width:420px}
.wl-graphic .notif__body{padding:14px 16px}

.wl-form{
	display:flex;flex-direction:column;align-items:center;gap:var(--s-5);
	margin-top:var(--s-8);
}
.wl-form .capture--phone{width:100%;max-width:440px}
.wl-count{
	font-family:var(--font-display);font-size:.9375rem;color:var(--fg-4);
	display:inline-flex;align-items:baseline;gap:.45em;letter-spacing:-.011em;
}
.wl-count .ticker-num{
	font-size:1.0625rem;line-height:1;color:var(--fg-2);
	display:inline-flex;letter-spacing:-.01em;
}
.wl-count .counter__cap{font-size:.9375rem;text-transform:none;letter-spacing:-.011em;color:var(--fg-4)}