@layer reset,tokens,base,primitives;@layer blocks{.pla-workflow{--pla-wf-node:112px;--pla-wf-step:160px;--pla-wf-gap:var(--s-6);--pla-wf-icon:var(--s-12)}.pla-workflow__box{padding:var(--s-10);border:1px solid var(--c-line);border-radius:var(--r-xl);background:var(--c-surface);box-shadow:var(--shadow-card)}.pla-workflow__head{margin-bottom:var(--s-6)}.pla-workflow__stage{justify-content:center;align-items:flex-start;display:flex}.pla-workflow__flow{gap:var(--pla-wf-gap);padding-top:calc(var(--pla-wf-hub-y) - var(--pla-wf-node) / 2);flex:none;display:flex}.pla-workflow__step{width:var(--pla-wf-step);text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.pla-workflow__step+.pla-workflow__step:before{content:"";top:0;right:calc(50% + var(--pla-wf-node) / 2);width:calc(var(--pla-wf-gap) + var(--pla-wf-step) - var(--pla-wf-node));height:var(--pla-wf-node);background:url(/img/workflow-arrow.webp) 50%/contain no-repeat;background:image-set(url("/img/workflow-arrow.avif") type("image/avif"), url("/img/workflow-arrow.webp") type("image/webp")) 50%/contain no-repeat;position:absolute}.pla-workflow__step:nth-child(odd):before{scale:1 -1}.pla-workflow__node{width:var(--pla-wf-node);height:var(--pla-wf-node);object-fit:contain;transition:transform var(--dur-slow) var(--ease)}.pla-workflow__step:hover .pla-workflow__node{transform:scale(1.06)}.pla-workflow__copy{flex-direction:column;align-items:center;min-width:0;display:flex}.pla-workflow__name{margin-top:var(--s-3);color:var(--c-ink);font-size:var(--fs-lg);font-weight:var(--fw-medium);line-height:var(--lh-snug)}.pla-workflow__sub{margin-top:var(--s-1);color:var(--c-muted);font-size:var(--fs-sm);line-height:var(--lh-snug)}.pla-workflow__branch{min-width:0;height:var(--pla-wf-fan-h);flex:0 30rem;margin-inline-start:calc((var(--pla-wf-node) - var(--pla-wf-step)) / 2);position:relative}.pla-workflow__fan{fill:none;stroke:var(--c-line-strong);stroke-width:1.2px;stroke-dasharray:3.5 4;stroke-linecap:round;position:absolute;top:0;left:0;overflow:visible}.pla-workflow__hub,.pla-workflow__pulse{fill:var(--c-accent);stroke:none}.pla-workflow__pulse{transform-box:fill-box;transform-origin:50%;animation:2.4s ease-out infinite pla-wf-pulse}.pla-workflow__feat{top:var(--y);left:calc(var(--x) - var(--pla-wf-icon) / 2);align-items:center;gap:var(--s-2);max-width:calc(100% - var(--x) + var(--pla-wf-icon) / 2);transition:transform var(--dur-slow) var(--ease);display:flex;position:absolute;translate:0 -50%}.pla-workflow__feat:hover{transform:translate(6px)}.pla-workflow__feat-icon{width:var(--pla-wf-icon);height:var(--pla-wf-icon);border-radius:50%;flex:none}.pla-workflow__feat-label{min-width:0;min-height:var(--pla-wf-icon);padding:var(--s-2) var(--s-4);border:1px solid var(--c-line);border-radius:var(--r-3xl);background:var(--c-surface);color:var(--c-ink);font-size:var(--fs-base);line-height:var(--lh-tight);overflow-wrap:anywhere;transition:border-color var(--dur-slow) var(--ease), box-shadow var(--dur-slow) var(--ease);align-items:center;display:flex}.pla-workflow__feat:hover .pla-workflow__feat-label{border-color:var(--c-line-strong);box-shadow:var(--shadow-card)}.pla-workflow__head,.pla-workflow__step,.pla-workflow__branch{animation:pla-wf-in var(--dur-reveal) var(--ease) both}.pla-workflow__step:first-child{animation-delay:.12s}.pla-workflow__step:nth-child(2){animation-delay:.24s}.pla-workflow__step:nth-child(3){animation-delay:.36s}.pla-workflow__branch{animation-delay:.48s}@keyframes pla-wf-in{0%{opacity:0;translate:0 10px}}@keyframes pla-wf-pulse{0%{opacity:.28}70%,to{opacity:0;scale:2}}@media (prefers-reduced-motion:reduce){.pla-workflow__head,.pla-workflow__step,.pla-workflow__branch,.pla-workflow__pulse{animation:none}.pla-workflow__step:hover .pla-workflow__node,.pla-workflow__feat:hover{transform:none}}@media (width<=1100px){.pla-workflow{--pla-wf-node:72px;--pla-wf-gap:var(--s-4);--pla-wf-icon:var(--s-10)}.pla-workflow__box{padding:var(--s-8)}.pla-workflow__stage{display:block}.pla-workflow__flow{flex-direction:column;padding-top:0}.pla-workflow__step{gap:var(--s-4);text-align:start;flex-direction:row;width:auto}.pla-workflow__step+.pla-workflow__step:before{right:auto;left:calc(var(--pla-wf-node) / 2);top:calc(-1 * var(--pla-wf-gap));width:0;height:var(--pla-wf-gap);border-left:1px dashed var(--c-line-strong);background:0 0;scale:none}.pla-workflow__node{flex:none}.pla-workflow__copy{align-items:flex-start}.pla-workflow__name{font-size:var(--fs-md);margin:0}.pla-workflow__branch{height:auto;margin:var(--s-6) 0 0}.pla-workflow__fan{display:none}.pla-workflow__feats{grid-template-columns:repeat(auto-fit, minmax(max(14rem, (100% - var(--s-3)) / 2), 1fr));gap:var(--s-3);display:grid}.pla-workflow__feat{max-width:none;position:static;translate:none}.pla-workflow__feat:hover{transform:none}}@media (width<=767px){.pla-workflow__box{padding:var(--s-6) var(--s-5)}}}