@layer components{.hve{isolation:isolate;width:100%;min-width:0;color:var(--primary-foreground);font-family:var(--ff-sans);pointer-events:none;align-items:center;margin:0;display:grid;position:relative;container-type:inline-size}}.hve-field{position:absolute;inset:0;overflow:hidden}.hve-field svg{fill:none;width:100%;height:100%;stroke:var(--ink-soft);stroke-width:1px}.hve-field--far{opacity:.08}.hve-field--mid{opacity:.16}.hve-field--near{opacity:.3}.hve-active{width:100%;margin-left:auto;padding-bottom:2rem;position:relative}.hve-composition{aspect-ratio:900/580;width:100%;position:relative}.hve-caption{font:var(--label-weight) var(--type-label)/1.5 var(--ff-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);position:absolute;top:4%;left:3%}.hve-caption span{padding:0 1em}.hve-paths{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hve-paths--mobile{display:none}.hve-paths path,.hve-paths circle{vector-effect:non-scaling-stroke}.hve-wire{stroke:var(--line-strong);stroke-opacity:.3;stroke-width:1px;transition:stroke-opacity var(--motion-normal)}.hve-feed{stroke:var(--color-brand-mint);stroke-opacity:.24;stroke-width:1px}.hve-transform{stroke:var(--color-brand-mint);stroke-opacity:.65;stroke-width:1px}.hve-node{stroke:var(--color-brand-mint);fill:var(--primary)}.hve-input{width:19%;color:var(--line);font:400 var(--type-label)/1.5 var(--ff-mono);justify-content:space-between;align-items:center;gap:6px;display:flex;position:absolute;left:2.2%}.hve-input i{background:var(--line-strong);flex:none;width:4px;height:4px}.hve-input--0{top:17%}.hve-input--1{top:30.8%}.hve-input--2{top:48%}.hve-input--3{top:65.2%}.hve-input--4{top:80.7%}.hve-stage{pointer-events:auto;position:absolute}.hve-stage--0{width:22%;top:29%;left:33.3%}.hve-stage--1{width:26%;top:15%;left:62.2%}.hve-stage--2{width:25%;top:46%;left:59%}.hve-index{font:400 var(--type-label)/1.4 var(--ff-mono);color:var(--line-strong);align-items:center;gap:16px;display:flex}.hve-name{max-width:12ch;font:500 1.125rem/1.22 var(--ff-display);letter-spacing:-.015em;margin-top:9px;display:block}.hve-stage-rule{background:var(--line-strong);opacity:.5;width:24px;height:1px;margin-top:12px;display:block}.hve-stage--3{box-sizing:border-box;background:var(--primary);border:1px solid var(--line-strong);border-radius:var(--rt-radius-xs);width:28%;padding:18px 20px;top:73%;left:69.4%}.hve-stage--3:before{content:"";border-top:1px solid var(--line-strong);border-left:1px solid var(--line-strong);opacity:.2;z-index:-1;position:absolute;inset:-8px 8px 8px -8px}.hve-stage--3 .hve-name{max-width:none;font-size:1.5rem}.hve-resolved{text-transform:uppercase;letter-spacing:.06em;font-size:.625rem}.hve-output-rule{background:var(--color-brand-mint);transform-origin:0;height:1px;margin:17px 0 10px;display:block}.hve-output-detail{font:400 .6875rem/1.5 var(--ff-mono);color:var(--line)}.hve-status{background:var(--color-brand-mint);width:4px;height:4px;position:absolute;top:22px;right:12px}.hve-ambient{background:var(--color-brand-mint);opacity:0;transform-origin:0;width:14%;height:1px;position:absolute;top:31.9%;left:65%}.hve[data-animate=true] .hve-field{animation:.4s both hve-awaken}.hve[data-animate=true] .hve-structure{animation:.4s .15s both hve-awaken}.hve[data-animate=true] .hve-input{animation:hve-enter .35s var(--hve-delay) both}.hve[data-animate=true] .hve-feed{animation:hve-draw .65s var(--hve-delay) both}.hve[data-animate=true] .hve-transform{animation:hve-draw .38s var(--hve-delay) both}.hve[data-animate=true] .hve-node,.hve[data-animate=true] .hve-stage{animation:hve-awaken .4s var(--hve-delay) both}.hve[data-animate=true] .hve-output-rule{animation:.4s 2.35s both hve-resolve}.hve[data-animate=true][data-settled=true] .hve-ambient{animation:14s 4s infinite hve-ambient}.hve[data-settled=true] :is(.hve-field,.hve-structure,.hve-input,.hve-feed,.hve-transform,.hve-node,.hve-stage,.hve-output-rule){animation:none}@keyframes hve-awaken{0%{opacity:0}to{opacity:1}}@keyframes hve-enter{0%{opacity:0;transform:translate(-5px)}to{opacity:1;transform:translate(0)}}@keyframes hve-draw{0%{stroke-dasharray:1;stroke-dashoffset:1px}to{stroke-dasharray:1;stroke-dashoffset:0}}@keyframes hve-resolve{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes hve-ambient{0%,85%,to{opacity:0;transform:scaleX(.05)}91%{opacity:.45;transform:scaleX(.55)}97%{opacity:0;transform:scaleX(1)}}@media (hover:hover) and (pointer:fine){.hve[data-hover="0"] .hve-input-wire--0,.hve[data-hover="0"] .hve-input-wire--1,.hve[data-hover="1"] .hve-input-wire--2,.hve[data-hover="1"] .hve-input-wire--3,.hve[data-hover="2"] .hve-input-wire--4,.hve[data-hover="3"] .hve-wire{stroke:var(--color-brand-mint);stroke-opacity:.85}.hve-stage:hover .hve-stage-rule{background:var(--color-brand-mint);opacity:1}}@container (width>=1100px){.hve[data-mode=full] .hve-active{width:65%;padding-bottom:2rem}}@container (width>=620px) and (width<=900px){.hve-input--4,.hve-input-wire--4,.hve-feed--4{display:none}.hve-name{font-size:1rem}.hve-stage--3{padding:14px}.hve-stage--3 .hve-name{font-size:1.25rem}.hve-resolved{letter-spacing:0;font-size:.5625rem}.hve-status{display:none}}@container (width<=619px){.hve-composition{aspect-ratio:320/580}.hve-field{opacity:.45}.hve-caption{font-size:.625rem;top:0;left:5%}.hve-paths--desktop{display:none}.hve-paths--mobile{display:block}.hve-input{text-align:center;justify-content:center;width:28%;font-size:.6875rem;line-height:1.5;top:7%}.hve-input i{display:none}.hve-input--0{left:2%}.hve-input--1{left:36%}.hve-input--2{left:70%}.hve-input--3,.hve-input--4{display:none}.hve-stage{width:42%;left:56%}.hve-stage--0{top:24%}.hve-stage--1{top:37%}.hve-stage--2{top:50%}.hve-index{font-size:.625rem}.hve-name{margin-top:5px;font-size:1rem}.hve-stage-rule{display:none}.hve-stage--3{width:80%;padding:15px 18px;top:71.5%;left:15%}.hve-stage--3 .hve-name{font-size:1.375rem}.hve-resolved{font-size:.625rem}.hve-output-rule{margin:12px 0 8px}.hve-ambient{transform-origin:top;width:1px;height:7%;top:33%;left:calc(50% - .5px)}.hve[data-animate=true][data-settled=true] .hve-ambient{animation-name:hve-ambient-mobile}}@keyframes hve-ambient-mobile{0%,85%,to{opacity:0;transform:scaleY(.05)}91%{opacity:.45;transform:scaleY(.55)}97%{opacity:0;transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.hve *,.hve[data-animate=true] *{transition:none!important;animation:none!important}.hve .hve-ambient{display:none}}.hve-paths .hve-feed,.hve-paths .hve-transform{vector-effect:none}@container (width>=620px){.hve-input{translate:0 -50%}.hve-input--0{top:18.97%}.hve-input--1{top:32.76%}.hve-input--2{top:50%}.hve-input--3{top:67.24%}.hve-input--4{top:82.76%}}.hve-caption{color:var(--line-strong)}.hve-resolved,.hve-output-detail{font-size:var(--type-label)}@container (width>=620px) and (width<=900px){.hve-resolved{font-size:var(--type-label)}.hve-index{gap:10px}}@container (width<=619px){.hve-input,.hve-index,.hve-resolved{font-size:var(--type-label)}}.hve-continuity{display:none}.hve[data-text-safe=true] .hve-field{animation:none;-webkit-mask-image:linear-gradient(90deg,#0000001a 0%,#0000001f 30%,#0000002b 44%,#0009 60%,#000 85%);mask-image:linear-gradient(90deg,#0000001a 0%,#0000001f 30%,#0000002b 44%,#0009 60%,#000 85%)}.hve[data-text-safe=true] .hve-field svg{stroke:var(--line-strong);stroke-opacity:.55}.hve[data-text-safe=true] .hve-field :is(.hve-field--far,.hve-field--mid,.hve-field--near){opacity:1}@container (width>=1100px){.hve[data-text-safe=true][data-mode=full] .hve-active{width:55%}.hve[data-text-safe=true][data-mode=full] .hve-continuity{display:block}.hve[data-text-safe=true][data-mode=full] .hve-caption{opacity:.6}}@container (width>=620px) and (width<=1099px){.hve[data-text-safe=true] .hve-field{opacity:.3;top:-96px}.hve[data-text-safe=true] .hve-input--4,.hve[data-text-safe=true] .hve-input-wire--4,.hve[data-text-safe=true] .hve-feed--4{display:none}}@container (width<=619px){.hve[data-text-safe=true] .hve-field,.hve[data-text-safe=true] .hve-caption,.hve[data-text-safe=true] .hve-output-detail{display:none}.hve[data-text-safe=true] .hve-active{padding-bottom:0}}