body.pk{--pk-bg:#FAF8F4;--pk-card:#F2F0EB;--pk-ink:#111;--pk-ink2:rgba(17,17,17,.64);--pk-line:rgba(17,17,17,.12);--pk-dk:#F2F0EB;--pk-dk2:#E9E6DF;--pk-focus:#2D5BFF;
  --pk-dk-ink:#111111;--pk-dk-mut:rgba(17,17,17,.66);--pk-dk-line:rgba(17,17,17,.12);--pk-disp:"Archivo","Inter",system-ui,sans-serif;--pk-body:"Inter",system-ui,sans-serif;background:var(--pk-bg);color:var(--pk-ink);font-family:var(--pk-body);-webkit-font-smoothing:antialiased}
:root[data-theme=dark] body.pk{--pk-bg:#0B0D14;--pk-card:#16181F;--pk-ink:#F2F2F4;--pk-ink2:rgba(242,242,244,.7);--pk-line:rgba(255,255,255,.12);--pk-dk:#111111;--pk-dk2:#16181F;--pk-dk-ink:#F2F2F4;--pk-dk-mut:rgba(242,242,244,.72);--pk-dk-line:rgba(255,255,255,.14)}
body.pk .pk-sec,body.pk .pk-plan,body.pk .pk-card,body.pk .pk-bill{transition:background-color .7s cubic-bezier(.65,0,.35,1),color .7s cubic-bezier(.65,0,.35,1),box-shadow .7s cubic-bezier(.65,0,.35,1)}
:root[data-theme=dark] .pk-plan,:root[data-theme=dark] .pk-card[aria-selected=true],:root[data-theme=dark] .pk-media{box-shadow:0 0 0 1px rgba(150,160,255,.12),0 24px 70px -34px rgba(120,130,255,.45)}
:root[data-theme=dark] .pk-dark{background-image:radial-gradient(1px 1px at 12% 22%,rgba(255,255,255,.55),transparent 60%),radial-gradient(1px 1px at 67% 12%,rgba(255,255,255,.4),transparent 60%),radial-gradient(1.5px 1.5px at 84% 64%,rgba(200,210,255,.5),transparent 60%),radial-gradient(1px 1px at 33% 78%,rgba(255,255,255,.35),transparent 60%),radial-gradient(1px 1px at 52% 44%,rgba(255,255,255,.3),transparent 60%);background-size:420px 380px}
body.pk :focus-visible{outline:2px solid var(--pk-focus);outline-offset:3px}
.pk-w{max-width:1280px;margin:0 auto;padding:0 40px}
.pk-h1,.pk-h2,.pk-pill,.pk-ctrl,.pk-tag,.pk-tool,.pk-bill,.pk-plan h3,.pk-price b,.pk-ct b{font-family:var(--pk-disp);font-stretch:125%;font-weight:500}
.pk-h2{font-size:clamp(34px,5vw,72px);line-height:1.02;letter-spacing:.01em;text-transform:uppercase;margin:0}
.pk-h2>span{display:block}
.pk-h2.pk-sm{font-size:clamp(28px,3.6vw,50px);max-width:20em;margin:0 auto}
.pk-muted{color:var(--pk-ink2);font-size:16px;line-height:1.55;max-width:560px;margin:20px auto 0}
.pk-muted a{color:inherit}
.pk-intro{text-align:center;max-width:1040px;margin:0 auto 64px;padding:0 24px}
.pk-sec{padding:136px 0;background:var(--pk-bg);color:var(--pk-ink)}
.pk-dark{background:color-mix(in srgb,var(--pk-dk) calc(var(--pk-dka,1) * 100%),var(--pk-bg));color:var(--pk-dk-ink);--pk-ink2:var(--pk-dk-mut);--pk-line:var(--pk-dk-line)}
:root:not([data-theme=dark]) .pk-dark .pk-pill-w{background:#111;color:#fff}:root:not([data-theme=dark]) .pk-dark .pk-pill-w:hover{background:#2a2a2a}
/* word reveal (pk.js wraps words); static under reduced motion */
.pk-wd{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.04em}
.pk-wd>span{display:inline-block;transform:translateY(108%);transition:transform .9s cubic-bezier(.2,.7,.1,1) var(--d,0ms)}
.pk-in .pk-wd>span{transform:none}
/* pills */
.pk-pill{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 20px;border-radius:999px;font-size:12.5px;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;border:0;cursor:pointer;transition:transform .15s ease,background .2s,color .2s;white-space:nowrap}
.pk-pill svg{display:none}.pk-pill:active{transform:scale(.97)}
.pk-pill-w{background:#fff;color:#111}.pk-pill-w:hover{background:#EDEBE6}
.pk-pill-g{background:rgba(255,255,255,.14);color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.pk-pill-g:hover{background:rgba(255,255,255,.22)}
.pk-pill-k{background:var(--pk-ink);color:var(--pk-bg)}.pk-pill-k:hover{opacity:.88}
.pk-pill-l{background:transparent;color:var(--pk-ink);box-shadow:inset 0 0 0 1px var(--pk-line)}.pk-pill-l:hover{box-shadow:inset 0 0 0 1px var(--pk-ink)}
.pk-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
:root:not([data-theme=dark]) .pk-hero .pk-pill-w{background:#111;color:#fff}:root:not([data-theme=dark]) .pk-hero .pk-pill-w:hover{background:#2a2a2a}
:root:not([data-theme=dark]) .pk-hero .pk-pill-g{background:rgba(17,17,17,.07);color:#111}.pk-pills.center{justify-content:center;margin-top:36px}

/* ===== hero: full-bleed studio, the d on the floor ===== */
.pk-hero{position:relative;height:100svh;min-height:680px;max-height:980px;overflow:hidden;isolation:isolate;--pk-h-fg:#111;--pk-h-mut:rgba(17,17,17,.62);--pk-h-line:rgba(17,17,17,.13);--pk-h-pill:rgba(17,17,17,.06);color:var(--pk-h-fg);transition:color .7s cubic-bezier(.65,0,.35,1);background:#efe3d2}
:root[data-theme=dark] .pk-hero{--pk-h-fg:#fff;--pk-h-mut:rgba(255,255,255,.7);--pk-h-line:rgba(255,255,255,.14);--pk-h-pill:rgba(255,255,255,.08);background:#0B0D14}
.pk-hero:before,.pk-hero:after{content:"";position:absolute;inset:0;z-index:-1;transition:opacity .8s cubic-bezier(.65,0,.35,1);pointer-events:none}
.pk-hero:before{background:radial-gradient(60% 55% at 18% 8%,rgba(255,246,226,.95),transparent 70%),radial-gradient(120% 95% at 50% 36%,#f7eddf 0%,#ecdcc6 48%,#dcc5a8 100%)}
.pk-hero:after{opacity:0;background:radial-gradient(40% 35% at 86% 10%,rgba(150,170,255,.16),transparent 70%),radial-gradient(120% 95% at 50% 38%,#1a2236 0%,#10162a 46%,#0b0d14 100%)}
:root[data-theme=dark] .pk-hero:before{opacity:0}:root[data-theme=dark] .pk-hero:after{opacity:1}
@keyframes pksweep{0%{opacity:0;transform:translateX(-60%)}20%{opacity:1}80%{opacity:1}100%{opacity:0;transform:translateX(60%)}}
/* day caustics on the floor (jelly.js fills + distorts it) */
.jd-caustic{position:absolute;left:50%;top:100%;width:calc(min(520px,55cqh) * 1.25);height:calc(min(520px,55cqh) * .2);transform:translate(-50%,-30%);pointer-events:none;z-index:0;opacity:.85;background-size:100% 100%;-webkit-mask-image:radial-gradient(closest-side,#000 40%,transparent 100%);mask-image:radial-gradient(closest-side,#000 40%,transparent 100%)}
:root[data-theme=dark] .jd-caustic{opacity:0}
.pk-stage{position:absolute;left:0;right:0;top:76px;bottom:31%;--jd-cx:50%;--jd-cy:50%;--pk-d:min(520px,55cqh);container-type:size;touch-action:pan-y;z-index:1;transform:translateY(calc(var(--pk-hp,0) * -70px)) scale(calc(1 - var(--pk-hp,0) * .08));transform-origin:50% 100%}
.pk-stage .jd-still{position:absolute;left:var(--jd-cx);top:var(--jd-cy);height:calc(min(520px,55cqh) / .72);width:auto;max-width:none;transform:translate(-50%,-50%);pointer-events:none;transition:opacity .8s ease}
.pk-stage .jd-shadow{position:absolute;left:50%;top:100%;width:calc(min(520px,55cqh) * .78);height:calc(min(520px,55cqh) * .1);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.62),transparent 70%);filter:blur(12px);pointer-events:none;z-index:0}
.pk-hero-copy{position:absolute;left:0;right:0;bottom:92px;z-index:2;opacity:calc(1 - var(--pk-hp,0) * 1.3);transform:translateY(calc(var(--pk-hp,0) * -36px));display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:48px;align-items:end;padding:0 40px;pointer-events:none}
.pk-hero-copy a,.pk-hero-copy button{pointer-events:auto}
.pk-h1{margin:0;font-size:clamp(28px,3.3vw,52px);line-height:1.02;letter-spacing:.01em;text-transform:uppercase;max-width:17em}
.pk-h1 span{display:inline}
.pk-hero-side{justify-self:end;max-width:400px}
.pk-hero-side p{margin:0;color:var(--pk-h-mut);font-size:15px;line-height:1.55;transition:color .7s cubic-bezier(.65,0,.35,1)}



@keyframes pkmarq{to{transform:translateX(-50%)}}

/* Moonpup on the studio floor, right of the d: breathes, blinks (jw.js), hops when the d lands near it, squishes on a poke */
.pk-pup{all:unset;position:absolute;z-index:2;bottom:2px;left:calc(50% + min(520px,55cqh) * .42 + 24px);width:clamp(72px,10cqh,96px);cursor:pointer;line-height:0;transform:rotate(var(--pk-look,0deg));transition:transform .5s cubic-bezier(.2,.7,.1,1),left .7s cubic-bezier(.22,1,.36,1),bottom .7s cubic-bezier(.22,1,.36,1),width .7s cubic-bezier(.22,1,.36,1)}
:root[data-theme=dark] .pk-pup{left:calc(100% - clamp(110px,15cqh,150px) - 6%);bottom:calc(100% - clamp(110px,15cqh,150px) - 4%);width:clamp(96px,14cqh,138px)}
.pk-pup:before{content:"";position:absolute;inset:-60%;border-radius:50%;background:radial-gradient(closest-side,rgba(200,210,255,.32),rgba(150,160,255,.1) 55%,transparent 75%);opacity:0;transition:opacity .7s cubic-bezier(.65,0,.35,1);pointer-events:none}
:root[data-theme=dark] .pk-pup:before{opacity:1}
:root[data-theme=dark] .pk-pup img{filter:drop-shadow(0 0 18px rgba(190,200,255,.55))}
.pk-pup img{width:100%;height:auto;transform-origin:50% 100%;animation:pkbreathe 3.8s ease-in-out infinite;filter:drop-shadow(0 10px 10px rgba(0,0,0,.35))}
.pk-pup.pk-hop img{animation:pkhop .7s cubic-bezier(.3,.6,.3,1)}.pk-pup.pk-squish img{animation:pksquish .5s cubic-bezier(.3,.6,.3,1)}
.pk-pup:focus-visible{outline:2px solid var(--pk-focus);outline-offset:4px;border-radius:12px}
@keyframes pkbreathe{0%,100%{transform:scale(1,1)}50%{transform:scale(1.025,.972)}}
@keyframes pkhop{0%{transform:none}25%{transform:translateY(-26px) scale(.96,1.05)}55%{transform:translateY(0) scale(1.08,.9)}75%{transform:translateY(-6px)}100%{transform:none}}
@keyframes pksquish{0%{transform:none}30%{transform:scale(1.14,.82)}60%{transform:scale(.95,1.06)}100%{transform:none}}
/* hairline progress inside the nav pill */
.pk-progline{position:absolute;left:22px;right:22px;bottom:0;height:1px;background:var(--sf-ink);opacity:.45;transform:scaleX(var(--pk-p,0));transform-origin:left;pointer-events:none}

/* file drop: overlay while dragging, a quiet hint line, the capture card beside the d */
.pk-drop{position:absolute;inset:12px;z-index:4;border:1px dashed rgba(255,255,255,.55);border-radius:24px;background:rgba(17,17,17,.62);display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .2s}
.pk-drop span{font-family:var(--pk-disp);font-stretch:125%;font-weight:500;font-size:clamp(16px,2vw,24px);letter-spacing:.02em;text-transform:uppercase;color:#fff}
.pk-dropping .pk-drop{opacity:1}
.pk-card-out{position:absolute;z-index:4;left:24px;top:206px;width:min(340px,calc(100% - 48px));background:#FAF8F4;color:#111;border-radius:16px;padding:16px;display:grid;gap:10px;font-size:14px;line-height:1.45;animation:pkcard .5s cubic-bezier(.2,.7,.1,1)}
.pk-card-out[hidden]{display:none}
@keyframes pkcard{from{opacity:0;transform:translateY(12px)}}
.pk-co-h{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center}.pk-co-h img{width:56px;height:56px;border-radius:10px;object-fit:cover}
.pk-co-h b{display:block;font-family:var(--pk-disp);font-stretch:125%;font-weight:500;font-size:13px;letter-spacing:.04em;text-transform:uppercase}.pk-co-h span{font-size:12px;color:rgba(17,17,17,.55)}
.pk-co-x{all:unset;cursor:pointer;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;font-size:18px;color:rgba(17,17,17,.6)}.pk-co-x:hover{background:#F2F0EB}
.pk-co-p{margin:0;max-height:9.5em;overflow:auto}.pk-co-none{color:rgba(17,17,17,.7)}.pk-co-n{margin:0;font-size:12.5px;color:rgba(17,17,17,.6)}
.pk-co-chips{display:flex;flex-wrap:wrap;gap:4px}.pk-co-chips span{background:#F2F0EB;border-radius:999px;padding:3px 9px;font-size:11.5px;font-family:"JetBrains Mono",ui-monospace,monospace}
.pk-co-c2{margin:0;font-size:12px;color:rgba(17,17,17,.6)}.pk-co-f{font-size:11.5px;color:rgba(17,17,17,.5);border-top:1px solid rgba(17,17,17,.1);padding-top:8px}

/* scroll journey (desktop): the stage docks into a small floating companion, squeezes on card changes, settles by the final CTA */
.pk-stage.pk-docked{position:fixed;top:auto;left:auto;right:28px;bottom:auto;width:var(--dock,130px);height:var(--dock,130px);z-index:40;transform:none!important;border-radius:22px;background:color-mix(in srgb,var(--pk-card) 70%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 0 1px var(--pk-line);transition:opacity .3s ease}
.pk-stage.pk-docked .pk-pup,.pk-stage.pk-docked .jd-caustic{display:none}
.pk-stage.pk-docked.pk-by-cta{background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.pk-stage.pk-docked.pk-by-cta{width:150px;height:150px;transition:left .7s cubic-bezier(.2,.7,.1,1),top .7s cubic-bezier(.2,.7,.1,1),width .4s,height .4s,opacity .3s ease}.pk-stage.pk-docked.pk-dock-bubble{border-radius:22px}
.pk-stage.pk-docked{scale:1;transform-origin:100% 100%}.pk-stage.pk-docked.pk-dock-out{opacity:0;scale:.6;pointer-events:none;visibility:hidden;transition:opacity .3s ease,scale .3s ease,visibility 0s .3s ease}.pk-stage.pk-docked:not(.pk-dock-out){transition:opacity .3s ease,scale .3s ease}
.pk-stage.pk-docked.pk-dock-hide{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .25s ease,visibility 0s .25s}   /* last resort only: no free spot in its lane */
.pk-clip.pk-pop{animation:pkpop .6s cubic-bezier(.2,.7,.1,1)}
@keyframes pkpop{0%{transform:scale(.95)}60%{transform:scale(1.01)}100%{transform:none}}

/* the jelly control sits top-left in the studio; tip + panel open to the right */
.pk-hero>.jp{top:84px;left:24px;right:auto}.pk-hero>.jp .jp-tip{right:auto;left:calc(100% + 8px);transform:translate(-4px,-50%)}.pk-hero>.jp .jp-btn:hover .jp-tip{transform:translate(0,-50%)}.pk-hero>.jp .jp-panel{right:auto;left:0;transform-origin:top left}

/* dance: Moonpup bobs on the beat; at night the hero stars twinkle on the beat */
.pk-pup.pk-bob img{animation:pkbob .34s cubic-bezier(.3,.7,.3,1)}
@keyframes pkbob{0%{transform:none}35%{transform:translateY(-9px) scale(.97,1.04)}70%{transform:translateY(0) scale(1.05,.95)}100%{transform:none}}
.pk-stars{position:absolute;inset:0 0 35% 0;z-index:-1;pointer-events:none;opacity:0;transition:opacity .8s cubic-bezier(.65,0,.35,1);background-image:radial-gradient(1.2px 1.2px at 12% 18%,#fff,transparent 60%),radial-gradient(1px 1px at 27% 42%,rgba(255,255,255,.8),transparent 60%),radial-gradient(1.4px 1.4px at 41% 12%,#dfe6ff,transparent 60%),radial-gradient(1px 1px at 58% 30%,rgba(255,255,255,.7),transparent 60%),radial-gradient(1.2px 1.2px at 72% 22%,#fff,transparent 60%),radial-gradient(1px 1px at 86% 46%,rgba(220,228,255,.8),transparent 60%),radial-gradient(1.3px 1.3px at 64% 8%,#fff,transparent 60%),radial-gradient(1px 1px at 8% 52%,rgba(255,255,255,.6),transparent 60%),radial-gradient(1px 1px at 34% 6%,rgba(255,255,255,.7),transparent 60%),radial-gradient(1.1px 1.1px at 93% 14%,#fff,transparent 60%)}
:root[data-theme=dark] .pk-stars{opacity:.75}
:root[data-theme=dark] .pk-stars.pk-tw{animation:pktw .4s ease-out}
@keyframes pktw{0%{opacity:1;filter:brightness(1.9)}100%{opacity:.75;filter:none}}
@media (prefers-reduced-motion:reduce){.pk-pup.pk-bob img,.pk-stars.pk-tw{animation:none}}

/* ===== the studio around the d: floating capture cards, platform orbit, live demo card (jw.js animates; static under reduced motion) ===== */
.pk-scene{position:absolute;inset:0;pointer-events:none;z-index:0}
.pk-fc{position:absolute;left:var(--x);top:var(--y);width:calc(156px * (1 - var(--z) * .42));margin:0;translate:-50% -50%;opacity:calc(1 - var(--z) * .38);filter:blur(calc((var(--z) - .45) * 2.4px));will-change:transform;
  background:#fff;padding:5px 5px 7px;border-radius:10px;box-shadow:0 14px 28px -16px rgba(60,40,20,.45),0 2px 6px rgba(60,40,20,.12);transition:background .7s cubic-bezier(.65,0,.35,1),box-shadow .7s cubic-bezier(.65,0,.35,1),border-color .7s cubic-bezier(.65,0,.35,1)}
.pk-fc>img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px}
.pk-fc figcaption{display:grid;gap:3px;padding:5px 2px 0;font:500 9.5px/1.25 "Inter",system-ui,sans-serif;color:#2a2a2a}
.pk-fc-chip{display:inline-flex;align-items:center;gap:4px;font-weight:600;font-size:9.5px}.pk-fc-chip img{width:12px;height:12px;border-radius:3px}
.pk-fc-p{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#5a5853}
:root[data-theme=dark] .pk-fc{background:rgba(255,255,255,.06);border:1px solid rgba(200,210,255,.24);box-shadow:0 0 0 1px rgba(150,160,255,.08),0 10px 34px -10px rgba(120,130,255,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
:root[data-theme=dark] .pk-fc figcaption,:root[data-theme=dark] .pk-fc-p{color:rgba(235,238,255,.82)}
.pk-orbit{position:absolute;inset:0}
.pk-orb{position:absolute;left:0;top:0;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;display:grid;place-items:center;will-change:transform;transition:opacity .35s ease;
  background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.95),rgba(255,255,255,.55) 38%,rgba(225,220,255,.35) 70%),rgba(255,255,255,.4);box-shadow:inset 0 -3px 6px rgba(120,100,200,.25),0 6px 14px -6px rgba(60,40,90,.4)}
.pk-orb img{width:58%;height:58%;object-fit:contain;border-radius:6px}
:root[data-theme=dark] .pk-orb{background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.55),rgba(170,180,255,.22) 45%,rgba(120,130,255,.12) 75%);box-shadow:inset 0 -3px 8px rgba(150,160,255,.35),0 0 18px -4px rgba(140,150,255,.55)}
.pk-orb.pk-orb-bob img{animation:pkorbbob .34s cubic-bezier(.3,.7,.3,1)}@keyframes pkorbbob{40%{transform:translateY(-4px) scale(1.12)}}
.pk-live{position:absolute;z-index:3;right:28px;top:30%;width:248px;box-sizing:border-box;padding:12px;border-radius:14px;background:var(--sf-card);color:var(--sf-ink);box-shadow:0 0 0 1px var(--sf-line),0 18px 40px -24px rgba(0,0,0,.4);display:grid;gap:8px;font:400 12px/1.4 "Inter",system-ui,sans-serif;pointer-events:none;transition:background .7s cubic-bezier(.65,0,.35,1),color .7s cubic-bezier(.65,0,.35,1)}
.pk-live-tag{justify-self:start;font:600 9.5px/1 "Inter",system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;padding:4px 7px;border-radius:999px;background:var(--sf-line);color:var(--sf-mut)}
.pk-live-h{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center}.pk-live-th{width:44px;height:44px;border-radius:8px;object-fit:cover}
.pk-live-tool{display:flex;align-items:center;gap:5px;font-weight:600;font-size:12.5px}.pk-live-tool img{width:16px;height:16px;border-radius:4px}.pk-live-h small{display:block;color:var(--sf-mut);font-size:11px}
.pk-live-p{margin:0;min-height:3.9em;color:var(--sf-ink);font-size:12px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pk-live-p.pk-typing:after{content:"";display:inline-block;width:1px;height:1em;margin-left:1px;vertical-align:-2px;background:currentColor;animation:pkcaret .8s steps(1) infinite}@keyframes pkcaret{50%{opacity:0}}
.pk-live-ok{justify-self:start;display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:11.5px;padding:4px 9px;border-radius:999px;background:#2D5BFF;color:#fff;opacity:0;transform:translateY(3px);transition:opacity .3s ease,transform .3s ease}
.pk-live-ok:before{content:"✓"}.pk-live.pk-done .pk-live-ok{opacity:1;transform:none}
.pk-docked .pk-scene,.pk-docked ~ .pk-live,.pk-stage.pk-docked .pk-live{display:none}
@media (max-width:760px){.pk-fc{left:var(--mx);top:var(--my);width:calc(98px * (1 - var(--z) * .3))}.pk-fc:nth-of-type(n+5){display:none}.pk-fc figcaption{font-size:8.5px}.pk-fc-p{display:none}.pk-orb{width:26px;height:26px;margin:-13px 0 0 -13px}.pk-live{display:none}}
@media (prefers-reduced-motion:reduce){.pk-live-p.pk-typing:after{animation:none}.pk-orb.pk-orb-bob img{animation:none}}

/* ===== platform strip: monochrome marks,jelly entrance,scroll-velocity marquee (jw.js){animation:none}












@keyframes pklgsquish{0%{transform:translateY(0)}35%{transform:translateY(-6px) scale(1.12,.88)}65%{transform:translateY(-3px) scale(.95,1.06)}100%{transform:translateY(-4px)}}
@keyframes pklgrip{40%{transform:translateY(-3px) scale(1.05,.95)}}


@keyframes pklgin{0%{opacity:0;transform:scale(.6);filter:blur(6px)}55%{opacity:1;transform:scale(1.08,.93);filter:blur(0)}80%{transform:scale(.97,1.03)}100%{opacity:1;transform:none;filter:none}}
@keyframes pklgbob{40%{transform:translateY(-6px) scale(1.06,.94)}}
@keyframes pklgpulse{0%{box-shadow:0 0 0 0 rgba(122,99,255,.55)}100%{box-shadow:0 0 0 14px rgba(122,99,255,0)}}
.pk-dot{position:fixed;left:0;top:0;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:#7a63ff;box-shadow:0 0 12px 2px rgba(122,99,255,.7);pointer-events:none;z-index:7}
@media (max-width:760px){}
@media (prefers-reduced-motion:reduce){}

/* ===== intro film (pinned scroll transition, jw.js) ===== */
.pk-film-pin{position:relative;padding:0;background:var(--pk-bg);color:var(--pk-ink)}   /* padding:0 overrides the base section{padding:120px 0}, which offset the sticky */
.pk-anchor{position:absolute;top:0;left:0;width:1px;height:1px}
.pk-film-sticky{position:relative;padding:184px 0 40px}
.pk-film-pin.is-pinned .pk-film-sticky{position:sticky;top:0;box-sizing:border-box;padding-bottom:0}
.pk-film-text{margin-bottom:56px;will-change:transform,opacity;opacity:var(--fade,1);position:relative;z-index:2}
.pk-film{position:relative;max-width:1100px;margin:0 auto;aspect-ratio:16/10;border-radius:16px;overflow:hidden;background:var(--pk-card);box-shadow:inset 0 0 0 1px var(--pk-line);transform-origin:50% 0;will-change:transform}   /* no entrance animation: it is visible from the first frame of the pin */
.pk-film video,.pk-film-po{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
/* posters are images per theme (no light→dark swap on load); the clip shows over them once it is actually playing */
.pk-film video{opacity:0;transition:opacity .25s ease}.pk-film.pk-playing video{opacity:1}
.pk-film-po-d{display:none}:root[data-theme=dark] .pk-film-po-d{display:block}:root[data-theme=dark] .pk-film-po-l{display:none}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .pk-film-po-d{display:block}:root:not([data-theme=light]) .pk-film-po-l{display:none}}   /* frame takes the clip's own ratio (jw.js); never crop */
.pk-film:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--pk-line);pointer-events:none}
@keyframes pkfilmin{from{opacity:0}}
@media (max-width:1023px){.pk-film-sticky{padding:88px 0 40px}.pk-film-text{margin-bottom:36px}}

/* ===== feature accordion ===== */
.pk-feat{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:24px;align-items:start}
.pk-media{border-radius:16px;overflow:hidden;background:var(--pk-card);position:sticky;top:96px;isolation:isolate}
.pk-clip{position:absolute;inset:0;opacity:0;transform:scale(1.045);transition:opacity .65s ease,transform 1s cubic-bezier(.2,.7,.1,1)}.pk-clip.pk-on{opacity:1;transform:none;z-index:1}
.pk-clip video,.pk-clip .v4-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.pk-clip .v4-poster{transition:opacity .35s}.pk-clip.pk-playing .v4-poster{opacity:0}
.pk-cards{display:grid;gap:8px}
.pk-card{all:unset;box-sizing:border-box;position:relative;overflow:hidden;display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;align-items:center;padding:16px;border-radius:16px;cursor:pointer;box-shadow:inset 0 0 0 1px var(--pk-line);transition:background .25s,box-shadow .25s}
.pk-card[aria-selected=true]{background:var(--pk-card);box-shadow:none;align-items:start}
.pk-card:focus-visible{outline:2px solid var(--pk-focus);outline-offset:2px}
.pk-ico{width:44px;height:44px;border-radius:12px;background:#111;color:#fff;display:grid;place-items:center}
:root[data-theme=dark] .pk-ico{background:#fff;color:#111}
.pk-ico svg{width:22px;height:22px}
.pk-ct{display:grid;gap:0;padding-top:2px}
.pk-ct b{font-size:20px;line-height:1.2;letter-spacing:0;padding-top:9px}
.pk-card[aria-selected=true] .pk-ct b{padding-top:0}
.pk-cd{color:var(--pk-ink2);font-size:15px;line-height:1.5;max-height:0;opacity:0;overflow:hidden;transition:max-height .4s ease,opacity .3s ease,margin .3s ease}
.pk-card[aria-selected=true] .pk-cd{max-height:120px;opacity:1;margin-top:6px}
.pk-prog{position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--pk-ink);opacity:.5}
.pk-card.pk-run .pk-prog{width:100%;transition:width 7s linear}

/* ===== dark: sample-art tiles ===== */
.pk-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.pk-tile{margin:0}
[data-pk-stagger]>*{opacity:0;transform:translateY(36px);transition:opacity .7s ease,transform 1s cubic-bezier(.2,.7,.1,1);transition-delay:calc(var(--i,0) * 90ms)}
[data-pk-stagger].pk-in>*{opacity:1;transform:none}
.pk-tile img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:16px;background:var(--pk-dk2)}
.pk-tile figcaption{margin-top:14px}
.pk-tool{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--pk-dk-mut)}
.pk-tile p{margin:6px 0 0;font-size:14px;line-height:1.45;color:var(--pk-dk-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ===== pricing ===== */
.pk-bill{display:flex;gap:4px;margin:-24px auto 40px;background:var(--pk-card);border-radius:999px;padding:4px;width:max-content;font-size:12px;letter-spacing:.04em;text-transform:uppercase}
.pk-bill button{all:unset;cursor:pointer;height:34px;padding:0 16px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;color:var(--pk-ink2)}
.pk-bill button[aria-pressed=true]{background:var(--pk-ink);color:var(--pk-bg)}
.pk-bill small{font-size:inherit;text-transform:none;letter-spacing:0}
.pk-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:1000px}
.pk-plan{background:var(--pk-card);border-radius:16px;padding:32px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.pk-tag{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--pk-ink2)}
.pk-plan h3{margin:0;font-size:30px;text-transform:uppercase;letter-spacing:.01em}
.pk-price{display:flex;align-items:baseline;gap:10px}.pk-price b{font-size:56px;line-height:1;letter-spacing:-.01em}.pk-price span{color:var(--pk-ink2);font-size:14px}
.pk-plan .pk-muted{margin:0;font-size:15px}
.pk-trial{color:var(--pk-ink2);font-size:12.5px;margin-top:-6px}
.pk-pts{list-style:none;margin:8px 0 0;padding:0;width:100%;font-size:14.5px}
.pk-pts li{padding:11px 0;border-top:1px solid var(--pk-line)}
.pk-note{text-align:center;margin-top:28px;font-size:14px}

/* ===== FAQ ===== */
.pk-faq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:64px;align-items:start}
.pk-left{text-align:left;font-size:clamp(30px,3.6vw,52px)}
.pk-faq-h .pk-muted{margin-left:0}
.pk-q{border-top:1px solid var(--pk-line)}.pk-q:last-child{border-bottom:1px solid var(--pk-line)}
.pk-q summary{list-style:none;cursor:pointer;padding:22px 40px 22px 0;font-size:17px;font-weight:500;line-height:1.4;position:relative}
.pk-q summary::-webkit-details-marker{display:none}
.pk-q summary:after{content:"";position:absolute;right:6px;top:50%;width:12px;height:12px;margin-top:-6px;background:linear-gradient(currentColor,currentColor) center/12px 1.5px no-repeat,linear-gradient(currentColor,currentColor) center/1.5px 12px no-repeat;transition:transform .25s}
.pk-q[open] summary:after{transform:rotate(45deg)}
.pk-a{padding:0 0 24px;color:var(--pk-ink2);font-size:15.5px;line-height:1.6;max-width:62ch}
.pk-final .pk-intro{margin-bottom:0}.pk-final .pk-muted{font-size:13px;margin-top:16px}

/* ===== shared chrome under body.pk ===== */
body.pk header.nav{position:fixed;top:14px;left:0;right:0;z-index:60;background:none;border:0;box-shadow:none;padding:0}
body.pk header.nav .w{max-width:none;padding:0 16px}
body.pk header.nav .cap{max-width:880px;margin:0 auto;min-height:52px;padding:6px 6px 6px 18px;border-radius:999px;background:rgba(17,17,17,.86);-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);border:1px solid rgba(255,255,255,.08);box-shadow:none;color:#fff}
body.pk header.nav .brand{display:flex;align-items:center;gap:8px}body.pk header.nav .brand .v4-word{filter:invert(1);height:16px;width:auto}body.pk header.nav nav a{white-space:nowrap}body.pk header.nav .brand img:first-child{width:28px;height:28px}
:root:not([data-theme=dark]) body.pk header.nav .theme .moon{display:none}:root[data-theme=dark] body.pk header.nav .theme .ti>svg:not(.moon){display:none}
body.pk header.nav nav a{color:rgba(255,255,255,.72);font-size:13px}body.pk header.nav nav a:hover{color:#fff}
body.pk header.nav .theme{color:rgba(255,255,255,.8)}
body.pk header.nav .btn{background:#fff;color:#111;border-radius:999px;height:40px;padding:0 18px;font-family:var(--pk-disp);font-stretch:125%;font-weight:500;font-size:12px;letter-spacing:.04em;text-transform:uppercase;box-shadow:none}
body.pk header.nav .btn svg{display:none}
body.pk .progress,body.pk .dots,body.pk .mbar{display:none}
body.pk .v7-footer{background:var(--pk-dk);color:#fff;padding:72px 0 32px;border-top:1px solid rgba(255,255,255,.08)}
body.pk .v7-footer .w{max-width:1280px;padding:0 40px}
body.pk .v7-ftop{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:24px;align-items:center;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.12)}
body.pk .v7-ftop .brand{display:flex;align-items:center;gap:10px}body.pk .v7-ftop .brand .v4-word{filter:invert(1);height:22px;width:auto}
body.pk .v7-fdesc{margin:0;max-width:52ch;font-size:14px;line-height:1.55;color:rgba(255,255,255,.6)}
body.pk .v7-ftop .btn{background:#fff;color:#111;border-radius:999px;font-family:var(--pk-disp);font-stretch:125%;font-weight:500;font-size:12px;letter-spacing:.04em;text-transform:uppercase;box-shadow:none}
body.pk .v7-ftop .btn svg{display:none}
body.pk .v7-fcols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:40px 0;border-bottom:1px solid rgba(255,255,255,.12)}
body.pk .v7-fcols h3{margin:0 0 14px;font-family:var(--pk-disp);font-stretch:125%;font-weight:500;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.5)}
body.pk .v7-fcols ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}body.pk .v7-fcols a{color:rgba(255,255,255,.78);text-decoration:none;font-size:14px}body.pk .v7-fcols a:hover{color:#fff}
body.pk .v7-fbottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-top:24px}body.pk .legal-line,body.pk .v7-faff{margin:0;font-size:12px;color:rgba(255,255,255,.45)}body.pk .v7-faff{margin-top:12px}
.pk-copy{display:inline-flex;align-items:center;gap:8px}
.pk-moon{all:unset;cursor:pointer;width:36px;line-height:0;transition:transform .2s}.pk-moon img{width:100%;height:auto}.pk-moon.pk-poked{transform:scale(1.08) rotate(-4deg)}
.pk-moon:focus-visible{outline:2px solid var(--pk-focus);outline-offset:4px;border-radius:12px}
body.pk .cookie{border-radius:16px}

/* ===== responsive ===== */
@media (max-width:1024px){.pk-feat{grid-template-columns:1fr}.pk-media{position:relative;top:0}.pk-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.pk-faq{grid-template-columns:1fr;gap:32px}.pk-hero-copy{grid-template-columns:1fr;gap:20px}.pk-hero-side{justify-self:start}}
@media (max-width:760px){
  .pk-w,body.pk .v7-footer .w{padding:0 20px}.pk-sec{padding:88px 0}.pk-intro{margin-bottom:40px}
  .pk-hero{height:auto;min-height:0;max-height:none;display:flex;flex-direction:column;padding-top:72px}
  .pk-stage{position:relative;top:auto;bottom:auto;left:auto;right:auto;height:340px;flex:none}
  .pk-pup{left:auto;right:14px;width:70px}
  .pk-hero>.jp{top:78px;left:16px}
  .pk-hero-copy{position:relative;bottom:auto;padding:28px 20px 32px}.pk-h1{font-size:25px}.pk-hero-side p{font-size:14px}
  
  .pk-plans{grid-template-columns:1fr}.pk-plan{padding:24px}
  .pk-ct b{font-size:18px}
  body.pk .v7-ftop{grid-template-columns:auto auto;}body.pk .v7-fdesc{grid-column:1/-1}body.pk .v7-fcols{grid-template-columns:1fr 1fr}
}
@media (prefers-reduced-motion:reduce){.pk-hero,.pk-hero:before,.pk-hero:after,.pk-pup,.jd-caustic,body.pk .pk-sec{transition:none!important}.pk-sweep{display:none}.pk-stage,.pk-hero-copy{transform:none!important;opacity:1!important}.pk-pup img{animation:none!important}[data-pk-stagger]>*{opacity:1;transform:none;transition:none}.pk-clip{transition:none;transform:none}.pk-dark{background:var(--pk-dk);color:var(--pk-dk-ink)}.pk-progline{display:none}.pk-wd>span{transform:none;transition:none}.pk-card.pk-run .pk-prog{transition:none;width:0}.pk-cd{transition:none}}

/* Brand lockup, one rule for every page: aurora tile 28px + Geist wordmark at cap height, optically centred. */
header .brand{gap:10px!important;padding-right:0!important;min-height:0!important;align-items:center}
header .brand img:first-child{width:28px!important;height:28px!important;filter:none!important;border-radius:7px;flex:none}
header .brand .v4-word{display:block!important;height:15px!important;width:auto!important;margin-top:1px}
header .brand span,header .brand:after{display:none!important;content:none!important}
header .brand .v4-word{filter:invert(1)!important}
:root[data-theme=light] header .brand .v4-word{filter:none!important}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) header .brand .v4-word{filter:none!important}}
/* ---------- /get-started/ (start.ts, rebuilt 5 Oct 2026): the onboarding steps in the home's design ---------- */
.gs2-paid{padding:132px 0 0;background:var(--pk-bg)}
.gs2-paidc{background:var(--pk-card);border-radius:20px;padding:40px;display:grid;gap:28px}
.gs2-paid-top{display:flex;gap:24px;align-items:center}
.gs2-paid-pup{width:96px;height:auto;flex:none}
.gs2-kick{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--pk-ink2);margin:0 0 10px}
.gs2-paid-h{font-size:clamp(28px,3.4vw,48px)}
.gs2-unl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.gs2-unl li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.45;background:var(--pk-bg);border-radius:12px;padding:12px 14px}
.gs2-unl svg{width:18px;height:18px;flex:none;margin-top:1px;color:#1f9d55}
.gs2-paid-cols{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.gs2-paid-cols p,.gs2-ol{margin:0;font-size:15px;line-height:1.6;color:var(--pk-ink2)}
.gs2-ol{padding-left:20px;display:grid;gap:8px}
.gs2-h3{font-family:var(--pk-disp);font-stretch:125%;font-weight:500;font-size:15px;letter-spacing:.04em;text-transform:uppercase;margin:0 0 10px;color:var(--pk-ink)}
.gs2-hero{padding:168px 0 72px;background:var(--pk-bg)}
.gs2-hero.gs2-after-paid{padding-top:72px}
.gs2-crumbs{font-size:13px;color:var(--pk-ink2);margin:0 0 22px}.gs2-crumbs a{color:inherit}
.gs2-h1{font-size:clamp(34px,5.2vw,76px);max-width:14em}
.gs2-lede{font-size:18px;line-height:1.55;color:var(--pk-ink2);max-width:620px;margin:22px 0 0}
.gs2-acts{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:30px}
.gs2-time{font-size:13px;color:var(--pk-ink2);margin-left:6px}
.gs2-steps{padding:24px 0 112px;background:var(--pk-bg)}
.gs2-list{list-style:none;margin:0;padding:0;display:grid;gap:20px}
.gs2-step{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:center;background:var(--pk-card);border-radius:20px;padding:40px;scroll-margin-top:96px}
.gs2-n{display:block;font-family:var(--pk-disp);font-stretch:125%;font-size:13px;letter-spacing:.08em;color:var(--pk-ink2);margin-bottom:14px}
.gs2-t{font-family:var(--pk-disp);font-stretch:125%;font-weight:500;font-size:clamp(24px,2.6vw,38px);line-height:1.04;letter-spacing:.01em;text-transform:uppercase;margin:0}
.gs2-txt p{font-size:16px;line-height:1.6;margin:16px 0 0;color:var(--pk-ink)}
.gs2-txt .gs2-tip{font-size:14px;color:var(--pk-ink2);border-left:2px solid var(--pk-line);padding-left:12px}
.gs2-txt .gs2-acts{margin-top:22px}
.gs2-fig{margin:0;position:relative;border-radius:14px;overflow:hidden;background:var(--pk-bg);box-shadow:inset 0 0 0 1px var(--pk-line)}
.gs2-fig img,.gs2-fig video{display:block;width:100%;height:auto}
.gs2-clip img,.gs2-clip video{position:absolute;inset:0;height:100%;object-fit:contain}
.gs2-clip video{opacity:0;transition:opacity .25s ease}.gs2-clip.gs2-playing video{opacity:1}
.gs2-tall{background:transparent;box-shadow:none;display:flex;justify-content:center}
.gs2-tall img{width:auto;max-width:100%;max-height:520px;border-radius:14px;box-shadow:0 0 0 1px var(--pk-line)}
.gs2-po-d{display:none}:root[data-theme=dark] .gs2-po-d{display:block}:root[data-theme=dark] .gs2-po-l{display:none}
.gs2-signin{display:grid;place-items:center;padding:48px 24px;background:var(--pk-bg)}
.gs2-si{width:min(340px,100%);display:grid;gap:12px;justify-items:center;text-align:center;font-size:14px}
.gs2-si img{width:40px;height:40px}.gs2-si b{font-size:17px;margin:4px 0 6px}
.gs2-si-g,.gs2-si-b,.gs2-si-in{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;box-sizing:border-box;height:44px;border-radius:12px;font-weight:600}
.gs2-si-g{background:#fff;color:#1f1f1f;box-shadow:0 0 0 1px rgba(17,17,17,.14)}.gs2-si-g svg{width:18px;height:18px}
.gs2-si-or{color:var(--pk-ink2);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.gs2-si-in{justify-content:flex-start;padding:0 14px;font-weight:400;color:var(--pk-ink2);background:var(--pk-card);box-shadow:inset 0 0 0 1px var(--pk-line)}
.gs2-si-b{background:var(--pk-ink);color:var(--pk-bg)}
.gs2-fix{margin-top:20px;border-radius:20px;padding:28px 40px;box-shadow:inset 0 0 0 1px var(--pk-line)}
.gs2-fix p{margin:0;font-size:15px;line-height:1.6;color:var(--pk-ink2);max-width:760px}
.gs2-end-in{text-align:center}
.gs2-end-pup{width:84px;height:auto;margin:0 auto 18px;display:block}
@media (max-width:900px){.gs2-step{grid-template-columns:1fr;gap:28px;padding:28px}.gs2-paidc{padding:28px}.gs2-paid-cols{grid-template-columns:1fr;gap:20px}}
@media (max-width:640px){.gs2-hero{padding:128px 0 48px}.gs2-paid{padding-top:112px}.gs2-paid-top{flex-direction:column;align-items:flex-start;gap:14px}.gs2-paid-pup{width:72px}.gs2-step{padding:22px;border-radius:16px}.gs2-fix{padding:22px}.gs2-steps{padding-bottom:72px}.gs2-tall img{max-height:420px}}
@media (prefers-reduced-motion:reduce){.gs2-clip video{transition:none}}
/* ---------- the sample wall (home9 wall()): one tile per platform, two slowly drifting rows ---------- */
.pk-wall{display:grid;gap:16px;margin-top:56px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.pk-wall-t{display:flex;width:max-content;animation:pkwall 110s linear infinite}
.pk-wall-row:nth-child(2) .pk-wall-t{animation-duration:130s;animation-direction:reverse}
.pk-wall:hover .pk-wall-t,.pk-wall:focus-within .pk-wall-t{animation-play-state:paused}
@keyframes pkwall{to{transform:translate3d(-50%,0,0)}}
.pk-wall-h{display:flex;gap:16px;padding-right:16px}
.pk-wt{margin:0;flex:none;position:relative;height:260px;aspect-ratio:var(--ar);border-radius:14px;overflow:hidden;background:var(--pk-dk2);box-shadow:0 0 0 1px var(--pk-line)}
.pk-wall-row:nth-child(2) .pk-wt{height:214px}
.pk-wt-m,.pk-wt-m img,.pk-wt-m video{display:block;width:100%;height:100%;object-fit:contain}
.pk-wt .gs2-clip{position:absolute;inset:0}
.pk-wt figcaption{position:absolute;left:0;right:0;bottom:0;padding:28px 12px 10px;display:grid;grid-template-columns:1fr auto;gap:4px 8px;align-items:center;color:#fff;background:linear-gradient(180deg,transparent,rgba(0,0,0,.72));font-size:12px;line-height:1.35}
.pk-wt-tool{display:inline-flex;align-items:center;gap:7px;min-width:0}.pk-wt-tool img{width:18px;height:18px;border-radius:5px;background:#fff;flex:none}.pk-wt-tool b{font-weight:600;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pk-wt-ok{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:3px 8px 3px 6px;border-radius:999px;background:rgba(255,255,255,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pk-wt-ok svg{width:12px;height:12px}
.pk-wt figcaption p{grid-column:1/-1;margin:0;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pk-wt-badge{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;gap:5px;padding:4px 9px 4px 7px;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;font-size:11px;font-weight:600;letter-spacing:.02em;z-index:2}.pk-wt-badge svg{width:10px;height:10px}
.pk-wall-count{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:40px;text-align:center}
.pk-wall-count p{margin:0;font-family:var(--pk-disp);font-stretch:125%;font-weight:500;font-size:14px;letter-spacing:.06em;text-transform:uppercase}
.pk-wall-marks{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:760px}.pk-wall-marks img{width:22px;height:22px;border-radius:6px;background:#fff;opacity:.9;box-shadow:0 0 0 1px rgba(17,17,17,.12)}
.pk-wall-all{font-size:13px;color:inherit;opacity:.75}
@media (max-width:640px){.pk-wall{-webkit-mask-image:none;mask-image:none;margin-top:36px}.pk-wall-row{overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 16px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.pk-wall-row::-webkit-scrollbar{display:none}
  .pk-wall-t{animation:none}.pk-wall-h[aria-hidden]{display:none}.pk-wall-h{gap:12px;padding:0 16px}.pk-wt{height:190px;scroll-snap-align:start}.pk-wall-row:nth-child(2) .pk-wt{height:160px}.pk-wall-h .pk-wt:nth-child(n+7){display:none}}
@media (prefers-reduced-motion:reduce){.pk-wall{-webkit-mask-image:none;mask-image:none}.pk-wall-t{animation:none}.pk-wall-row{overflow-x:auto}.pk-wall-h[aria-hidden]{display:none}}
/* /get-started/ v3: the extension's annotated screens per step (start.ts frames()) */
.gs3-frames{display:grid;gap:18px}
.gs3-fig{margin:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:18px;align-items:start}
.gs3-fig.gs3-tall{grid-template-columns:minmax(0,320px) minmax(0,1fr)}
.gs3-media{position:relative;border-radius:14px;overflow:hidden;background:var(--pk-bg);box-shadow:0 0 0 1px var(--pk-line);max-height:560px}
.gs3-media>img{display:block;width:100%;height:100%;object-fit:contain}
.gs3-fig figcaption{font-size:14.5px;line-height:1.5;color:var(--pk-ink)}
.gs3-fig figcaption b{display:block;font-family:var(--pk-disp);font-stretch:125%;font-weight:500;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--pk-ink2);margin:2px 0 10px}
.gs3-notes{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.gs3-notes li{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:start}
.gs3-n{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#2D5BFF;color:#fff;font-size:12px;font-weight:700;line-height:1}
@media (max-width:900px){.gs3-fig,.gs3-fig.gs3-tall{grid-template-columns:1fr}.gs3-fig.gs3-tall .gs3-media{max-width:340px}}
/* in-page anchors land with their heading below the floating nav (smooth.js uses the same 88px offset) */
.pk [id]{scroll-margin-top:96px}
.pk .pk-feat-sec{position:relative}
/* phone menu (≤980px, where the nav links are hidden): a button in the pill, a sheet styled like the site */
.pk-mbtn{display:none}
@media (max-width:980px){body.pk header.nav .pk-mbtn{display:grid;place-content:center;gap:5px;width:40px;height:40px;border-radius:50%;border:0;background:transparent;color:inherit;cursor:pointer;flex:none}
body.pk header.nav .pk-mbtn span{display:block;width:18px;height:2px;border-radius:2px;background:currentColor;transition:transform .25s}
body.pk header.nav .pk-mbtn[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}body.pk header.nav .pk-mbtn[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}}
.pk-menu{position:fixed;inset:0;z-index:80;background:rgba(10,10,14,.42);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:10px;animation:pkfade .2s ease}
.pk-menu[hidden]{display:none}
.pk-menu-card{background:var(--pk-bg);color:var(--pk-ink);border:1px solid var(--pk-line);border-radius:26px;padding:14px 18px 20px;max-height:calc(100dvh - 20px);overflow:auto;box-shadow:0 30px 80px -30px rgba(0,0,0,.45)}
.pk-menu-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.pk-menu-top .brand{display:flex;align-items:center;gap:10px;color:inherit}.pk-menu-top .brand img:first-child{width:32px;height:32px}.pk-menu-top .v4-word{width:108px!important;height:16px!important;max-width:none}
:root[data-theme=dark] .pk-menu-top .v4-word{filter:invert(1)}
.pk-menu-x{width:42px;height:42px;border-radius:50%;border:1px solid var(--pk-line);background:transparent;color:inherit;display:grid;place-items:center;cursor:pointer}
.pk-menu-x svg{width:18px;height:18px}
.pk-menu nav{display:grid}
.pk-menu nav a{display:block;padding:15px 4px;border-bottom:1px solid var(--pk-line);font-family:var(--pk-disp);font-stretch:125%;font-size:20px;text-transform:uppercase;letter-spacing:.01em;color:inherit;text-decoration:none}
.pk-menu-foot{display:grid;gap:10px;margin-top:18px}
.pk-menu-foot .pk-pill{justify-content:center;width:100%}
.pk-menu-theme{height:46px;border-radius:999px;border:1px solid var(--pk-line);background:transparent;color:inherit;font:inherit;font-weight:500;cursor:pointer}
.pk-mt-l{display:none}:root[data-theme=dark] .pk-mt-l{display:inline}:root[data-theme=dark] .pk-mt-d{display:none}
html.pk-menu-open{overflow:hidden}
@keyframes pkfade{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.pk-menu{animation:none}}
/* footer: guides by platform, every learn hub (theme.ts platformGuides) */
.pk .pk-fplat{padding:28px 0;margin:8px 0 4px;border-bottom:1px solid rgba(255,255,255,.12)}
.pk .pk-fplat h3{margin:0 0 16px;font-family:var(--pk-disp);font-stretch:125%;font-weight:500;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.pk .pk-fplat-grid{display:grid;grid-template-columns:3fr 2fr 1fr;gap:20px 40px}
.pk .pk-fplat h4{margin:0 0 10px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;opacity:.6}
.pk .pk-fplat ul{display:block!important;list-style:none;margin:0;padding:0;columns:3;column-gap:24px}
.pk .pk-fp-video ul{columns:2}.pk .pk-fp-local ul{columns:1}
.pk .pk-fplat li{break-inside:avoid;margin:0 0 7px}
.pk .pk-fplat a{text-decoration:none;color:inherit;opacity:.82;font-size:14px}
.pk .pk-fplat a:hover{opacity:1;text-decoration:underline}
@media (max-width:900px){.pk .pk-fplat-grid{grid-template-columns:1fr}.pk .pk-fplat ul,.pk .pk-fp-video ul,.pk .pk-fp-local ul{columns:2}}

/* ===== platform strip (home hero): "Saves from N platforms", real marks on white tiles with names, CSS marquee ===== */
@media (min-width:761px){.pk-hero-copy{bottom:178px}}
.pk-strip{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:14px 0 16px;border-top:1px solid var(--pk-h-line)}
.pk-strip-hd{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:0 40px 10px}
.pk-strip-h{margin:0;font:500 12px/1.3 var(--pk-disp);font-stretch:125%;letter-spacing:.08em;text-transform:uppercase;color:var(--pk-h-fg)}
.pk-strip-all{font:500 13px/1.3 Inter,system-ui,sans-serif;color:var(--pk-h-fg);text-decoration:none;white-space:nowrap;opacity:.78}
.pk-strip-all:hover,.pk-strip-all:focus-visible{opacity:1;text-decoration:underline;text-underline-offset:3px}
.pk-strip-m{overflow:hidden;padding:4px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.pk-strip-t{display:flex;width:max-content;animation:pkstrip 140s linear infinite;will-change:transform}
.pk-strip-t>span{display:contents}
.pk-strip-m:hover .pk-strip-t,.pk-strip-m:focus-within .pk-strip-t{animation-play-state:paused}
@keyframes pkstrip{to{transform:translate3d(-50%,0,0)}}
.pk-pl{display:grid;justify-items:center;align-content:start;gap:6px;width:140px;padding:8px 4px 6px;margin:0 3px;border-radius:18px;color:var(--pk-h-fg);text-decoration:none;outline:none;transition:background .25s ease,transform .25s cubic-bezier(.3,1.4,.4,1)}
.pk-pl-t{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px rgba(17,17,17,.08),0 4px 12px -6px rgba(17,17,17,.3);overflow:hidden;opacity:.86;filter:saturate(.75);transition:opacity .25s ease,filter .25s ease}
.pk-pl-t img{width:36px;height:36px;object-fit:contain;border-radius:8px;display:block}
.pk-pl-n{font:500 12px/1.2 Inter,system-ui,sans-serif;color:var(--pk-h-fg);opacity:.8;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.pk-pl-a{display:inline-flex;align-items:center;gap:4px;height:14px;white-space:nowrap;font:600 10px/1 Inter,system-ui,sans-serif;letter-spacing:.02em;color:var(--pk-h-fg);opacity:0;transition:opacity .2s ease}
.pk-pl-a i{width:6px;height:6px;border-radius:50%;background:#1a9d5a;box-shadow:0 0 0 3px rgba(26,157,90,.18)}
.pk-pl:hover,.pk-pl:focus-visible,.pk-pl.pk-on{background:var(--pk-h-pill);transform:translateY(-2px)}
.pk-pl:hover .pk-pl-t,.pk-pl:focus-visible .pk-pl-t,.pk-pl.pk-on .pk-pl-t{opacity:1;filter:none}
.pk-pl:hover .pk-pl-n,.pk-pl:focus-visible .pk-pl-n,.pk-pl.pk-on .pk-pl-n{opacity:1}
.pk-pl:hover .pk-pl-a,.pk-pl:focus-visible .pk-pl-a,.pk-pl.pk-on .pk-pl-a{opacity:1}
.pk-pl:focus-visible{box-shadow:0 0 0 2px var(--pk-focus)}
:root[data-theme=dark] .pk-pl-t{box-shadow:0 0 0 1px rgba(255,255,255,.12),0 6px 16px -8px rgba(0,0,0,.6)}
:root[data-theme=dark] .pk-pl-a i{background:#4ad38a;box-shadow:0 0 0 3px rgba(74,211,138,.2)}
@media (max-width:1024px){.pk-strip-hd{padding:0 24px 10px}}
@media (max-width:760px){.pk-strip{position:relative;bottom:auto;padding:14px 0 12px}.pk-strip-hd{padding:0 20px 8px;flex-wrap:wrap}.pk-pl{width:96px;gap:5px}.pk-pl-t{width:36px;height:36px;border-radius:10px}.pk-pl-t img{width:30px;height:30px}.pk-pl-n{font-size:11px}}
@media (prefers-reduced-motion:reduce){.pk-strip-t{animation:none;width:auto;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 24px}.pk-strip-t>a[aria-hidden]{display:none}.pk-strip-m{-webkit-mask-image:none;mask-image:none}.pk-pl{scroll-snap-align:start;flex:none}}
/* ===== waiting-list dialog in the pk card language (home3 P.dialog). All text ≥ 4.5:1 in light and dark. ===== */
body.pk .wld{background:var(--pk-bg)!important;color:var(--pk-ink)!important;border:1px solid var(--pk-line)!important;border-radius:28px;padding:30px 28px 24px;width:min(520px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;box-shadow:0 40px 100px -40px rgba(0,0,0,.5);font-family:var(--pk-body)}
body.pk .wld::backdrop{background:rgba(10,10,14,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
body.pk .wld .kicker{display:inline-block;font:500 11px/1 var(--pk-disp);font-stretch:125%;letter-spacing:.1em;text-transform:uppercase;color:var(--pk-ink2);padding:6px 10px;border:1px solid var(--pk-line);border-radius:999px}
body.pk .wld h2{font-family:var(--pk-disp);font-stretch:125%;font-weight:500;text-transform:uppercase;letter-spacing:.01em;font-size:clamp(24px,4vw,32px);line-height:1.05;margin:14px 0 8px;color:var(--pk-ink)}
body.pk .wld .muted,body.pk .wld p{color:var(--pk-ink2)}
body.pk .wld-x{position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:50%;border:1px solid var(--pk-line)!important;background:transparent!important;color:var(--pk-ink)!important;font-size:20px;cursor:pointer}
body.pk .wld .leadf{display:grid;gap:10px;margin-top:18px}
body.pk .wld .leadf input[type=email],body.pk .wld .leadf select{height:48px;border-radius:14px;padding:0 16px;font:16px var(--pk-body);background:var(--pk-card)!important;color:var(--pk-ink)!important;border:1px solid var(--pk-line)!important;width:100%}
body.pk .wld .leadf input[type=email]::placeholder{color:var(--pk-ink2)}
body.pk .wld .leadf input:focus-visible,body.pk .wld .leadf select:focus-visible,body.pk .wld button:focus-visible,body.pk .wld a:focus-visible{outline:2px solid var(--pk-focus);outline-offset:2px}
body.pk .wld .leadf .btn{height:48px;border-radius:999px;background:var(--pk-ink)!important;color:var(--pk-bg)!important;font:500 13px/1 var(--pk-disp);font-stretch:125%;letter-spacing:.04em;text-transform:uppercase;justify-content:center}
body.pk .wld .consent,body.pk .wld .consent span,body.pk .wld small,body.pk .wld .trust{color:var(--pk-ink2)!important;font-size:13px}
body.pk .wld .consent a{color:var(--pk-ink)!important;text-decoration:underline}
body.pk .wld .msg{margin:0;font-size:14px;font-weight:500}
body.pk .wld .msg.err{color:#a8231a}
:root[data-theme=dark] body.pk .wld .msg.err{color:#ff9b8f}
body.pk .msg.ok{color:#146c43}
:root[data-theme=dark] body.pk .msg.ok{color:#6fe0a6}
body.pk .wld.wld-is-ok>:not(.wld-ok):not(.wld-x){display:none}
body.pk .wld-ok{display:grid;justify-items:center;text-align:center;gap:10px;padding:6px 4px 4px}
body.pk .wld-ok[hidden]{display:none}
body.pk .wld-ok img{width:132px;height:auto;animation:wldpop .6s cubic-bezier(.3,1.6,.45,1) both}
body.pk .wld-ok h2{margin:6px 0 0;outline:none}
body.pk .wld-ok p{margin:0 0 8px;color:var(--pk-ink)!important;max-width:34ch;font-size:15.5px;line-height:1.5}
body.pk .wld-ok .pk-pill{width:auto;min-width:140px;justify-content:center}
@keyframes wldpop{0%{transform:scale(.4) translateY(20px);opacity:0}60%{transform:scale(1.08) translateY(-4px);opacity:1}100%{transform:none}}
@media (prefers-reduced-motion:reduce){body.pk .wld-ok img{animation:none}}
@media (max-width:480px){body.pk .wld{padding:24px 18px 18px;border-radius:22px;margin:auto auto 12px}}
.pk-hero .pk-fc-off{display:none!important}
/* phones: the d gets its own stage above the headline (no text over it); the floating sample cards stay off */
@media (max-width:600px){.pk-hero .pk-fc{display:none!important}.pk-stage{height:320px}}
/* audit wave (6 Oct): contrast, tap targets, hover/pressed states */
body.pk main .legal-line,body.pk .pk-doc .legal-line{color:var(--pk-ink2)!important}
body.pk small.trust,body.pk .trust{color:var(--pk-ink2)!important}
body.pk .ln-pmeta{color:var(--pk-ink2)!important}
body.pk .crumbs a,body.pk .gs2-crumbs a,body.pk .legal-more a,body.pk .pk-strip-all,body.pk .pk-wall-all{display:inline-flex;align-items:center;min-height:24px}
body.pk .pk-wall-all{opacity:.85;text-decoration:underline;text-underline-offset:3px}
body.pk .pk-wall-all:hover,body.pk .pk-wall-all:focus-visible{opacity:1;text-decoration-thickness:2px}
body.pk .pk-wall-marks img.pk-wm-dk{background:#111;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
@media (max-width:760px){body.pk .pk-pl-n{white-space:normal;overflow:visible;text-overflow:clip;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-align:center;line-height:1.2;min-height:2.4em}}
body.pk header .brand{transition:opacity .2s ease,transform .2s ease}
body.pk header .brand:hover{opacity:.82}body.pk header .brand:active{transform:scale(.97)}
body.pk header a.btn.sm{transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
body.pk header a.btn.sm:hover{filter:brightness(1.12);box-shadow:0 6px 18px -8px rgba(0,0,0,.45)}body.pk header a.btn.sm:active{transform:scale(.97)}
:root:not([data-theme=dark]) body.pk .pk-hero .pk-pill-g:hover{background:rgba(17,17,17,.13)}
body.pk .pk-pill:active{transform:scale(.97)}
body.pk header.nav .pk-mbtn{transition:background .2s ease}
body.pk header.nav .pk-mbtn:hover{background:rgba(127,127,127,.16)}body.pk header.nav .pk-mbtn:active{background:rgba(127,127,127,.26)}
body.pk .crumbs a:hover{color:var(--pk-ink)!important;text-decoration:underline;text-underline-offset:3px}
body.pk .legal-more a:hover{color:var(--pk-ink);text-decoration-thickness:2px}
body.pk details>summary{transition:color .2s ease,background .2s ease}
body.pk details>summary:hover{color:var(--pk-ink);background:rgba(127,127,127,.07)}
body.pk.pk-page main.pk-doc .ln-search input:hover{border-color:var(--pk-ink2)}
body.pk.pk-page main.pk-doc .ln-chip:hover,body.pk.pk-page main.pk-doc .ln-chips.big .ln-chip:hover{border-color:var(--pk-ink);transform:translateY(-1px)}
body.pk.pk-page main.pk-doc .ln-chip{transition:border-color .2s ease,transform .2s ease}
body.pk.pk-page main.pk-doc .ln-chip:active{transform:scale(.98)}
body.pk .ln-toc li a:hover{color:var(--pk-ink)!important;border-left-color:var(--pk-line)}
body.pk .ln-badge{transition:border-color .2s ease}body.pk .ln-badge:hover{border-color:var(--pk-ink)}
body.pk .v4-learnlist a{transition:color .2s ease}body.pk .v4-learnlist a:hover{text-decoration:underline;text-underline-offset:3px}
body.pk .leadf .consent{min-height:24px;align-items:center;padding:2px 0;cursor:pointer}
body.pk .leadf .consent input{width:20px;height:20px;margin:0;cursor:pointer}
body.pk .leadf [aria-invalid=true]{border-color:#c0392b!important;box-shadow:0 0 0 3px rgba(192,57,43,.18)!important}
body.pk .leadf .consent input[aria-invalid=true]{outline:2px solid #c0392b;outline-offset:2px}
/* compact one-line cookie bar */
body.pk .cookie{flex-wrap:nowrap;align-items:center;gap:12px;max-width:640px;padding:8px 8px 8px 14px;border-radius:999px}
body.pk .cookie .cm{font-size:20px}
body.pk .cookie p{flex:1 1 auto;font-size:13px;line-height:1.35}
body.pk .cookie .ck-acts{flex:none;flex-basis:auto;gap:10px}
body.pk .cookie .ck-acts a{padding:4px 2px;font-size:13px;min-height:24px;display:inline-flex;align-items:center}
body.pk .cookie .btn.sm{padding:8px 14px;font-size:13px}
@media (max-width:640px){body.pk .cookie{left:10px;right:10px;bottom:10px;border-radius:18px;padding:8px 8px 8px 12px;gap:8px}body.pk .cookie .cm{display:none}body.pk .cookie p{font-size:12.5px}body.pk .cookie p b{display:none}}
/* phones: tighter section rhythm (no 170 px voids between Pro and the FAQ, or before the footer) */
@media (max-width:600px){body.pk .pk-sec{padding-top:56px;padding-bottom:56px}body.pk .pk-sec:not(.pk-dark)+.pk-sec:not(.pk-dark){padding-top:32px}body.pk footer.v7-footer{padding-top:44px}}
body.pk .crumbs a,body.pk .gs2-crumbs a{border-radius:6px;padding:0 3px;margin:0 -3px;transition:background .15s ease}
body.pk .crumbs a:hover,body.pk .gs2-crumbs a:hover{background:rgba(127,127,127,.12)}
body.pk .ln-search input:hover{border-color:var(--pk-ink2)!important;box-shadow:0 0 0 3px rgba(127,127,127,.12)}
body.pk .v4-learnlist a{border-radius:6px;transition:background .15s ease,color .15s ease}
body.pk .v4-learnlist a:hover{color:var(--pk-ink)!important;background:rgba(127,127,127,.1)}
/* hero copy fade on scroll: scroll-driven where supported (runs off the main thread, so it never sticks half-faded while
   the jelly is busy); other browsers keep the --pk-hp version from jw.js */
@supports (animation-timeline: scroll()) {
  .pk-hero-copy{animation:pkheroout linear both;animation-timeline:scroll(root block);animation-range:0px calc(var(--pk-hero-h,900px) * .69)}
  @keyframes pkheroout{from{opacity:1;transform:none}to{opacity:0;transform:translateY(-28px)}}
}
/* Moonpup: never a tiny target. Hidden while the stage flies to/from the dock; its button keeps a 44 px hit area */
.pk-stage.pk-flip .pk-pup{visibility:hidden;pointer-events:none}
.pk-pup{min-width:44px;min-height:44px}