.hero-compare{--pos:50%;--hero-handle:2.75rem}.hero-compare__reveal,.hero-compare[data-icons-dir=ltr] .hero-icons{clip-path:inset(0 0 0 var(--pos))}.hero-compare[data-icons-dir=rtl] .hero-icons{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.hero-compare__divider{left:var(--pos)}.hero-compare__handle{left:var(--pos);width:var(--hero-handle);height:var(--hero-handle)}.hero-compare__range{appearance:none;cursor:ew-resize;background:0 0;outline:none;width:100%;height:100%;margin:0;inset:0}.hero-compare__range::-webkit-slider-runnable-track{appearance:none;background:0 0;height:100%}.hero-compare__range::-webkit-slider-thumb{appearance:none;width:var(--hero-handle);cursor:ew-resize;background:0 0;height:100%}.hero-compare__range::-moz-range-track{background:0 0;border:none;height:100%}.hero-compare__range::-moz-range-thumb{width:var(--hero-handle);cursor:ew-resize;background:0 0;border:none;height:100%}.hero-icon{--hero-icon-glow:#66b3ff80;--hero-float-distance:.55rem;--hero-float-duration:4.5s;--hero-float-delay:0s;color:#fff;-webkit-backdrop-filter:blur(.65rem);backdrop-filter:blur(.65rem);width:3.15rem;height:3.15rem;box-shadow:0 0 1.5rem var(--hero-icon-glow), inset 0 1px 0 #ffffff2e;animation:hero-float var(--hero-float-duration) ease-in-out var(--hero-float-delay) infinite;will-change:transform;background:#ffffff1f;border:1px solid #ffffff38;border-radius:.9rem;place-items:center;display:grid;position:absolute}.hero-icon--blue{--hero-icon-glow:#66b3ff80}.hero-icon svg{width:1.35rem;height:1.35rem}@keyframes hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(calc(var(--hero-float-distance) * -1))}}@media (min-width:768px){.hero-icon{border-radius:1rem;width:3.6rem;height:3.6rem}.hero-icon svg{width:1.55rem;height:1.55rem}}.network-pair{align-items:center;gap:.5em;max-width:max-content;display:inline-flex}.network-pair__term{transition:color .45s}.network-pair__connector{opacity:.55;place-items:center;transition:opacity .45s,transform .45s;display:inline-grid;position:relative}.network-pair__connector:before{content:"";inset-inline:50%;opacity:0;pointer-events:none;background:currentColor;height:1px;transition:inset-inline .5s,opacity .45s;position:absolute;top:50%;transform:translateY(-50%)}@media (hover:hover) and (prefers-reduced-motion:no-preference){.network-pair{transition:gap .45s}.network-pair:hover{gap:.28em}.network-pair:hover .network-pair__term{color:#ffffffeb}.network-pair:hover .network-pair__connector{opacity:1;transform:scale(1.08)}.network-pair:hover .network-pair__connector:before{opacity:.4;inset-inline:-.55em}}@media (prefers-reduced-motion:reduce){.hero-icon{animation:none}}@media (max-width:560px){.hero-icon--hidden{display:none}}