.spine-demo{margin:0}.spine-demo .spine-window{background:var(--layer);border:1px solid var(--win-border);border-radius:var(--r-lg);box-shadow:var(--shadow-window);overflow:hidden}.spine-demo .spine-head{justify-content:space-between;align-items:flex-start;gap:var(--s4);padding:var(--s4) var(--s5);border-bottom:1px solid var(--stroke);display:flex}.spine-demo .spine-title{font-size:16px;font-weight:600;line-height:22px}.spine-demo .spine-sub{color:var(--text-2);font-size:13px;line-height:18px}.spine-demo .spine-status{color:var(--accent-text);font-variant-numeric:tabular-nums;text-align:right;flex:none;font-size:13px;font-weight:600;line-height:20px;display:grid}.spine-demo .st{opacity:0;grid-area:1/1;justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}.spine-demo .st-done{opacity:1;color:var(--ok)}.spine-demo .spine{padding:var(--s5) var(--s5) var(--s4);background:var(--canvas);background-image:radial-gradient(var(--canvas-dot) 1px, transparent 1px);background-size:16px 16px;list-style:none}.spine-demo .row{column-gap:var(--s3);padding-bottom:var(--s3);grid-template-columns:28px 1fr;display:grid;position:relative}.spine-demo .seg{background:var(--spine);border-radius:1px;width:2px;position:absolute;top:30px;bottom:-2px;left:13px;overflow:hidden}.spine-demo .seg-fill{background:var(--accent);transform-origin:top;position:absolute;inset:0}.spine-demo .node{z-index:1;font-variant-numeric:tabular-nums;background:var(--accent);width:28px;height:28px;color:var(--on-accent);border:1.5px solid var(--accent);border-radius:50%;place-items:center;margin-top:12px;font-size:12px;font-weight:600;display:grid;position:relative}.spine-demo .node-num,.spine-demo .node-check{grid-area:1/1}.spine-demo .node-num{opacity:0}.spine-demo .node:after{content:"";border:2px solid var(--accent);opacity:0;border-radius:50%;position:absolute;inset:-5px}.spine-demo .node-end{width:14px;height:14px;margin:4px 7px 0}.spine-demo .block{gap:var(--s3);min-width:0;padding:var(--s3) var(--s4);background:var(--card);border:1px solid var(--stroke);border-radius:var(--r-lg);box-shadow:var(--shadow-card);align-items:flex-start;display:flex}.spine-demo .block>div{min-width:0}.spine-demo .block-name{font-size:14px;font-weight:600;line-height:20px}.spine-demo .block-sum{color:var(--text-2);overflow-wrap:anywhere;font-size:13px;line-height:22px}.spine-demo .block-sum .pill,.spine-demo .block-sum .chip{font-size:12px;line-height:18px}.spine-demo .row-end{align-items:center;padding-bottom:0}.spine-demo .end-label{color:var(--text-3);font-size:13px}.spine-demo .spine-caption{gap:var(--s2) var(--s4);margin-top:var(--s3);color:var(--text-2);flex-wrap:wrap;justify-content:space-between;align-items:center;font-size:14px;display:flex}.spine-demo .spine-replay{min-height:36px;color:var(--text-2);font-size:14px;font-weight:400}.spine-demo .r-0{--done:.1s;--seg:.2s}.spine-demo .r-1{--run:.5s;--done:1.2s;--seg:1.2s}.spine-demo .r-2{--run:1.5s;--done:2.2s;--seg:2.2s}.spine-demo .r-3{--run:2.5s;--done:3.2s;--seg:3.2s}.spine-demo .r-4{--run:3.5s;--done:4.2s;--seg:4.2s}.spine-demo .r-end{--done:4.5s}.spine-armed .node{background:var(--layer);color:var(--text);border-color:var(--spine-node)}.spine-armed .node-start,.spine-armed .node-end{color:var(--text-2)}.spine-armed .node-num{opacity:1}.spine-armed .node-check{opacity:0}.spine-armed .seg-fill{transform:scaleY(0)}.spine-armed .st-done{opacity:0}.spine-armed .st-0{opacity:1}@media (prefers-reduced-motion:no-preference){.spine-play .node{animation:node-done .18s var(--ease) var(--done) both}.spine-play .node-num{animation:num-hide 10ms linear var(--done) both}.spine-play .node-check{animation:check-show .18s var(--ease) var(--done) both}.spine-play .seg-fill{animation:seg-fill .3s linear var(--seg) both}.spine-play .r-1 .node:after,.spine-play .r-2 .node:after,.spine-play .r-3 .node:after,.spine-play .r-4 .node:after{animation:run-pulse .7s ease-in-out var(--run) both}.spine-play .r-1 .block,.spine-play .r-2 .block,.spine-play .r-3 .block,.spine-play .r-4 .block{animation:block-run .7s linear var(--run) both}.spine-play .st-0{opacity:0;animation:.5s linear shown}.spine-play .st-1{animation:1s linear .5s shown}.spine-play .st-2{animation:1s linear 1.5s shown}.spine-play .st-3{animation:1s linear 2.5s shown}.spine-play .st-4{animation:1s linear 3.5s shown}.spine-play .st-done{animation:done-show .2s var(--ease) 4.5s both}}@keyframes node-done{0%{background:var(--layer);color:var(--text);border-color:var(--spine-node)}to{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}}@keyframes num-hide{0%{opacity:1}to{opacity:0}}@keyframes check-show{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes seg-fill{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes run-pulse{0%{opacity:0;transform:scale(.85)}20%{opacity:.9;transform:scale(1)}60%{opacity:.35;transform:scale(1.18)}to{opacity:0;transform:scale(1.25)}}@keyframes block-run{0%,to{border-color:var(--stroke);box-shadow:var(--shadow-card)}10%,90%{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}}@keyframes shown{0%,to{opacity:1}}@keyframes done-show{0%{opacity:0}to{opacity:1}}@media (width<=420px){.spine-demo .spine-head{gap:var(--s2);flex-direction:column}.spine-demo .spine-status{text-align:left}.spine-demo .st{justify-content:flex-start}.spine-demo .spine{padding-inline:var(--s3)}.spine-demo .block{padding:var(--s3)}}.hero[data-astro-cid-lcdefpme]{padding-block:var(--s8) var(--s10)}.hero-inner[data-astro-cid-lcdefpme]{gap:var(--s10);align-items:center;display:grid}.hero-copy[data-astro-cid-lcdefpme]{gap:var(--s5);justify-items:start;display:grid}.hero-lead[data-astro-cid-lcdefpme]{color:var(--text-2);max-width:58ch;font-size:18px}@media (width>=960px){.hero[data-astro-cid-lcdefpme]{padding-block:72px}.hero-inner[data-astro-cid-lcdefpme]{grid-template-columns:1.05fr 1fr;gap:56px}}.split[data-astro-cid-lcdefpme]{gap:var(--s8);align-items:center;display:grid}.split-copy[data-astro-cid-lcdefpme]{margin-bottom:0}.split-copy[data-astro-cid-lcdefpme] p[data-astro-cid-lcdefpme]+p[data-astro-cid-lcdefpme]{margin-top:0}@media (width>=960px){.split[data-astro-cid-lcdefpme]{grid-template-columns:1fr 1.4fr;gap:48px}.split-reverse[data-astro-cid-lcdefpme]{grid-template-columns:1.4fr 1fr}.split-reverse[data-astro-cid-lcdefpme]>[data-astro-cid-lcdefpme]:first-child{order:2}}.principle[data-astro-cid-lcdefpme]{gap:var(--s4);grid-template-columns:auto 1fr}.principle[data-astro-cid-lcdefpme] h3[data-astro-cid-lcdefpme]{margin-bottom:var(--s1)}.cta-inner[data-astro-cid-lcdefpme]{gap:var(--s5);padding:var(--s8) var(--s6);background:var(--layer);border:1px solid var(--stroke);border-radius:var(--r-lg);display:grid}@media (width>=880px){.cta-inner[data-astro-cid-lcdefpme]{padding:var(--s10);grid-template-columns:1fr auto;align-items:center}}