.pub{--pub-a:var(--brand);--pub-b:var(--brand-soft);--pub-c:var(--foreground);--pub-glow-a:color-mix(in oklch, var(--pub-a) 42%, transparent);--pub-glow-b:color-mix(in oklch, var(--pub-c) 34%, transparent);--pub-glow-c:color-mix(in oklch, var(--pub-b) 32%, transparent)}.dark .pub{--pub-glow-a:color-mix(in oklch, var(--pub-a) 22%, transparent);--pub-glow-b:color-mix(in oklch, var(--pub-c) 18%, transparent);--pub-glow-c:color-mix(in oklch, var(--pub-b) 16%, transparent)}.pub-gradient-text{background:linear-gradient(100deg, var(--pub-a), var(--pub-c) 55%, var(--pub-b));color:#0000;-webkit-background-clip:text;background-clip:text}.pub-orbs{pointer-events:none;z-index:-1;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 55%,#0000);mask-image:linear-gradient(#000 55%,#0000)}.pub-orb{filter:blur(60px);opacity:.9;will-change:transform;border-radius:9999px;animation:22s ease-in-out infinite alternate pub-drift;position:absolute}.pub-orb-a{background:var(--pub-glow-a);width:520px;height:520px;top:-10%;left:-8%}.pub-orb-b{background:var(--pub-glow-b);width:620px;height:620px;animation-duration:28s;animation-delay:-6s;top:-20%;right:-12%}.pub-orb-c{background:var(--pub-glow-c);width:420px;height:420px;animation-duration:19s;animation-delay:-11s;top:30%;left:38%}@keyframes pub-drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(6%,8%)scale(1.12)}}.pub-grid{background-image:radial-gradient(color-mix(in oklch, var(--foreground) 9%, transparent) 1px, transparent 1px);background-size:22px 22px;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000,#0000);mask-image:radial-gradient(70% 60% at 50% 40%,#000,#0000)}.js .pub-reveal{opacity:0;transition:opacity .7s var(--motion-out), transform .7s var(--motion-out);transition-delay:var(--reveal-delay,0s);transform:translateY(18px)}.js .pub-reveal.is-in{opacity:1;transform:none}.pub-enter{animation:pub-enter .7s var(--motion-out) both;animation-delay:var(--enter-delay,0s)}@keyframes pub-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.pub-lift{transition:transform .26s var(--motion-out), box-shadow .26s var(--motion-out), border-color .26s var(--motion-out)}.pub-lift:hover{box-shadow:0 18px 40px -18px color-mix(in oklch, var(--foreground) 30%, transparent);border-color:color-mix(in oklch, var(--foreground) 18%, var(--border));transform:translateY(-3px)}.pub-gradient-border{background:var(--card);position:relative}.pub-gradient-border:before{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--pub-a), var(--pub-c), var(--pub-b));-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;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}.pub-flow-path{stroke:color-mix(in oklch, var(--foreground) 22%, transparent);stroke-width:1.5px;fill:none;stroke-dasharray:6 8;stroke-linecap:round;animation:1.6s linear infinite pub-dash}@keyframes pub-dash{to{stroke-dashoffset:-28px}}.pub-flow-node{position:relative}.pub-flow-node:after{content:"";border-radius:inherit;border:1px solid color-mix(in oklch, var(--pub-a) 45%, transparent);opacity:0;animation:3.2s ease-out infinite pub-ring;animation-delay:var(--ring-delay,0s);pointer-events:none;position:absolute;inset:-6px}@keyframes pub-ring{0%{opacity:0;transform:scale(.92)}12%{opacity:1}40%{opacity:0;transform:scale(1.08)}to{opacity:0;transform:scale(1.08)}}.pub-flow-ticket{animation:pub-ride 6.4s var(--motion-out) infinite}@keyframes pub-ride{0%{opacity:0;transform:translate(0)}6%{opacity:1}30%{transform:translateX(var(--stop-1))}42%{transform:translateX(var(--stop-1))}66%{transform:translateX(var(--stop-2))}78%{transform:translateX(var(--stop-2))}94%{transform:translateX(var(--stop-3));opacity:1}to{transform:translateX(var(--stop-3));opacity:0}}.pub-marquee{-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.pub-marquee-track{gap:.75rem;width:max-content;animation:34s linear infinite pub-marquee;display:flex}.pub-marquee:hover .pub-marquee-track{animation-play-state:paused}@keyframes pub-marquee{to{transform:translate(-50%)}}.pub-cta{isolation:isolate;position:relative;overflow:hidden}.pub-cta:after{content:"";transition:transform .7s var(--motion-out);z-index:-1;background:linear-gradient(110deg,#0000 30%,#ffffff38 50%,#0000 70%);background:linear-gradient(110deg,#0000 30%,lab(100% 0 0/.22) 50%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}.pub-cta:hover:after{transform:translate(120%)}.pub-draw{transform-origin:0;transition:transform 1.1s var(--motion-out) .2s;transform:scaleX(0)}.is-in .pub-draw{transform:scaleX(1)}@media (prefers-reduced-motion:reduce){.pub-orb,.pub-flow-path,.pub-flow-node:after,.pub-flow-ticket,.pub-marquee-track{animation:none!important}.js .pub-reveal{opacity:1;transition:none;transform:none}.pub-enter{animation:none}.pub-draw{transition:none;transform:none}.pub-lift,.pub-cta:after{transition:none}.pub-flow-ticket{opacity:1;transform:translateX(var(--stop-2))}}.pub-demo-item{opacity:0;animation:pub-demo-in 9s var(--motion-out) infinite;animation-delay:var(--t,0s);transform:translateY(6px)}@keyframes pub-demo-in{0%{opacity:0;transform:translateY(6px)}4%{opacity:1;transform:none}88%{opacity:1;transform:none}94%{opacity:0;transform:translateY(-4px)}to{opacity:0;transform:translateY(6px)}}.pub-demo-bar{width:0;animation:pub-demo-bar 9s var(--motion-out) infinite;animation-delay:2s}@keyframes pub-demo-bar{0%{width:0}12%{width:94%}88%{width:94%}94%,to{width:0}}.pub-demo-approve{animation:9s ease-in-out 4.6s infinite pub-demo-glow}@keyframes pub-demo-glow{0%,to{box-shadow:0 0 0 0 color-mix(in oklch, var(--pub-a) 0%, transparent)}6%,30%{box-shadow:0 0 0 6px color-mix(in oklch, var(--pub-a) 25%, transparent)}40%{box-shadow:0 0 0 0 color-mix(in oklch, var(--pub-a) 0%, transparent)}}.pub-scene{opacity:0;transition:opacity .48s var(--motion-out), transform .48s var(--motion-out);pointer-events:none;transform:translateY(14px)scale(.985)}.pub-scene.is-active{opacity:1;pointer-events:auto;transform:none}.pub-scene-item{opacity:0;transform:translateY(6px)}.pub-scene.is-active .pub-scene-item,.md\:hidden .pub-scene-item{animation:pub-scene-in .42s var(--motion-out) forwards;animation-delay:var(--t,0s)}@keyframes pub-scene-in{to{opacity:1;transform:none}}.pub-scene-bar{transform-origin:0;transform:scaleX(0)}.pub-scene.is-active .pub-scene-bar,.md\:hidden .pub-scene-bar{animation:pub-scene-bar .9s var(--motion-out) .5s forwards}@keyframes pub-scene-bar{to{transform:scaleX(1)}}.pub-fill{width:0;transition:width 1.1s var(--motion-out);transition-delay:var(--t,0s)}.is-in .pub-fill{width:var(--w)}@media (prefers-reduced-motion:reduce){.pub-demo-item,.pub-demo-bar,.pub-demo-approve,.pub-scene-item,.pub-scene-bar{opacity:1!important;animation:none!important;transform:none!important}.pub-demo-bar{width:94%}.pub-scene{transition:none}.pub-fill{width:var(--w);transition:none}}