.pk-landing{--paper:var(--sl-color-black);--text:var(--pk-text);--dim:var(--pk-dim)}.pk-hero{min-height:calc(100svh - var(--sl-nav-height) - 3rem - 1px);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:8px;margin:0;display:grid}main:has(.pk-landing){padding-bottom:0}main:has(.pk-landing) footer{display:none}.pk-hero.no-robot{grid-template-columns:minmax(0,1fr);min-height:0;padding:3rem 0}.pk-hero-text{z-index:2;pointer-events:none;position:relative}.pk-hero-text .actions{pointer-events:auto}.pk-hero h1.wordmark{--wm-pin:var(--pk-wm-pin);--wm-crab:var(--pk-wm-crab);--vp:72% 320%;width:fit-content;perspective:var(--perspective,1400px);perspective-origin:var(--vp);margin:0 0 1.5rem -4px;line-height:0}.wordmark .sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wordmark .tilt{width:clamp(300px,40vw,560px);transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));display:block;position:relative}.wordmark svg{width:100%;height:auto;transform-origin:var(--vp);display:block;overflow:visible}.wordmark svg.layer-crab,.wordmark svg.side{position:absolute;inset:0}.wordmark svg.layer-pin{color:var(--wm-pin)}.wordmark svg.layer-crab{color:var(--wm-crab);transform:translateZ(var(--depth,0px)) scale(var(--undo,1))}.pk-hero .lede{max-width:17em;color:var(--pk-text);margin:0 0 1.75rem;font-size:1.375rem;line-height:1.4}.pk-hero .actions{flex-wrap:wrap;gap:12px;display:flex}.pk-landing a.go{--go-ink:#fff;--go-soft:#ffe1ee;min-width:300px;color:var(--go-ink);text-align:left;background:linear-gradient(135deg,#c93a7d 0%,#a8285f 100%);border:1px solid #9a2156;border-radius:20px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:14px;padding:12px 14px 12px 12px;text-decoration:none;transition:transform .2s cubic-bezier(.2,.7,.2,1),box-shadow .2s;display:inline-grid;box-shadow:inset 0 1px #ffffff40,0 14px 30px -16px #a8285f,0 2px 6px -2px #78144659}.pk-landing a.go:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff40,0 20px 36px -16px #a8285f,0 3px 8px -2px #78144659}.pk-landing a.go:active{transform:translateY(0)}.pk-landing a.go .badge{width:48px;height:48px;color:var(--pk-shell-deep);background:#fff;border-radius:14px;place-items:center;display:grid;box-shadow:0 2px 6px -2px #78144666}.pk-landing a.go .badge .claw{width:28px;height:28px}.pk-landing a.go .words{gap:2px;display:grid}.pk-landing a.go b{letter-spacing:-.01em;font-size:1.2rem;font-weight:800;line-height:1.2}.pk-landing a.go small{color:var(--go-soft);font-size:.875rem;line-height:1.3}.pk-landing a.go .go-arrow{border:1.5px solid var(--go-soft);width:34px;height:34px;color:var(--go-ink);border-radius:50%;place-items:center;transition:background-color .2s,color .2s,transform .2s;display:grid}.pk-landing a.go .go-arrow svg{width:18px;height:18px}.pk-landing a.go:hover .go-arrow{color:#a8285f;background:#fff;transform:translate(3px)}.pk-landing a.go:focus-visible{outline:2px solid var(--pk-shell);outline-offset:3px}.pk-hero .links{pointer-events:auto;flex-wrap:wrap;gap:20px;margin:1.25rem 0 0;padding:0;list-style:none;display:flex}.pk-hero .links li{margin:0}.pk-hero .links a{color:var(--pk-dim);white-space:nowrap;align-items:center;gap:6px;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.pk-hero .links a:hover{color:var(--pk-shell-deep)}.pk-hero .links a:focus-visible{outline:2px solid var(--pk-shell);outline-offset:3px;border-radius:4px}.pk-landing .scene{z-index:1;margin:0;position:relative}#hero-robot{touch-action:pan-y;width:100%;height:min(640px,72vh);display:block}.pk-hero{position:relative}.pk-loading{display:none}.pk-landing.pending .pk-loading{z-index:3;color:var(--pk-dim);pointer-events:none;place-content:center;justify-items:center;gap:12px;font-size:.875rem;font-weight:600;transition:opacity .3s,visibility .3s;display:grid;position:absolute;inset:0}.pk-landing.loaded .pk-loading{opacity:0;visibility:hidden}.pk-loading .claw{width:52px;height:52px;color:var(--pk-shell);animation:1.2s ease-in-out infinite pk-nip}.pk-loading .bar{background:var(--pk-line);border-radius:2px;width:120px;height:3px;display:block;position:relative;overflow:hidden}.pk-loading .bar:after{content:"";background:var(--pk-shell);border-radius:2px;width:40%;animation:1.1s ease-in-out infinite pk-run;position:absolute;inset:0 auto 0 0}@keyframes pk-nip{0%,to{transform:rotate(0)}50%{transform:rotate(-12deg)}}@keyframes pk-run{0%{transform:translate(-100%)}to{transform:translate(250%)}}.pk-landing.pending [data-step]{transition:opacity .6s,transform .6s cubic-bezier(.2,.7,.2,1)}.pk-landing.pending [data-step]:not(.in):not([data-step=wordmark]){opacity:0;transform:translateY(16px)}.pk-landing.pending [data-step=robot]:not(.in){transform:translateY(24px)scale(.97)}.pk-landing.pending .wordmark [data-g]{transform-box:fill-box;transform-origin:50% 80%}.pk-landing.pending .wordmark:not(.in) [data-g]{opacity:0}.pk-landing.pending .wordmark.in [data-g]{animation:.55s cubic-bezier(.3,1.5,.5,1) both pk-pop}.pk-landing.pending .wordmark.in [data-g="2"]{animation-delay:70ms}.pk-landing.pending .wordmark.in [data-g="3"]{animation-delay:.14s}.pk-landing.pending .wordmark.in [data-g="4"]{animation-delay:.21s}.pk-landing.pending .wordmark.in [data-g="5"]{animation-delay:.28s}.pk-landing.pending .wordmark.in [data-g="6"]{animation-delay:.35s}.pk-landing.pending .wordmark.in [data-g="7"]{animation-delay:.42s}@keyframes pk-pop{0%{opacity:0;transform:translateY(18%)scale(.2)}55%{opacity:1;transform:translateY(-6%)scale(1.15)}78%{transform:translateY(1%)scale(.95)}to{opacity:1;transform:none}}.scene svg.leaders{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.leaders path{fill:none;stroke:var(--pk-text);stroke-width:1px}.leaders path.halo{stroke:var(--sl-color-black);stroke-width:3px;opacity:.8}.leaders circle{fill:var(--sl-color-black);stroke:var(--pk-text);stroke-width:1.5px}.pk-landing .callouts{margin:0;padding:0;list-style:none}.pk-landing .callouts li{text-shadow:0 0 2px var(--sl-color-black), 0 0 4px var(--sl-color-black), 0 0 6px var(--sl-color-black);pointer-events:none;gap:1px;width:max-content;max-width:200px;margin:0;display:grid;position:absolute;transform:translateY(-50%)}.pk-landing .callouts li.west{text-align:right;transform:translate(-100%,-50%)}.pk-landing .callouts b{color:var(--pk-text);font-size:.8rem;font-weight:700}.pk-landing .callouts span{color:var(--pk-dim);font-size:.75rem;line-height:1.35}.pk-landing .callouts a{color:inherit;text-decoration:underline;text-decoration-color:var(--pk-shell);text-underline-offset:3px;pointer-events:auto}.pk-landing .callouts a:hover{color:var(--pk-shell-deep)}@media (width<=860px){.pk-hero{grid-template-columns:minmax(0,1fr);align-content:center;gap:0}.pk-hero-text{text-align:center;flex-direction:column;align-items:center;display:flex}.pk-hero h1.wordmark{margin:0 auto 1.25rem}.wordmark .tilt{width:clamp(260px,64vw,440px)}.pk-hero .lede{max-width:22em;margin:0 auto 1.5rem}.pk-hero .actions,.pk-hero .links{justify-content:center}#hero-robot{aspect-ratio:4/3;height:auto;max-height:46svh}.pk-landing .callouts span{display:none}}@media (width<=560px){.pk-hero h1.wordmark{margin:.25rem auto 1rem}.wordmark .tilt{width:min(100%,320px)}.pk-hero .lede{max-width:none;margin-bottom:1.25rem;font-size:1.2rem}.pk-hero .actions{grid-template-columns:1fr;align-self:stretch;display:grid}.pk-hero .links{margin-top:.5rem}.pk-landing a.go{width:100%;min-width:0}.pk-landing a.go b{font-size:1.125rem}.pk-hero .links{gap:8px 24px}.pk-hero .links a{min-height:44px}.pk-landing .scene{margin:.75rem calc(-1 * var(--sl-content-pad-x,1rem)) 0}#hero-robot{aspect-ratio:8/7}}@media (prefers-reduced-motion:reduce){.pk-landing a.go,.pk-landing a.go .go-arrow,.pk-landing.pending [data-step]{transition:none}.pk-loading .claw,.pk-loading .bar:after,.pk-landing.pending .wordmark.in [data-g]{animation:none}.pk-loading .bar:after{width:100%}}
