.hero-section:before{content:"";z-index:0;pointer-events:none;opacity:.62;background-image:url(/hero-network-dark.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.hero-section:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg, var(--bg-base) 0%, color-mix(in srgb, var(--bg-base) 94%, transparent) 31%, color-mix(in srgb, var(--bg-base) 62%, transparent) 52%, transparent 78%), linear-gradient(180deg, color-mix(in srgb, var(--bg-base) 22%, transparent) 0%, transparent 58%, var(--bg-base) 96%), linear-gradient(color-mix(in srgb, var(--foreground) 3%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--foreground) 3%, transparent) 1px, transparent 1px);background-size:auto,auto,72px 72px,72px 72px;position:absolute;inset:0}html.light .hero-section:before{opacity:.5;background-image:url(/hero-network-light.webp)}.hero-preview-card{background:var(--surface-base)}.hero-preview-quote{background:color-mix(in srgb, var(--bg-base) 96%, transparent)}@layer utilities{.ripple-small,.ripple-big{pointer-events:none;will-change:transform, opacity;border-style:solid;border-radius:9999px;position:absolute;transform:translate(-50%,-50%)}.ripple-small{border-width:.5px;width:18px;height:18px;animation:.8s cubic-bezier(.22,1,.36,1) forwards ripple-out-small}.ripple-big{border-width:1px;width:36px;height:36px;animation:1.1s cubic-bezier(.22,1,.36,1) forwards ripple-out-big}@keyframes ripple-out-small{0%{opacity:.85;transform:translate(-50%,-50%)scale(.4)}to{opacity:0;transform:translate(-50%,-50%)scale(3.5)}}@keyframes ripple-out-big{0%{opacity:.9;transform:translate(-50%,-50%)scale(.3)}60%{opacity:.4}to{opacity:0;transform:translate(-50%,-50%)scale(6)}}.aurora-band-1{filter:blur(100px);pointer-events:none;will-change:transform, opacity;background:radial-gradient(ellipse at center, rgba(var(--brand-glow), .1), transparent 65%);border-radius:50%;width:min(80vw,720px);height:min(60vh,480px);animation:8s ease-in-out infinite aurora-breathe;position:absolute;top:50%;left:50%;translate:-50% -50%}@keyframes aurora-breathe{0%,to{opacity:.18;transform:translate(-50%,-50%)scale(1)}50%{opacity:.26;transform:translate(-50%,-50%)scale(1.04)}}@media (prefers-reduced-motion:reduce){.aurora-band,.ripple-small,.ripple-big,.hub-logo,.hero-mock-card,.animate-hero-float,.animate-hero-float-reverse,.animate-contact-pulse{animation:none!important}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marquee-reverse{0%{transform:translate(-50%)}to{transform:translate(0)}}.animate-marquee{animation:28s linear infinite marquee}.animate-marquee-reverse{animation:28s linear infinite marquee-reverse}.animate-marquee-cards{animation:40s linear infinite marquee}.engine-marquee:hover .animate-marquee-cards,.engine-marquee:focus-within .animate-marquee-cards{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.animate-marquee,.animate-marquee-reverse,.animate-marquee-cards{animation:none!important}}.hero-mock-card{animation:6s ease-in-out infinite mock-card-float;transform:rotate(-2deg)}@keyframes mock-card-float{0%,to{transform:rotate(-2deg)translateY(0)}50%{transform:rotate(-2deg)translateY(-8px)}}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes hero-float-reverse{0%,to{transform:rotate(-2deg)translateY(0)}50%{transform:rotate(-2deg)translateY(6px)}}.animate-hero-float{animation:6s ease-in-out infinite hero-float}.animate-hero-float-reverse{animation:6s ease-in-out infinite hero-float-reverse}@keyframes contact-pulse{0%,to{opacity:.12;transform:scale(1)}50%{opacity:.22;transform:scale(1.06)}}.animate-contact-pulse{animation:3s ease-in-out infinite contact-pulse}.hub-logo>div:first-child{animation:4.2s ease-in-out infinite hub-breath}.hub-logo:nth-child(2)>div:first-child{animation-delay:-1s}.hub-logo:nth-child(3)>div:first-child{animation-delay:-2.1s}.hub-logo:nth-child(4)>div:first-child{animation-delay:-3s}@keyframes hub-breath{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}}html[data-landing] :is([class~="text-[10px]"],[class~="text-[11px]"]){font-size:.75rem!important;line-height:1.25rem!important}html[data-landing]{scroll-behavior:smooth}html[data-landing] section[id]{scroll-margin-top:5.5rem}html[data-landing] h1,html[data-landing] h2,html[data-landing] h3{text-wrap:balance}html[data-landing] button:focus-visible,html[data-landing] a:focus-visible,html[data-landing] input:focus-visible{outline:2px solid var(--brand-bright);outline-offset:3px}@media (max-width:767px){html[data-landing] section[id]{scroll-margin-top:4.5rem}html[data-landing] .hero-section{min-height:100svh}.hero-section:before{opacity:.44;background-position:62% 4.5rem;background-size:auto 38rem}.hero-section:after{background:linear-gradient(180deg, color-mix(in srgb, var(--bg-base) 18%, transparent) 0%, var(--bg-base) 47%, color-mix(in srgb, var(--bg-base) 92%, transparent) 72%, var(--bg-base) 100%), linear-gradient(90deg, color-mix(in srgb, var(--bg-base) 72%, transparent), transparent 72%), linear-gradient(color-mix(in srgb, var(--foreground) 2.5%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--foreground) 2.5%, transparent) 1px, transparent 1px);background-size:auto,auto,56px 56px,56px 56px}}html.light .aurora-band-1{opacity:.04!important}html.light[data-landing] .text-foreground\/\[0\.35\]{color:color-mix(in srgb, var(--foreground) 55%, transparent)}html.light[data-landing] .text-foreground\/\[0\.40\]{color:color-mix(in srgb, var(--foreground) 60%, transparent)}html.light[data-landing] .text-foreground\/\[0\.45\]{color:color-mix(in srgb, var(--foreground) 62%, transparent)}html.light[data-landing] .text-foreground\/\[0\.50\]{color:color-mix(in srgb, var(--foreground) 66%, transparent)}