.homepage-graphics{position:relative;isolation:isolate}
.network-background{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.network-map{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.network-background svg{width:100%;height:100%;display:block}
.network-background::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 29% 34%,rgba(11,13,18,.65),transparent 58%),linear-gradient(90deg,transparent,rgba(11,13,18,.35) 60%,transparent)}
.network-links{stroke:#8b7bff;stroke-opacity:.27;stroke-width:1}
.network-nodes{fill:#a99cff;fill-opacity:.6}
.network-canvas{position:absolute;inset:0;width:100%;height:100%}
.homepage-graphics .home-signup-panel{background:rgba(20,23,32,.96)}
@media(max-width:760px){.network-links{stroke-opacity:.12}.network-background::after{background:rgba(11,13,18,.4)}}
.homepage-graphics .home-use-case>div{position:relative;padding-left:108px;min-height:72px}
.task-art{position:absolute;left:0;top:0;width:84px;height:64px;stroke:#9691b3;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.task-accent,.task-spark{stroke:#a99cff}
.task-spark{transition:transform .3s,opacity .3s;transform-origin:50px 20px;opacity:.4}
.home-use-case:hover .task-spark{transform:translateY(-3px);opacity:1}
@media(max-width:1100px){.homepage-graphics .home-use-case>div{padding-left:84px}.task-art{width:66px}}
@media(max-width:760px){.homepage-graphics .home-use-case>div{padding-left:70px}.task-art{width:56px;height:52px}}
@media(prefers-reduced-motion:reduce){.task-spark{transition:none}}

@media(max-width:760px){.network-background{display:none}}