.tn-lane{fill:none;stroke:#34d39947;stroke-width:1.2;stroke-dasharray:3 7;animation:tn-dash 2.4s linear infinite}.tn-lane--in{stroke:#eef4f033;animation-direction:reverse}@keyframes tn-dash{to{stroke-dashoffset:-20}}.tn-ring{fill:none;stroke:#34d39938;stroke-width:1;transform-box:fill-box;transform-origin:center}.tn-ring--dash{stroke-dasharray:2 6;animation:tn-spin 40s linear infinite}.tn-ring--dash-rev{stroke-dasharray:1 9;animation:tn-spin 60s linear infinite reverse}.tn-pulse{fill:#34d3992e;transform-box:fill-box;transform-origin:center;animation:tn-pulse 3.2s ease-out infinite}.tn-pulse--late{animation-delay:1.6s}@keyframes tn-spin{to{transform:rotate(360deg)}}@keyframes tn-pulse{0%{transform:scale(.6);opacity:.9}to{transform:scale(2.6);opacity:0}}.tn-node-pulse{fill:none;stroke:#34d39980;stroke-width:1;transform-box:fill-box;transform-origin:center;animation:tn-node 3.6s ease-out infinite;animation-delay:var(--d, 0s)}@keyframes tn-node{0%{transform:scale(1);opacity:.8}to{transform:scale(3.2);opacity:0}}.tn-chip{position:absolute;left:50%;bottom:0;translate:-50% 0;opacity:0;animation:tn-chip 12s ease-in-out infinite;animation-delay:calc(var(--i) * 2s)}@keyframes tn-chip{0%{opacity:0;transform:translateY(8px)}3%,14%{opacity:1;transform:translateY(0)}17%,to{opacity:0;transform:translateY(-6px)}}.trade-accent{color:#6ee7b7;background-image:linear-gradient(#34d399,#34d399);background-repeat:no-repeat;background-position:0 100%;background-size:0% .07em;padding-bottom:.06em;-webkit-box-decoration-break:clone;box-decoration-break:clone;animation:trade-underline 1.1s cubic-bezier(.2,.7,.2,1) .5s forwards}@keyframes trade-underline{to{background-size:100% .07em}}.spot{position:relative;isolation:isolate}.spot:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;opacity:0;transition:opacity .25s ease;background:radial-gradient(420px circle at var(--mx, 50%) var(--my, 0%),rgba(52,211,153,.13),transparent 45%);pointer-events:none}.spot:hover:before,.spot:focus-within:before{opacity:1}.spot:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;opacity:0;transition:opacity .25s ease;padding:1px;background:radial-gradient(260px circle at var(--mx, 50%) var(--my, 0%),rgba(52,211,153,.55),transparent 60%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.spot:hover:after,.spot:focus-within:after{opacity:1}.trade-marquee{display:flex;width:-moz-max-content;width:max-content;animation:marquee 48s linear infinite}.trade-marquee-wrap:hover .trade-marquee{animation-play-state:paused}.jr-dot{transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease,transform .3s ease}.jr-step[data-active=true] .jr-dot{background-color:#34d399;border-color:#34d399;box-shadow:0 0 0 6px #34d39924;transform:scale(1.08)}.jr-step[data-past=true] .jr-dot{background-color:#34d3998c;border-color:#34d3998c}.jr-card{transition:border-color .3s ease,background-color .3s ease,transform .3s ease}.jr-step[data-active=true] .jr-card{border-color:#34d39959;background-color:#34d3990a}.demo-stage{display:grid}.demo-panel{grid-area:1 / 1;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .38s ease,transform .38s ease,visibility 0s linear .38s}.demo-panel[data-active=true]{opacity:1;visibility:visible;transform:none;transition:opacity .38s ease .12s,transform .38s ease .12s,visibility 0s}.demo-word{opacity:0}.demo-panel[data-active=true] .demo-word{animation:demo-word .26s ease forwards;animation-delay:calc(var(--w, 0) * 65ms + .32s)}@keyframes demo-word{to{opacity:1}}.demo-pop{opacity:0;transform:translateY(8px) scale(.98)}.demo-panel[data-active=true] .demo-pop{animation:demo-pop .52s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(var(--d, 0) * .14s + .26s)}@keyframes demo-pop{to{opacity:1;transform:none}}.demo-bar{transform-origin:left center;transform:scaleX(0)}.demo-panel[data-active=true] .demo-bar{animation:demo-bar .9s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(var(--d, 0) * .16s + .32s)}@keyframes demo-bar{to{transform:scaleX(1)}}.demo-fill{transform-origin:left center;transform:scaleX(0)}[data-playing=true] .demo-fill{animation:demo-fill var(--dur, 5.2s) linear forwards}@keyframes demo-fill{to{transform:scaleX(1)}}.pb-card{transition:left .7s cubic-bezier(.3,.7,.2,1),top .7s cubic-bezier(.3,.7,.2,1),border-color .4s ease,opacity .4s ease}.pb-log-line{opacity:0;transform:translate(-6px);animation:pb-log .48s ease forwards}@keyframes pb-log{to{opacity:1;transform:none}}.hsn-seg{transition:color .4s ease,background-color .4s ease,border-color .4s ease}.hsn-anatomy[data-play=true] .hsn-seg{animation:hsn-lit .9s ease forwards;animation-delay:calc(var(--i) * .9s)}@keyframes hsn-lit{0%{background-color:#34d39900;border-color:#ffffff1a}35%{background-color:#34d39938;border-color:#34d399b3;color:#a7f3d0}to{background-color:#34d39914;border-color:#34d39959;color:#eef4f0}}.hsn-anatomy[data-play=true] .hsn-label{animation:hsn-label .6s ease forwards;animation-delay:calc(var(--i) * .9s + .2s)}.hsn-label{opacity:.25}@keyframes hsn-label{to{opacity:1}}.mg-line{fill:none;stroke:#34d3998c;stroke-width:1.5;stroke-dasharray:100;stroke-dashoffset:100;animation:mg-draw 3.4s ease-in-out infinite;animation-delay:calc(var(--i) * .9s)}@keyframes mg-draw{0%{stroke-dashoffset:100;opacity:.2}35%,80%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:.25}}.stack-seg{transition:transform .5s cubic-bezier(.3,.7,.2,1)}@media(prefers-reduced-motion:reduce){.tn-lane,.tn-ring--dash,.tn-ring--dash-rev,.tn-pulse,.tn-node-pulse,.trade-marquee{animation:none}.mg-line{animation:none;stroke-dashoffset:0;opacity:1}.mg-dot{display:none}.trade-accent{animation:none;background-size:100% .07em}.tn-packet{display:none}.tn-chip{animation:none;opacity:0}.tn-chip:first-child{opacity:1}.trade-marquee-wrap{overflow-x:auto}.demo-stage{gap:1.25rem}.demo-panel{grid-area:auto;opacity:1;visibility:visible;transform:none;transition:none}.demo-word{opacity:1;animation:none!important}.demo-pop{opacity:1;transform:none;animation:none!important}.demo-bar{transform:none;animation:none!important}.demo-fill{display:none}.hsn-seg{background-color:#34d39914;border-color:#34d39959;animation:none!important}.hsn-label{opacity:1;animation:none!important}.pb-card,.stack-seg{transition:none}.pb-log-line{opacity:1;transform:none;animation:none}.spot:before,.spot:after{display:none}}
