/* pages/ppc.css */
.lusite-w:is(#lusite-w,.lusite-w) .ppc-vis{position:relative;display:grid;justify-items:center;gap:22px;padding:clamp(20px,3vw,40px)}
.lusite-w:is(#lusite-w,.lusite-w) .ppc-vis__wm{width:min(100%,420px);height:auto;filter:drop-shadow(0 24px 40px rgba(0,8,20,.5))}
.lusite-w:is(#lusite-w,.lusite-w) .ppc-vis__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.lusite-w:is(#lusite-w,.lusite-w) .ppc-vis__chips span{font-family:var(--f-mono);font-size:.76rem;letter-spacing:.16em;padding:9px 14px;border-radius:12px;
  background:rgba(255,255,255,.06);border:1px solid rgba(242,246,251,.14);color:rgba(242,246,251,.8)}
.lusite-w:is(#lusite-w,.lusite-w) .ppc-vis__badge{position:absolute;top:-16%;left:-4%;width:96px;border-radius:18px;overflow:hidden;box-shadow:0 18px 40px -14px rgba(0,0,0,.6);animation:lusite-ppc-aFloat 6s ease-in-out infinite}
@keyframes lusite-ppc-aFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.lusite-w:is(#lusite-w,.lusite-w) .ppc-badge{width:150px;border-radius:22px;overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--card-line)}
.lusite-w:is(#lusite-w,.lusite-w) .ppc-principles .in-card__t{font-size:clamp(1.3rem,1rem + 1.2vw,1.9rem)}
@media (max-width:900px){
.lusite-w:is(#lusite-w,.lusite-w) .ppc-vis__badge{display:none}
.lusite-w:is(#lusite-w,.lusite-w) .ppc-vis__wm{width:min(78%,300px)}
.lusite-w:is(#lusite-w,.lusite-w) #why-ppc{padding-block-end:clamp(36px,6vh,52px)}
.lusite-w:is(#lusite-w,.lusite-w) #why-ppc .in-text__aside{justify-self:center;max-width:none}
.lusite-w:is(#lusite-w,.lusite-w) #why-ppc .ppc-badge{width:128px}
}
@media (hover:none),(pointer:coarse){
.lusite-w:is(#lusite-w,.lusite-w) .ppc-vis__badge{animation:none}
}