.hero-title .char{animation:char-rise .9s var(--ease-out) both;animation-delay:calc(var(--ci,0) * 22ms + .12s);display:inline-block}@keyframes char-rise{0%{color:var(--primary);transform:translateY(.35em)rotate(4deg)}}.hero-glow{background:radial-gradient(closest-side, color-mix(in oklab, var(--primary) 26%, transparent), transparent 72%);border-radius:50%;position:absolute;inset:6%}.hero-ring{border:2px solid color-mix(in oklab, var(--primary) 75%, #fff 25%);box-shadow:0 0 24px var(--glow), 0 0 70px color-mix(in oklab, var(--primary) 22%, transparent), inset 0 0 26px var(--glow);border-radius:50%;position:absolute;inset:13%}.hero-ring:after{content:"";background:conic-gradient(from var(--angle), transparent 0deg 250deg, #fff6d6 320deg, transparent 360deg);-webkit-mask-composite:xor;border-radius:50%;padding:3px;animation:6s linear infinite orbit;position:absolute;inset:-3px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.hero-pedestal{border:1px solid color-mix(in oklab, var(--primary) 40%, transparent);background:radial-gradient(closest-side, color-mix(in oklab, var(--primary) 30%, transparent), transparent);border-radius:50%;height:9%;position:absolute;bottom:17%;left:24%;right:24%}.hero-stream{stroke-dasharray:6 8;filter:drop-shadow(0 0 4px);animation:1.2s linear infinite flow}.hero-mark{width:40%;height:auto;filter:drop-shadow(0 0 24px var(--glow));transition:opacity .8s;animation:6s ease-in-out infinite hero-float;position:absolute;top:50%;left:50%;translate:-50% -55%}@keyframes hero-float{50%{transform:translateY(-3%)}}.hero-canvas{opacity:0;transition:opacity 1s;position:absolute;inset:0}[data-3d=ready] .hero-mark{opacity:0}[data-3d=ready] .hero-canvas{opacity:1}