@layer theme,base;@layer components{.feature-card{background:linear-gradient(to bottom right, oklch(from var(--color-gray-800) l c h / .5), oklch(from var(--color-gray-900) l c h / .5));border:1px solid oklch(from var(--color-gray-700) l c h / .5);transition:border-color var(--duration-slow) ease, background-image var(--duration-slow) ease, box-shadow var(--duration-slow) ease}.feature-card:hover{border-color:oklch(from var(--color-brand-primary) l c h / .5);background:linear-gradient(to bottom right, oklch(from var(--color-gray-700) l c h / .6), oklch(from var(--color-gray-800) l c h / .6));box-shadow:0 10px 15px -3px oklch(from var(--color-brand-primary) l c h / .2)}.feature-icon-badge{background:var(--gradient-brand-tint-lr);border:1px solid oklch(from var(--color-brand-primary) l c h / .5);transition:border-color var(--duration-slow) ease, background-image var(--duration-slow) ease, box-shadow var(--duration-slow) ease}.group:hover .feature-icon-badge{border-color:var(--color-brand-primary-400);background:linear-gradient(to right, oklch(from var(--color-brand-primary) l c h / .4), oklch(from var(--color-brand-secondary) l c h / .4));box-shadow:0 10px 15px -3px oklch(from var(--color-brand-primary) l c h / .3)}.feature-bg-icon{opacity:.1;transition:opacity var(--duration-slow) ease}.group:hover .feature-bg-icon{opacity:.3}.feature-pulse-circle{animation:2s ease-in-out infinite feature-pulse-scale}@keyframes feature-pulse-scale{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}}@layer utilities;