/* Prestido's companion and mark on the Prima Zaak company page. The rig is copied unchanged from prestido-ai (src/pal.js,
   src/style.css .pal rules, img/pal-body.webp; brand/logo/). Re-copy from there when the brand changes; don't edit the look here. */
.pal{--pal:200px;--lx:0;--ly:0;position:relative;width:var(--pal);aspect-ratio:1022/1088;display:inline-block;pointer-events:none}
.pal-fig{position:absolute;inset:0;transform-origin:50% 100%}
.pal-body{position:absolute;inset:0;width:100%;height:100%;z-index:1}
.pal-glow{position:absolute;inset:-28%;border-radius:50%;background:radial-gradient(closest-side,#f4a26a66,#b8381f22 55%,transparent 72%);z-index:0}
.pal-eyes{position:absolute;inset:0;width:100%;height:100%;z-index:2;overflow:visible}
.pal-look{transform:translate(calc(var(--lx) * 3.2px * var(--k,1)),calc(var(--ly) * 2.4px * var(--k,1)));transition:transform .35s cubic-bezier(0,0,.2,1)}
.pal-e ellipse{fill:#fff1d6;filter:url(#pal-glow-f)}
.pal-e{transform-box:fill-box;transform-origin:50% 50%}
.pal-happy{opacity:0}
.pal-happy path{fill:none;stroke:#fff1d6;stroke-width:3.6;stroke-linecap:round;filter:url(#pal-glow-f)}
.pal-arm{position:absolute;width:15%;aspect-ratio:.8;z-index:2;top:46%;transform-origin:50% 8%;border-radius:48% 48% 50% 50%/40% 40% 60% 60%;
  background:radial-gradient(circle at 38% 34%,#fffaf2 0 7%,#ffe4c4d9 22%,#f6b98399 52%,#d9653f80 84%);box-shadow:inset 0 -2px 4px #b8381f66,0 0 calc(var(--pal) * .05) #f4a26a80}
.pal-arm.l{left:-8%;transform:rotate(14deg)}
.pal-arm.r{right:-8%;transform:scaleX(-1) rotate(14deg)}
.pal-card{position:absolute;z-index:3;left:24%;top:52%;width:52%;aspect-ratio:1.45;border-radius:9%;background:linear-gradient(160deg,#fff8eecc,#ffe2c2a6);border:1px solid #ffffffb3;
  box-shadow:0 0 calc(var(--pal) * .12) #f4a26a99;opacity:0;transform:translateY(20%) scale(.6)}
.pal-card::before{content:"";position:absolute;left:10%;top:12%;width:80%;height:38%;border-radius:6px;background:#f4a26a88}
.pal-card::after{content:"";position:absolute;left:10%;top:60%;width:60%;height:9%;border-radius:4px;background:#b8381f55;box-shadow:0 calc(var(--pal) * .035) 0 #b8381f33}
.pal-spark{position:absolute;z-index:3;right:-6%;top:-4%;width:16%;opacity:0}
.pal-spark path{fill:#ffe7c2;filter:url(#pal-glow-f)}
.pal-say{position:absolute;z-index:4}

/* calm life for everyone: slow breathing, glow and blink (blink also under reduced motion, it is tiny) */
.pal-eyes.blink .pal-e{animation:palBlink .16s linear}
@keyframes palBlink{50%{transform:scaleY(.08)}}
.pal[data-state="done"] .pal-e{opacity:0}
.pal[data-state="done"] .pal-happy{opacity:1}
.pal[data-state="building"] .pal-card{opacity:1;transform:none}
.pal[data-state="building"] .pal-look{--k:0;transform:translateY(2.2px)}
@media (prefers-reduced-motion:no-preference){
  .pal-fig{animation:palBreathe 3.8s cubic-bezier(.4,0,.6,1) infinite}
  @keyframes palBreathe{50%{transform:scale(1.018,.985) translateY(.6%)}}
  .pal-glow{animation:palGlow 3.8s cubic-bezier(.4,0,.6,1) infinite}
  @keyframes palGlow{50%{opacity:.6;transform:scale(.94)}}
  .pal-arm{transition:transform .5s cubic-bezier(0,0,.2,1)}
  .pal-card,.pal-spark,.pal-happy,.pal-e{transition:opacity .35s,transform .5s cubic-bezier(0,0,.2,1)}
  /* hello: a little hop with squash, the right arm waves */
  .pal[data-state="hello"] .pal-fig{animation:palHop .9s cubic-bezier(.3,0,.3,1) 1,palBreathe 3.8s cubic-bezier(.4,0,.6,1) infinite .9s}
  @keyframes palHop{0%{transform:none}18%{transform:scale(1.06,.92)}45%{transform:translateY(-9%) scale(.97,1.04)}72%{transform:scale(1.04,.95)}100%{transform:none}}
  .pal[data-state="hello"] .pal-arm.r{animation:palWave 1.4s cubic-bezier(.4,0,.6,1)}
  @keyframes palWave{0%,100%{transform:scaleX(-1) rotate(14deg)}20%,60%{transform:scaleX(-1) rotate(150deg) translateY(10%)}40%,80%{transform:scaleX(-1) rotate(115deg) translateY(10%)}}
  /* listening: leans in, small nods (pal.js adds .nod when a message arrives) */
  .pal[data-state="listening"] .pal-fig{animation:none;transform:rotate(-6deg) translateX(-2%);transition:transform .6s cubic-bezier(0,0,.2,1)}
  .pal.nod .pal-fig{animation:palNod .5s cubic-bezier(.4,0,.6,1)}
  @keyframes palNod{50%{transform:rotate(-6deg) translateY(3%)}}
  .pal[data-state="listening"] .pal-arm.l{transform:rotate(70deg)}
  /* building: arms up holding the card, a busy little bounce */
  .pal[data-state="building"] .pal-fig{animation:palBusy .8s cubic-bezier(.4,0,.6,1) infinite}
  @keyframes palBusy{50%{transform:translateY(-1.5%) scale(1.01,.99)}}
  .pal[data-state="building"] .pal-arm.l{transform:rotate(-40deg) translate(30%,10%)}
  .pal[data-state="building"] .pal-arm.r{transform:scaleX(-1) rotate(-40deg) translate(30%,10%)}
  /* done: happy eyes, a spark pops, a proud hop */
  .pal[data-state="done"] .pal-fig{animation:palHop 1s cubic-bezier(.3,0,.3,1) 1,palBreathe 3.8s cubic-bezier(.4,0,.6,1) infinite 1s}
  .pal[data-state="done"] .pal-spark{opacity:1;animation:palSpark 1.6s cubic-bezier(0,0,.2,1)}
  @keyframes palSpark{0%{opacity:0;transform:scale(.2) rotate(-40deg)}40%{opacity:1;transform:scale(1.2) rotate(10deg)}100%{transform:none}}
  .pal[data-state="done"] .pal-arm.l{transform:rotate(140deg)}
  .pal[data-state="done"] .pal-arm.r{transform:scaleX(-1) rotate(140deg)}
}


/* company page: the mark and the wordmark wherever Prestido is presented or linked (SHARED-BRAND.md) */
@font-face{font-family:"PD Serif";src:url(../fonts/instrument-serif-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
.pd-mark{display:inline-block;flex:none;width:1.5em;height:1.5em;border-radius:.42em;vertical-align:middle}
.pd-word{display:flex;align-items:center;gap:10px;margin:18px 0 6px;font:400 1.75rem/1 "PD Serif",Georgia,serif;letter-spacing:-.01em}
.pd-word .pd-mark{width:36px;height:36px;border-radius:10px}
.pd-perch{--pal:clamp(78px,20vw,124px);position:absolute;z-index:5;right:clamp(8px,4%,40px);top:calc(var(--pal) * -.98)}