.role-hero .role-hero-actions{gap:32px}:is(.role-hero,.distribution-footer) .hero-liquid-metal{flex:none;line-height:28px;display:inline-block;position:relative}:is(.role-hero,.distribution-footer) .hero-liquid-metal-shader{isolation:isolate}:is(.role-hero,.distribution-footer) .hero-liquid-metal-shader canvas{contain:strict;z-index:-1;border-radius:100px;width:100%;height:100%;display:block;position:absolute;top:0;left:0}:is(.role-hero,.distribution-footer) .hero-liquid-metal-action:focus-visible{outline:2px solid var(--role-hero-focus,#cbd5e1);outline-offset:5px}:is(.role-hero,.distribution-footer) .hero-liquid-metal-shader[data-metal-state=fallback]{background:linear-gradient(120deg,#555,#eee 30%,#777 65%,#ddd)}@keyframes hero-liquid-metal-ripple{0%{opacity:.6;transform:translate(-50%,-50%)scale(0)}to{opacity:0;transform:translate(-50%,-50%)scale(4)}}.role-hero .hero-liquid-metal-down-arrow{animation:2s ease-in-out infinite hero-liquid-metal-down}@keyframes hero-liquid-metal-down{0%,20%,to{transform:translateY(0)}50%{transform:translateY(4px)}75%{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.role-hero .hero-liquid-metal-down-arrow{animation:none;transform:none}}