/* Opening page: Grokbot punch-kick gag layer + social row. */
.pk-ov{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:9}
/* MOOD: kick-small (head recoil) */
.logo.pk-hit1{animation:pk-hit1 .7s cubic-bezier(.2,.8,.2,1) both}
.logo.pk-hit2{animation:pk-hit2 1.1s cubic-bezier(.2,.8,.2,1) both}
@keyframes pk-hit1{0%{transform:none}10%{transform:translateX(14px) rotate(9deg) scale(.9,1.08)}30%{transform:translateX(-6px) rotate(-5deg)}50%{transform:translateX(4px) rotate(3deg)}70%{transform:translateX(-2px) rotate(-1deg)}100%{transform:none}}
@keyframes pk-hit2{0%{transform:none}8%{transform:translate(-34px,-10px) rotate(-22deg) scale(1.15,.82)}20%{transform:translate(12px,0) rotate(12deg) scale(.88,1.12)}32%{transform:translateX(-9px) rotate(-8deg)}44%{transform:translateX(6px) rotate(5deg)}58%{transform:translateX(-3px) rotate(-2deg)}75%{transform:rotate(1deg)}100%{transform:none}}
.pk-social{display:flex;gap:14px;justify-content:center;margin:.7rem 0 .4rem;flex-wrap:wrap;font:12px ui-monospace,'SF Mono',Menlo,Consolas,monospace;letter-spacing:.08em}
.pk-social a{display:inline-flex;align-items:center;gap:6px;color:#9fe9ff;opacity:.72;text-decoration:none;padding:6px 11px;min-height:32px;box-sizing:border-box;border:1px solid rgba(0,229,255,.22);border-radius:999px;transition:opacity .2s,border-color .2s,box-shadow .2s}
.pk-social a:hover,.pk-social a:focus-visible{opacity:1;border-color:rgba(0,229,255,.7);box-shadow:0 0 12px rgba(0,229,255,.25)}
.pk-social svg{width:15px;height:15px;fill:currentColor}.pk-social svg .o{fill:none;stroke:currentColor;stroke-width:2}
@media (prefers-reduced-motion:reduce){.pk-ov{display:none}.logo.pk-hit1,.logo.pk-hit2{animation:none!important}}