.sys-card{border:1px solid var(--color-line);background:var(--color-ink-2);border-radius:1.25rem;flex-direction:column;display:flex;position:relative}.sys-media{border-bottom:1px solid var(--color-line);background:radial-gradient(60% 55% at 0% 100%, rgb(var(--glow) / calc(.08 * var(--glow-k))), transparent 70%), radial-gradient(rgb(var(--fg) / .05) 1px, transparent 1px) 0 0 / 32px 32px, var(--color-ink-2);flex-shrink:0;height:220px}.sys-body{flex-direction:column;flex:1;padding:1.4rem 1.5rem 1.5rem;display:flex}.sys-chips{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.sys-chip{border:1px solid var(--color-line-2);font-family:var(--font-mono);color:var(--color-mute);border-radius:999px;padding:.2rem .6rem;font-size:.75rem;line-height:1.4}.sys-kind{color:rgb(var(--fg))}.sys-kind.is-concept{border-style:dashed}.sys-kind.is-internal{border-color:var(--color-acid);background:var(--color-acid);color:var(--color-ink)}.sys-title{font-family:var(--font-head);letter-spacing:-.02em;color:rgb(var(--fg));margin-top:1rem;font-size:1.25rem;font-weight:560;line-height:1.25}.sys-line{color:var(--color-soft);margin-top:.75rem;font-size:.92rem;line-height:1.5}.sys-label{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--color-mute);margin-right:.3rem;font-size:.75rem}.sys-foot{flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;margin-top:auto;padding-top:1.4rem;display:flex}.sys-link{color:var(--color-acid);font-size:.92rem;font-weight:600}.sys-link:after{content:"";z-index:1;border-radius:inherit;position:absolute;inset:0}.sys-link:focus-visible{outline:2px solid var(--color-acid);outline-offset:3px;border-radius:4px}.sys-demo{z-index:2;color:var(--color-soft);font-size:.92rem;position:relative}.sys-demo:hover{color:rgb(var(--fg))}.sys-demo:focus-visible{outline:2px solid var(--color-acid);outline-offset:3px;border-radius:4px}@media (min-width:768px){.wg-grid.sys-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.sys-grid>.wg-item{grid-column:span 6}.sys-grid>.wg-item[data-vi="0"],.sys-grid>.wg-item[data-vi="3"]{grid-column:span 7}.sys-grid>.wg-item[data-vi="1"],.sys-grid>.wg-item[data-vi="2"]{grid-column:span 5}.sys-grid>.wg-item>.work-card{height:100%}.sys-grid .work-card .shot{flex:1 0 auto}}.wg-empty:empty{display:none}.wg-empty{border:1px dashed var(--color-line-2);color:var(--color-soft);border-radius:1rem;margin-top:1.5rem;padding:1.5rem}.wg-group{gap:.6rem;display:grid}.wg-group+.wg-group{margin-top:1rem}.wg-group-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-mute);font-size:.75rem}.wg-chip:focus-visible{outline:2px solid var(--color-acid);outline-offset:2px}.cs-h1{font-size:clamp(2.1rem,5vw,4.1rem)}.cs-summary{max-width:46rem;color:var(--color-soft);margin-top:1.75rem;font-size:1.15rem;line-height:1.6}.cs-actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.cs-note{max-width:46rem;margin-top:2rem}.cs-sec{margin-top:clamp(4rem,8vw,6.5rem)}.cs-h2{font-family:var(--font-head);letter-spacing:-.035em;color:rgb(var(--fg));font-size:clamp(1.6rem,3vw,2.4rem);font-weight:560;line-height:1.1}.cs-split{gap:3rem;display:grid}@media (min-width:1024px){.cs-split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:4.5rem}}.cs-common{border:1px solid var(--color-line);background:var(--color-ink-2);border-radius:1.25rem;margin-top:1.25rem;padding:1.5rem}.cs-common strong{color:rgb(var(--fg));font-size:1.1rem;font-weight:600;line-height:1.5;display:block}.cs-common p{color:var(--color-soft);margin-top:.85rem;font-size:1rem;line-height:1.6}.cs-complex{counter-reset:cs;gap:.75rem;margin:1.25rem 0 0;padding:0;list-style:none;display:grid}.cs-complex li{border:1px solid var(--color-line);counter-increment:cs;border-radius:1rem;padding:1.1rem 1.25rem 1.1rem 3.4rem;position:relative}.cs-complex li:before{content:counter(cs, decimal-leading-zero);font-family:var(--font-mono);color:var(--color-acid);font-size:.75rem;position:absolute;top:1.15rem;left:1.2rem}.cs-complex strong{color:rgb(var(--fg));font-size:1rem;font-weight:600;line-height:1.45;display:block}.cs-complex p{color:var(--color-soft);margin-top:.35rem;font-size:.95rem;line-height:1.55}.cs-canvas{margin-top:1.75rem}.cs-hint{color:var(--color-mute);margin-top:.9rem;font-size:.875rem}.cs-say{border:1px solid var(--color-line-2);background:var(--color-ink);max-width:100%;font-family:var(--font-mono);color:rgb(var(--fg));overflow-wrap:anywhere;border-radius:8px;padding:.2rem .6rem;font-size:.85rem;line-height:1.5;display:inline-block}.cs-copy{border:1px solid var(--color-line-2);font-family:var(--font-mono);color:var(--color-soft);vertical-align:middle;cursor:pointer;border-radius:999px;align-items:center;gap:.35rem;margin-left:.4rem;padding:.25rem .65rem;font-size:.75rem;transition:border-color .25s,color .25s;display:inline-flex}.cs-copy:hover{border-color:rgb(var(--acid) / .5);color:rgb(var(--fg))}.cs-copy:focus-visible{outline:2px solid var(--color-acid);outline-offset:2px}.cs-panels{gap:1.25rem;margin-top:1.75rem;display:grid}@media (min-width:768px){.cs-panels{grid-template-columns:1fr 1fr}}.cs-panel{padding:1.75rem}.cs-panel h3{font-family:var(--font-head);color:rgb(var(--fg));font-size:1.15rem;font-weight:600}.cs-ticks{gap:.85rem;margin:1.1rem 0 0;padding:0;list-style:none;display:grid}.cs-ticks li{color:var(--color-soft);align-items:flex-start;gap:.75rem;line-height:1.55;display:flex}.cs-ticks svg{color:var(--color-acid);flex-shrink:0;margin-top:.2rem}.cs-panel>p{color:var(--color-soft);margin-top:1.1rem;line-height:1.65}.cs-try{counter-reset:try;gap:.85rem;margin:1.75rem 0 0;padding:0;list-style:none;display:grid}.cs-try>li{border:1px solid var(--color-line);background:var(--color-ink-2);counter-increment:try;border-radius:1rem;padding:1.15rem 1.25rem 1.15rem 3.6rem;position:relative}.cs-try>li:before{content:counter(try);background:var(--color-acid);width:1.65rem;height:1.65rem;font-family:var(--font-mono);color:var(--color-ink);border-radius:999px;place-items:center;font-size:.8rem;font-weight:600;display:grid;position:absolute;top:1.05rem;left:1.15rem}.cs-try p{color:var(--color-soft);line-height:1.6}.cs-try p+p{margin-top:.5rem}.cs-try .sys-label{min-width:4.4rem;display:inline-block}.cs-try-note{color:var(--color-mute);margin-top:1.1rem;font-size:.9rem}.cs-more{border-top:1px solid var(--color-line);padding-top:3rem}.cs-more-grid{gap:1.25rem;margin-top:2rem;display:grid}@media (min-width:768px){.cs-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.cs-more-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.cs-copy,.sys-card{transition:none}}.wg-grid.wg-slider{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;gap:1.25rem;padding:4px 2px 12px;scroll-padding-inline:2px;display:flex;overflow-x:auto}.wg-grid.wg-slider::-webkit-scrollbar{display:none}.wg-grid.wg-slider.is-dragging{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.wg-grid.wg-slider.is-dragging a{pointer-events:none}.wg-slider>.wg-item{scroll-snap-align:start;flex:0 0 86%}@media (min-width:640px){.wg-slider>.wg-item{flex-basis:calc(50% - .625rem)}}@media (min-width:1080px){.wg-slider>.wg-item{flex-basis:calc(33.3333% - .833333rem)}}.wg-slider>.wg-item.is-out{display:none}.wg-slider .work-card{height:100%}.wg-nav{justify-content:center;align-items:center;gap:1rem;margin-top:1.25rem;display:flex}.wg-arrow{border:1px solid var(--color-line-2);background:rgb(var(--ink-2));width:46px;height:46px;color:rgb(var(--fg));cursor:pointer;transition:background-color .25s, color .25s, border-color .25s, transform .3s var(--ease-out), opacity .25s;border-radius:50%;place-items:center;display:grid}.wg-arrow:hover:not(:disabled){border-color:var(--color-acid);background:var(--color-acid);color:rgb(var(--on-acid));transform:translateY(-2px)}.wg-arrow:disabled{opacity:.35;cursor:default}.wg-dots{align-items:center;gap:.4rem;display:flex}.wg-dot{background:var(--color-line-2);cursor:pointer;width:9px;height:9px;transition:width .35s var(--ease-out), background-color .25s;border:0;border-radius:99px;padding:0}.wg-dot.is-on{background:var(--color-acid);width:28px}@media (prefers-reduced-motion:reduce){.wg-arrow,.wg-dot{transition:none}}
.wf{--ay:21px;--cw:min(13rem, 100%);--gx:2rem;--gy:3rem;border:1px solid var(--color-line);background:radial-gradient(60% 55% at 0% 100%, rgb(var(--glow) / calc(.08 * var(--glow-k))), transparent 70%), radial-gradient(rgb(var(--fg) / .05) 1px, transparent 1px) 0 0 / 32px 32px, var(--color-ink-2);border-radius:22px;padding:clamp(1.15rem,3vw,2rem);position:relative;container-type:inline-size}.wf-head{flex-wrap:wrap;align-items:baseline;gap:.5rem 1rem;display:flex}.wf-kicker{color:var(--color-mute)}.wf-caption{color:var(--color-soft);flex:16rem;font-size:1rem;line-height:1.45}.wf-tag{border:1px dashed var(--color-line-2);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-mute);white-space:nowrap;border-radius:999px;margin-left:auto;padding:.25rem .7rem;font-size:.75rem}.wf-body{margin-top:1.5rem;position:relative}.wf-grid{z-index:1;gap:.75rem;margin:0;padding:0 0 0 1.6rem;list-style:none;display:grid;position:relative}.wf-rail{top:var(--ay);background:linear-gradient(rgb(var(--acid) / .75), rgb(var(--acid) / .15));transform-origin:top;width:1px;position:absolute;bottom:1.5rem;left:.45rem}.wf-node{min-width:0;position:relative}.wf-node:before{content:"";top:calc(var(--ay) - 3.5px);border:1px solid rgb(var(--acid) / .7);background:var(--color-ink-2);border-radius:999px;width:8px;height:8px;position:absolute;left:calc(-1.15rem - 3.5px)}.wf-edges{z-index:0;pointer-events:none;display:none;position:absolute;top:0;left:0;overflow:visible}.wf-card{border:1px solid rgb(var(--fg) / .1);background:rgb(var(--ink-2));width:100%;box-shadow:inset 0 1px 0 rgb(var(--fg) / .05);border-radius:12px;padding:.75rem .85rem;position:relative}.wf-node[data-kind=ai] .wf-card{border-color:rgb(var(--acid) / .35)}.wf-node[data-kind=human] .wf-card{border-style:dashed}.wf-top{align-items:flex-start;gap:.5rem;display:flex}.wf-ico{color:var(--color-mute);flex-shrink:0;margin-top:1px}.wf-node[data-kind=ai] .wf-ico{color:var(--color-acid)}.wf-title{min-width:0;color:rgb(var(--fg));overflow-wrap:anywhere;font-size:.9rem;font-weight:560;line-height:1.3}.wf-detail{color:var(--color-mute);margin-top:.35rem;font-size:.78rem;line-height:1.4}.wf-chips{flex-wrap:wrap;gap:.35rem;margin-top:.7rem;display:flex}.wf-chip{border:1px solid var(--color-line-2);font-family:var(--font-body);color:var(--color-mute);text-align:left;border-radius:.7rem;align-items:center;gap:.4rem;padding:.25rem .6rem;font-size:.8rem;font-weight:560;line-height:1.3;display:inline-flex}.wf-chip i{background:var(--color-acid);border-radius:999px;flex:none;width:6px;height:6px}.wf-fail{color:var(--color-soft);cursor:pointer;transition:border-color .25s,color .25s}.wf-fail i{background:rgb(var(--bad))}.wf-fail:hover{border-color:rgb(var(--bad) / .5);color:rgb(var(--fg))}.wf-fail[data-open]{border-color:rgb(var(--bad) / .65);color:rgb(var(--fg))}.wf-fail:focus-visible{outline:2px solid var(--color-acid);outline-offset:2px}.wf-branch{width:100%;transition:grid-template-rows .42s var(--ease-out);grid-template-rows:0fr;display:grid}.wf-branch>div{min-height:0;overflow:hidden}.wf-branch p{border-left:1px dashed rgb(var(--bad));color:var(--color-soft);opacity:0;margin-top:.55rem;padding:.3rem 0 .3rem .75rem;font-size:.8rem;line-height:1.45;transition:opacity .3s}.wf-branch[data-open]{grid-template-rows:1fr}.wf-branch[data-open] p{opacity:1;transition-delay:80ms}.wf-base{fill:none;stroke:var(--color-line-2);stroke-width:1.5px}.wf-hl{fill:none;stroke-width:1.5px;stroke-dasharray:1;stroke-dashoffset:0}.wf-pulse{fill:none;stroke:var(--color-acid);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:.06 .94;stroke-dashoffset:1px;opacity:0}@container (min-width:37rem){.wf[data-size=full] .wf-grid{gap:var(--gy) var(--gx);grid-template-columns:repeat(4,minmax(0,1fr));padding-left:0}.wf[data-size=full] .wf-node{grid-column:var(--c);grid-row:var(--r)}.wf[data-size=full] .wf-card,.wf[data-size=full] .wf-branch{width:var(--cw)}.wf[data-size=full] .wf-rail{display:none}.wf[data-size=full] .wf-edges{display:block}.wf[data-size=full] .wf-node:before{content:none}.wf[data-size=full]:not([data-ready]) .wf-link-r:after{content:"";top:var(--ay);left:var(--cw);width:calc(100% - var(--cw) + var(--gx));background:var(--color-line-2);height:1px;position:absolute}.wf[data-size=full]:not([data-ready]) .wf-link-u:before{content:"";top:var(--ay);left:var(--cw);width:16px;height:calc(100% + var(--gy));border:1px solid var(--color-line-2);background:0 0;border-left:0;border-radius:0 8px 8px 0}}.wf[data-size=card]{--ay:16px;--cw:100%;--gx:1rem;--gy:1.5rem;pointer-events:none;border:0;border-radius:0;flex-direction:column;justify-content:safe center;height:100%;padding:1.1rem 1.25rem;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.wf[data-size=card] .wf-body{margin-top:0}.wf[data-size=card] .wf-grid{gap:.5rem}.wf[data-size=card] .wf-card{border-radius:10px;padding:.5rem .65rem}.wf[data-size=card] .wf-title{font-size:.75rem}@container (min-width:30rem){.wf[data-size=card] .wf-grid{gap:var(--gy) var(--gx);grid-template-columns:repeat(4,minmax(0,1fr));padding-left:0}.wf[data-size=card] .wf-node{grid-column:var(--c);grid-row:var(--r)}.wf[data-size=card] .wf-rail{display:none}.wf[data-size=card] .wf-edges{display:block}.wf[data-size=card] .wf-node:before{content:none}.wf[data-size=card]:not([data-ready]) .wf-link-r:after{content:"";top:var(--ay);width:var(--gx);background:var(--color-line-2);height:1px;position:absolute;left:100%}}.wf[data-wait] .wf-card{opacity:.4;transform:translateY(8px)}.wf[data-wait] .wf-hl{stroke-dashoffset:1px}.wf[data-wait] .wf-rail{transform:scaleY(0)}.wf[data-play] .wf-hl{animation:wf-draw .45s var(--ease-out) backwards;animation-delay:calc(var(--e,0) * .14s)}.wf[data-play] .wf-card{animation:wf-rise .5s var(--ease-out) backwards;animation-delay:var(--d,0s)}.wf[data-play] .wf-rail{animation:wf-rail 1.4s var(--ease-sweep) backwards}.wf[data-live] .wf-pulse{opacity:1;animation:3.2s linear infinite wf-pulse}.wf[data-paused] .wf-pulse{animation-play-state:paused}.wf[data-size=card][data-live] .wf-pulse{opacity:0;animation-play-state:paused}.sys-card:hover .wf[data-live] .wf-pulse{opacity:1;animation-play-state:running}@keyframes wf-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes wf-rise{0%{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes wf-rail{0%{transform:scaleY(0)}to{transform:none}}@keyframes wf-pulse{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.wf-pulse{display:none}.wf .wf-card,.wf .wf-hl,.wf .wf-rail{opacity:1!important;stroke-dashoffset:0!important;animation:none!important;transform:none!important}.wf-branch,.wf-branch p,.wf-fail{transition:none}}.wf-n{display:none}.wf[data-look=steps] .wf-n{background:var(--color-acid);width:1.45rem;height:1.45rem;font:700 .76rem/1 var(--font-head);color:rgb(var(--on-acid));border-radius:50%;flex:none;place-items:center;margin-top:-1px;display:grid}.wf[data-look=steps] .wf-ico{display:none}.wf[data-look=tiles] .wf-card{padding-top:.85rem}.wf[data-look=tiles] .wf-top{flex-direction:column;gap:.6rem}.wf[data-look=tiles] .wf-ico{background:rgb(var(--acid) / .14);width:2.4rem;height:2.4rem;color:var(--color-acid);box-shadow:inset 0 0 0 1px rgb(var(--acid) / .25);border-radius:12px;place-items:center;margin:0;display:grid}.wf[data-look=tiles] .wf-n{font:700 1.6rem/1 var(--font-head);letter-spacing:-.04em;color:rgb(var(--fg) / .12);display:block;position:absolute;top:.7rem;right:.85rem}.wf[data-look=tiles] .wf-title{font-size:.98rem}.wf[data-look=strip] .wf-card{border-top-width:0;padding-top:1.05rem;overflow:hidden}.wf[data-look=strip] .wf-card:before{content:"";background:linear-gradient(90deg, var(--color-acid), rgb(var(--acid) / .35));height:4px;position:absolute;top:0;left:0;right:0}.wf[data-look=strip] .wf-node[data-kind=human] .wf-card:before{background:repeating-linear-gradient(90deg, rgb(var(--fg) / .5) 0 8px, transparent 8px 14px)}.wf[data-look=strip] .wf-n{background:rgb(var(--fg) / .08);font:600 .68rem/1.4 var(--font-mono);color:var(--color-mute);border-radius:999px;order:3;margin-left:auto;padding:.1rem .45rem;display:block}