.wst-hero__inner{grid-template-columns:1.02fr 0.98fr}
.wst-hero__text{min-width:0}

.wst-pill span{width:0.5rem;height:0.5rem;border-radius:999px;background:#ff7fb4;box-shadow:0 0 0 0.25rem rgba(240,50,126,0.25);display:inline-block;flex-shrink:0}

.wst-stats{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:0.75rem;
margin:0;
padding-top:1.75rem;
border-top:0.0625rem solid rgba(255,255,255,0.14);
}
.wst-stat{
background:rgba(255,255,255,0.05);
border:0.0625rem solid rgba(255,255,255,0.12);
border-radius:0.875rem;
padding:0.9375rem 1rem 1rem;
display:flex;
flex-direction:column;
gap:0.125rem;
transition:background 180ms ease,border-color 180ms ease,transform 180ms ease;
}
.wst-stat:hover{background:rgba(240,50,126,0.12);border-color:rgba(240,50,126,0.4);transform:translateY(-0.1875rem)}
.wst-stat__n{
font-family:var(--font-display);
font-weight:800;
font-size:clamp(1.5rem,2.6vw,1.875rem);
line-height:1;
color:#fff;
margin:0;
letter-spacing:-0.02em;
}
.wst-stat__l{font-size:0.875rem;font-weight:700;color:#fff;margin:0.375rem 0 0}
.wst-stat__s{font-size:0.75rem;color:var(--on-dark-muted);margin:0}

.wst-hero__art{position:relative;border-radius:0;overflow:visible;box-shadow:none}
.wst-hero__frame{
border-radius:1rem;
overflow:hidden;
border:0.0625rem solid rgba(255,255,255,0.14);
background:#1b1720;
box-shadow:0 2.5rem 5rem -1.875rem rgba(0,0,0,0.75);
}
.wst-hero__bar{
height:2rem;
background:rgba(255,255,255,0.07);
border-bottom:0.0625rem solid rgba(255,255,255,0.1);
display:flex;
align-items:center;
gap:0.375rem;
padding-inline:0.875rem;
}
.wst-hero__bar i{width:0.5rem;height:0.5rem;border-radius:999px;background:rgba(255,255,255,0.28);display:inline-block;flex-shrink:0}
.wst-hero__bar span{flex:1;height:0.75rem;border-radius:999px;background:rgba(255,255,255,0.08);margin-inline-start:0.5rem}
.wst-hero__frame img{display:block;width:100%;height:auto}

.wst-float{
position:absolute;
display:flex;
align-items:center;
gap:0.625rem;
background:rgba(255,255,255,0.97);
color:var(--ink);
border-radius:0.875rem;
padding:0.625rem 0.875rem;
box-shadow:0 1.25rem 2.5rem -0.9375rem rgba(0,0,0,0.55);
backdrop-filter:blur(0.375rem);
z-index:2;
}
.wst-float b{display:block;font-family:var(--font-display);font-weight:800;font-size:0.875rem;line-height:1.2}
.wst-float i{display:block;font-style:normal;font-size:0.6875rem;color:var(--muted);margin-top:0.125rem}
.wst-float__icon{
width:1.875rem;
height:1.875rem;
border-radius:999px;
background:var(--brand-solid);
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
}
.wst-float__icon svg{width:1.125rem;height:1.125rem;fill:#fff}
.wst-float__stars{color:var(--brand-solid);font-size:0.875rem;letter-spacing:0.0625rem;flex-shrink:0}

.wst-float--a{
top:-1.125rem;
inset-inline-start:-1.25rem;
animation:wst-bob 6s ease-in-out infinite;
}
.wst-float--b{
bottom:-1.375rem;
inset-inline-end:-1rem;
animation:wst-bob 7s ease-in-out infinite 0.8s;
}

@keyframes wst-bob{
0%,100%{transform:translateY(0)}
50%{transform:translateY(-0.5rem)}
}

@media (max-width:64rem){
.wst-hero__inner{grid-template-columns:1fr}
.wst-hero__art{order:-1;max-width:38rem;margin-inline:auto;width:100%}
}

@media (max-width:53.75rem){
.wst-stats{grid-template-columns:1fr 1fr;gap:0.625rem}
.wst-stat{padding:0.75rem 0.875rem 0.875rem}
.wst-float{padding:0.5rem 0.6875rem;gap:0.5rem}
.wst-float b{font-size:0.8125rem}
.wst-float i{font-size:0.625rem}
.wst-float--a{top:-0.875rem;inset-inline-start:-0.5rem}
.wst-float--b{bottom:-1rem;inset-inline-end:-0.375rem}
}

@media (max-width:26rem){
.wst-stats{grid-template-columns:1fr}
.wst-float--b{display:none}
}

@media (prefers-reduced-motion:reduce){
.wst-float--a,.wst-float--b{animation:none}
}
