.workflow-card{width:100%;max-width:var(--card-width);align-items:stretch;gap:var(--content-gap);text-align:left;overflow-wrap:anywhere;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);margin-block:0;margin-inline:auto;display:grid;position:relative}.workflow-card[data-card-tone=manual]{--card-fill:var(--manual-bg);background:var(--surface-light),var(--card-fill);color:var(--manual-ink)}.workflow-card[data-card-tone=prepared]{--card-fill:var(--prepared-bg);background:var(--surface-light),var(--card-fill);color:var(--prepared-ink)}.workflow-card[data-card-tone=result]{--card-fill:var(--result-bg);background:var(--surface-light),var(--card-fill);color:var(--result-ink)}.workflow-card[data-card-tone=risk]{--card-fill:var(--risk-bg);background:var(--surface-light),var(--card-fill);color:var(--risk-ink)}.workflow-card-heading{align-items:center;gap:var(--space-3);font-size:var(--title-card);font-weight:var(--weight-heading);line-height:var(--leading-heading);letter-spacing:-.02em;text-align:center;flex-direction:column;margin:0;display:flex}.workflow-card-title{text-wrap:pretty;min-width:0}.workflow-card-title:has(>.card-link-arrow){align-items:center;gap:var(--space-2);display:inline-flex}.card-link-arrow{width:1em;height:1em;color:inherit;flex:none}.workflow-card-body{min-width:0}.workflow-card-body>:first-child{margin-top:0}.workflow-card-body>:last-child{margin-bottom:0}.workflow-card p{max-width:var(--card-measure);text-wrap:pretty;margin-inline:auto}.workflow-card:has(>.workflow-card-emphasis){grid-template-rows:auto auto auto}.workflow-card>.workflow-card-emphasis{margin-block:calc(var(--heading-gap) - var(--content-gap)) 0;width:100%;font-size:var(--text-reading);line-height:var(--leading-body);text-align:center;text-wrap:balance}.workflow-checklist{gap:var(--content-gap);width:var(--card-measure);max-width:100%;margin:0 auto;padding:0;list-style:none;display:grid}.workflow-checklist>li{font-size:var(--text-reading);line-height:var(--leading-body);grid-template-columns:22px minmax(0,1fr);align-items:start;gap:12px;display:grid}.workflow-checklist>li>svg{width:22px;height:1lh;color:inherit}.workflow-checklist>li>span{text-wrap:pretty;min-width:0}.magpie-toolkit{flex:none;width:56px;height:49px;display:block}.puzzle-flow{--puzzle-radius:24px;--puzzle-cross-radius:var(--sequence-puzzle-cross-radius,24px);--puzzle-gap:0px;--puzzle-neck:12px;--puzzle-cross-neck:var(--sequence-puzzle-cross-neck,12px);--puzzle-bleed:calc(var(--puzzle-cross-radius) + var(--puzzle-cross-neck));--puzzle-travel:40px;--piece-shine-angle:110deg;--piece-shine-size:300% 100%;--piece-shine-from:100% 0;--card-padding:var(--sequence-puzzle-padding,var(--space-12));--puzzle-shadow:drop-shadow(0 5px 5px var(--shadow-contact)) drop-shadow(0 18px 15px var(--shadow-ambient));--flow-gap:var(--puzzle-gap);filter:var(--puzzle-shadow);align-items:stretch;row-gap:var(--content-gap);padding:var(--puzzle-bleed) var(--puzzle-travel);grid-template-rows:auto auto auto}.puzzle-flow>.workflow-card{--puzzle-in:.36;--puzzle-out:.36;--piece-extension:calc(2 * var(--puzzle-radius));--piece-cross-extension:var(--puzzle-bleed);--piece-cross-tab:calc(var(--piece-cross-extension) - var(--puzzle-cross-neck));--piece-cross-socket:calc(100% - var(--piece-cross-extension) - var(--puzzle-cross-neck));--piece-in-position:calc(var(--piece-cross-extension) + (100% - 2 * var(--piece-cross-extension)) * var(--puzzle-in));--piece-out-position:calc(var(--piece-cross-extension) + (100% - 2 * var(--piece-cross-extension)) * var(--puzzle-out));--piece-socket:radial-gradient(circle at var(--puzzle-neck) var(--piece-in-position),transparent calc(var(--puzzle-radius) - 1px),#000 calc(var(--puzzle-radius) - .5px));--piece-tab:radial-gradient(circle at calc(100% - var(--piece-extension) + var(--puzzle-gap) + var(--puzzle-neck)) var(--piece-out-position),#000 calc(var(--puzzle-radius) - .5px),transparent var(--puzzle-radius));--piece-cross-hole:radial-gradient(circle at calc((100% - var(--piece-extension)) / 2) var(--piece-cross-socket),transparent calc(var(--puzzle-cross-radius) + 2px),#000 calc(var(--puzzle-cross-radius) + 2.5px));--piece-cross-cap:radial-gradient(circle at calc((100% - var(--piece-extension)) / 2) var(--piece-cross-tab),#000 calc(var(--puzzle-cross-radius) - .5px),transparent var(--puzzle-cross-radius));--piece-direction:0;--piece-start-x:calc(var(--piece-direction) * var(--puzzle-travel));--piece-start-y:0px;--piece-light-delay:.65s;isolation:isolate;grid-row:1/span 3;grid-template-rows:subgrid;box-shadow:none;background:0 0}.puzzle-flow>.workflow-card:first-child{--piece-socket:linear-gradient(#000,#000);--piece-direction:-1}.puzzle-flow>.workflow-card:nth-child(2){--puzzle-out:.64;--piece-light-delay:1.15s;--piece-cross-tab:calc(100% - var(--piece-cross-extension) + var(--puzzle-cross-neck));--piece-cross-socket:calc(var(--piece-cross-extension) + var(--puzzle-cross-neck))}.puzzle-flow>.workflow-card:nth-child(3){--puzzle-in:.64;--piece-light-delay:1.65s}.puzzle-flow>.workflow-card:last-child{--piece-extension:0px;--piece-tab:linear-gradient(transparent,transparent);--piece-direction:1}.puzzle-flow>.workflow-card:before{content:"";z-index:-1;pointer-events:none;inset:calc(-1 * var(--piece-cross-extension)) calc(-1 * var(--piece-extension)) calc(-1 * var(--piece-cross-extension)) 0;border-radius:inherit;background:var(--surface-light),var(--card-fill,var(--surface));mask-image:var(--piece-socket),var(--piece-cross-hole),linear-gradient(#000,#000),var(--piece-tab),var(--piece-cross-cap);mask-size:100% 100%,100% 100%,calc(100% - var(--piece-extension)) calc(100% - 2 * var(--piece-cross-extension)),100% 100%,100% 100%;position:absolute;mask-position:0 0,0 0,0,0 0,0 0;mask-repeat:no-repeat;mask-composite:intersect,intersect,add,add}.puzzle-flow .workflow-card-heading{justify-content:center}.puzzle-flow .workflow-card-body{grid-template-columns:minmax(0,1fr);align-content:center;display:grid}.puzzle-flow>.workflow-card:before{background-image:linear-gradient(var(--piece-shine-angle),transparent 46%,#ffffff20 50%,transparent 54%),var(--surface-light);background-size:var(--piece-shine-size),100% 100%;background-position:var(--piece-shine-from),0 0;background-repeat:no-repeat}@media (width>=1101px) and (prefers-reduced-motion:no-preference){.puzzle-flow[data-puzzle-shine]>.workflow-card{animation:.65s cubic-bezier(.2,.8,.2,1) both puzzle-fit}.puzzle-flow[data-puzzle-shine]>.workflow-card:before{animation:puzzle-shine 1s var(--piece-light-delay) linear both}}@keyframes puzzle-fit{0%,20%{transform:translate(var(--piece-start-x),var(--piece-start-y))}to{transform:translate(0)}}@keyframes puzzle-shine{0%{background-position:var(--piece-shine-from),0 0}to{background-position:0 0,0 0}}@media (width<=1100px){.puzzle-flow{--card-padding:var(--space-6);--puzzle-radius:16px;--puzzle-neck:8px;--puzzle-cross-radius:14px;--puzzle-cross-neck:7px;--puzzle-travel:24px;--piece-shine-angle:20deg;--piece-shine-size:100% 300%;--piece-shine-from:0 100%;gap:var(--puzzle-gap);padding:var(--puzzle-travel) var(--puzzle-bleed);grid-template-rows:none;grid-template-columns:minmax(0,1fr)}.puzzle-flow>.workflow-card{--piece-start-x:0px;--piece-start-y:calc(var(--piece-direction) * var(--puzzle-travel));--piece-socket:radial-gradient(circle at var(--piece-in-position) var(--puzzle-neck),transparent calc(var(--puzzle-radius) - 1px),#000 calc(var(--puzzle-radius) - .5px));--piece-tab:radial-gradient(circle at var(--piece-out-position) calc(100% - var(--piece-extension) + var(--puzzle-gap) + var(--puzzle-neck)),#000 calc(var(--puzzle-radius) - .5px),transparent var(--puzzle-radius));--piece-cross-hole:radial-gradient(circle at var(--piece-cross-socket) calc((100% - var(--piece-extension)) / 2),transparent calc(var(--puzzle-cross-radius) + 2px),#000 calc(var(--puzzle-cross-radius) + 2.5px));--piece-cross-cap:radial-gradient(circle at var(--piece-cross-tab) calc((100% - var(--piece-extension)) / 2),#000 calc(var(--puzzle-cross-radius) - .5px),transparent var(--puzzle-cross-radius));grid-row:auto;grid-template-rows:auto auto auto}.puzzle-flow>.workflow-card:before{inset:0 calc(-1 * var(--piece-cross-extension)) calc(-1 * var(--piece-extension));mask-size:100% 100%,100% 100%,calc(100% - 2 * var(--piece-cross-extension)) calc(100% - var(--piece-extension)),100% 100%,100% 100%;mask-position:0 0,0 0,top,0 0,0 0}}