.hero-grid{background-image:linear-gradient(to right,color-mix(in oklab,var(--border) 70%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in oklab,var(--border) 70%,transparent) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 80% 60% at 50% 0,#000 40%,transparent 100%)}.hero-glow{background:radial-gradient(40rem 20rem at 20% 0,color-mix(in oklab,var(--brand-from) 22%,transparent),transparent 70%),radial-gradient(36rem 18rem at 85% 10%,color-mix(in oklab,var(--brand-to) 18%,transparent),transparent 70%)}.hero-glow-box{background:radial-gradient(30rem 14rem at 15% 0,color-mix(in oklab,var(--brand-from) 14%,transparent),transparent 70%),radial-gradient(30rem 14rem at 85% 100%,color-mix(in oklab,var(--brand-to) 14%,transparent),transparent 70%),var(--card)}.sg-code-panel{background:var(--card)}.dark .sg-code-panel{background:#0b1020}.sg-code-panel pre{margin:0;background:transparent!important;font-family:var(--font-mono);white-space:pre}.sg-code-panel .shiki,.sg-code-panel .shiki span{color:var(--shiki-light)}.dark .sg-code-panel .shiki,.dark .sg-code-panel .shiki span{color:var(--shiki-dark)}@media (prefers-reduced-motion:reduce){.animate-spin{animation:none}}