.wfc{position:relative;background:#04050a;color:#e8ecf4;padding:clamp(4rem,12vh,9rem) 0 clamp(4.5rem,13vh,10rem);overflow:hidden;--wfc-line:#16203a;--wfc-blue:#2b8fd4;--wfc-accent:#f58220;--wfc-muted:#7c8698}.wfc__stars{position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:radial-gradient(1px 1px at 12% 18%,#7fb6dd 50%,transparent 51%),radial-gradient(1px 1px at 78% 12%,#cfe4f5 50%,transparent 51%),radial-gradient(1px 1px at 34% 62%,#6aa6cf 50%,transparent 51%),radial-gradient(1px 1px at 88% 74%,#a9cdea 50%,transparent 51%),radial-gradient(1px 1px at 58% 34%,#f58220 50%,transparent 51%),radial-gradient(1px 1px at 22% 86%,#8fc0e0 50%,transparent 51%),radial-gradient(1px 1px at 66% 92%,#b9d8ef 50%,transparent 51%),radial-gradient(1px 1px at 46% 8%,#7fb6dd 50%,transparent 51%);background-repeat:repeat;background-size:620px 480px;-webkit-mask-image:radial-gradient(95% 85% at 50% 40%,#000,transparent);mask-image:radial-gradient(95% 85% at 50% 40%,#000,transparent)}.wfc__inner{position:relative;width:100%;padding:0 clamp(1.2rem,3.5vw,4rem);max-width:84rem;margin:0 auto}.wfc__flow{position:relative;margin-top:clamp(2.5rem,7vh,5rem);height:clamp(37rem,62vh,47rem)}.wfc__edges{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.wfc__edge{fill:none;stroke:var(--wfc-line);stroke-width:1.4;opacity:0;transition:opacity .6s ease}.wfc.is-live .wfc__edge{opacity:1}.wfc.is-live .wfc__edge.is-pulse{stroke:var(--wfc-blue);stroke-dasharray:5 9;animation:wfc-flow 2.4s linear infinite;opacity:.9}@keyframes wfc-flow{to{stroke-dashoffset:-56}}.wfc__nodes{list-style:none;margin:0;padding:0;position:absolute;inset:0}.wfc__node{position:absolute;width:clamp(11.5rem,13vw,16rem);transform:translate(-50%,-50%) translateY(14px);opacity:0;transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1)}.wfc.is-live .wfc__node{opacity:1;transform:translate(-50%,-50%) translateY(0)}.wfc__node-body{display:block;border:1px solid var(--wfc-line);border-radius:12px;background:rgba(11,15,26,.96);padding:.95rem 1rem 1.05rem;text-decoration:none;color:inherit;transition:border-color .3s ease,box-shadow .3s ease,background .3s ease}a.wfc__node-body:hover{border-color:var(--wfc-blue);background:rgba(17,24,40,.98);box-shadow:0 0 0 1px rgba(43,143,212,.22),0 18px 46px -16px rgba(43,143,212,.5)}a.wfc__node-body:focus-visible{outline:2px solid #38bdf8;outline-offset:3px}.wfc__node-top{display:flex;align-items:center;gap:.5rem;margin-bottom:.55rem}.wfc__node-dot{width:6px;height:6px;border-radius:50%;background:var(--wfc-accent);flex:none}.wfc__node-kind{font-family:var(--font-fira-code),ui-monospace,monospace;font-size:.52rem;letter-spacing:.2em;text-transform:uppercase;color:var(--wfc-muted)}.wfc__node-title{display:block;font-family:var(--font-montserrat),system-ui,sans-serif;font-weight:700;font-size:.98rem;letter-spacing:-.01em;margin-bottom:.35rem}.wfc__node-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:var(--font-inter),system-ui,sans-serif;font-size:.74rem;line-height:1.45;color:var(--wfc-muted)}.wfc__node--in .wfc__node-body{border-style:dashed}.wfc__node--out .wfc__node-body{border-color:rgba(245,130,32,.5)}.wfc__node--out .wfc__node-title{color:var(--wfc-accent)}@media (max-width:1100px){.wfc__flow{height:auto}.wfc__edges{display:none}.wfc__nodes{position:static;display:grid;gap:.7rem}.wfc__node{position:static;width:auto;transform:translateY(14px)}.wfc.is-live .wfc__node{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.wfc__edge,.wfc__node{transition:none}.wfc.is-live .wfc__edge.is-pulse{animation:none}}@media (max-width:640px){.wfc__node-body{padding:.85rem .9rem .95rem}.wfc__node-desc{font-size:.72rem}}