.works{position:relative}.works .wk{transition:border-color .4s,box-shadow .4s,transform .4s!important}.works .wk.is-live{border:1px solid var(--cyan)!important;box-shadow:0 22px 44px -24px #26acc28c!important;transform:translateY(-3px)}.works .wk.is-live .ic{animation:wk-pulse 1.6s ease-out infinite}@keyframes wk-pulse{0%{box-shadow:0 0 #26acc273}to{box-shadow:0 0 0 12px #26acc200}}.works .wk.is-live .ex i{opacity:0;transform:translate(-8px);transition:opacity .35s,transform .35s,background-color .35s}.works .wk.is-live .ex i.show{opacity:1;transform:none}.works .wk.is-live .ex i.scan{background-image:linear-gradient(90deg,transparent 0%,rgba(38,172,194,.18) 50%,transparent 100%);background-size:220% 100%;animation:wk-scan 1s linear}@keyframes wk-scan{0%{background-position:120% 0}to{background-position:-120% 0}}.flow-link{position:absolute;height:2px;background:var(--line);border-radius:2px;pointer-events:none;z-index:3;overflow:visible}.flow-link i{position:absolute;top:-3px;left:0;width:8px;height:8px;border-radius:50%;background:var(--cyan);opacity:0}.flow-link.go i{animation:wk-dot .7s cubic-bezier(.5,0,.5,1) forwards}@keyframes wk-dot{0%{left:0;opacity:1}to{left:calc(100% - 8px);opacity:1}}@media(max-width:820px){.flow-link{display:none}}@media(prefers-reduced-motion:reduce){.works .wk.is-live .ex i{opacity:1;transform:none}.works .wk.is-live .ic,.flow-link.go i{animation:none}}#find .card{padding:20px 22px!important}#find .card .ctop{align-items:center}#find .card-ic{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--chip);color:var(--accent)}#find .card-ic svg{width:19px;height:19px}#find .card h3{margin:10px 0 2px;font-size:18px}#find .card .q{font-size:13px;margin-bottom:10px}#find .card .chips{margin-bottom:8px}#find .card li{font-size:13px;line-height:1.7;padding:8px 0}.integration-field{position:relative}.int-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:visible}.int-lines path{fill:none;stroke:var(--cyan);stroke-width:1.2;opacity:.45;stroke-dasharray:3 6;animation:int-dash 1.6s linear infinite}.int-lines circle{fill:var(--cyan)}@keyframes int-dash{to{stroke-dashoffset:-18}}.integration-tile{position:relative;z-index:1}@media(prefers-reduced-motion:reduce){.int-lines path{animation:none}.int-lines circle{display:none}}
