@property --pp-n{syntax:"<integer>";inherits:false;initial-value:0}.pp-plate{--pk:8px;transition:transform .9s var(--ease-out)}.pp-tag{translate:calc(-50% + var(--px,0) * 6px) calc(-100% + var(--py,0) * 6px);transform-origin:50% 100%;transition:translate .9s var(--ease-out)}@keyframes pp-tag-in{0%{opacity:0;transform:translateY(8px)scale(.9)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){.pp-tag{animation:pp-tag-in .64s var(--ease-out) both;animation-delay:calc(1.05s + var(--i,0) * .13s)}}.pp-stage{aspect-ratio:4/3;border:1px solid var(--color-line);border-radius:var(--radius-xl);background:#eceff3;position:relative;overflow:clip}.pp-video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .3s var(--ease-out);position:absolute;inset:0}.pp-video[data-on]{opacity:1}.pp-bar{background:var(--color-line-strong);border-radius:2px;width:7.5rem;height:2px;display:block;overflow:clip}.pp-bar>span{background:var(--color-accent);transform-origin:0;will-change:transform;height:100%;display:block}.pp-status-dot{background:var(--color-accent);vertical-align:.05em;border-radius:9999px;width:.5rem;height:.5rem;margin-right:.5rem;display:inline-block}.pp-status-dot[data-done]{background:var(--color-ok)}.pp-tech-media{overflow:clip}.pp-tech-img{transition:transform .8s var(--ease-out)}@media (hover:hover) and (prefers-reduced-motion:no-preference){.pp-tech-card:hover .pp-tech-img{transform:scale(1.03)}}.pp-count{font-variant-numeric:tabular-nums;display:inline-block;position:relative}.pp-count-anim{display:none}@keyframes pp-count-up{0%{--pp-n:0}to{--pp-n:var(--pp-to)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.pp-count>.pp-count-value{color:#0000}.pp-count-anim{text-align:right;counter-reset:pp-n var(--pp-n);animation:cubic-bezier(.2,.7,.3,1) both pp-count-up;animation-timeline:view();animation-range:entry 60% cover calc(42% + var(--i,0) * 4%);display:block;position:absolute;inset:0}.pp-count-anim:after{content:counter(pp-n)}}}@keyframes pp-draw{0%{stroke-dashoffset:320px}to{stroke-dashoffset:0}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.pp-pic{view-timeline:--pp-pic block}.pp-pic svg :is(path,ellipse,circle,rect):not([stroke-dasharray]){stroke-dasharray:320 320;animation:cubic-bezier(.3,.1,.3,1) both pp-draw;animation-timeline:--pp-pic;animation-range:entry calc(30% + var(--i,0) * 6%) cover calc(48% + var(--i,0) * 4%)}}}@supports (interpolate-size:allow-keywords) and selector(::details-content){@media (prefers-reduced-motion:no-preference){.pp-faq{interpolate-size:allow-keywords}.pp-faq details::details-content{block-size:0;transition:block-size .42s var(--ease-out), content-visibility .42s allow-discrete;overflow-y:clip}.pp-faq details[open]::details-content{block-size:auto}.pp-faq details>p{transition:opacity .42s var(--ease-out), translate .42s var(--ease-out)}.pp-faq details:not([open])>p{opacity:0;translate:0 -6px}@starting-style{.pp-faq details[open]>p{opacity:0;translate:0 -6px}}}}
