@layer theme,base;@layer components{.plan-features-panel{background:linear-gradient(to bottom right, oklch(from var(--color-gray-800) l c h / .4), oklch(from var(--color-gray-900) l c h / .4));-webkit-backdrop-filter:blur(var(--blur-xs));backdrop-filter:blur(var(--blur-xs));border:1px solid oklch(from var(--color-gray-600) l c h / .2);box-shadow:var(--shadow-sm)}.plan-features-tint{background:linear-gradient(to bottom right, oklch(from var(--color-brand-primary) l c h / .05), oklch(from var(--color-brand-secondary) l c h / .05))}.plan-feature-check{color:var(--color-brand-primary-400);filter:drop-shadow(0 1px 1px #00000026);filter:drop-shadow(0 1px 1px lab(0% 0 0/.15))}.plan-card{background:linear-gradient(to right, oklch(from var(--color-gray-700) l c h / .3), oklch(from var(--color-gray-800) l c h / .3));-webkit-backdrop-filter:blur(var(--blur-xs));backdrop-filter:blur(var(--blur-xs));border:1px solid oklch(from var(--color-gray-600) l c h / .5);transition:background var(--duration-slow) ease, border-color var(--duration-slow) ease, box-shadow var(--duration-slow) ease, transform var(--duration-slow) ease}.plan-card:hover{background:linear-gradient(to right, oklch(from var(--color-gray-600) l c h / .3), oklch(from var(--color-gray-700) l c h / .3));border-color:oklch(from var(--color-gray-500) l c h / .6);box-shadow:var(--shadow-sm);transform:scale(1.05)}.plan-card.is-selected{background:var(--gradient-brand-tint-lr);border:2px solid oklch(from var(--color-brand-primary-400) l c h / .5);box-shadow:0 10px 15px -3px oklch(from var(--color-brand-secondary) l c h / .2);transform:scale(1.05)}.plan-card.is-selected:hover{transform:scale(1.05)}.plan-card .plan-card-title{color:var(--color-white);transition:color var(--duration-slow) ease}.plan-card:hover .plan-card-title{color:var(--color-brand-primary-300)}.plan-best-value-badge{box-shadow:var(--shadow-sm);transform:rotate(-12deg)}.plan-best-value-badge.is-trial{background:linear-gradient(to right, var(--color-success-400), var(--color-success-400))}.plan-best-value-badge.is-discount{background:linear-gradient(to right, var(--color-warning-400), var(--color-danger-400))}.plan-best-value-badge.is-popular{background:linear-gradient(to right, var(--color-brand-primary-500), var(--color-brand-primary-400))}.plan-best-value-badge.is-best-value{background:linear-gradient(to right, var(--color-brand-secondary-500), var(--color-brand-secondary-400))}.plan-active-card{background:linear-gradient(to bottom right, oklch(from var(--color-success-800) l c h / .3), oklch(from var(--color-success-700) l c h / .2), oklch(from var(--color-success-800) l c h / .3));-webkit-backdrop-filter:blur(var(--blur-xs));backdrop-filter:blur(var(--blur-xs));border:1px solid oklch(from var(--color-success-500) l c h / .3);box-shadow:0 20px 25px -5px oklch(from var(--color-success-500) l c h / .1)}.plan-active-indicator{background:linear-gradient(to right, var(--color-success-400), var(--color-success-400));border:2px solid var(--color-white);box-shadow:var(--shadow-sm)}.plan-active-indicator-inner{background:linear-gradient(to right, oklch(from var(--color-success-300) l c h / .5), oklch(from var(--color-success-300) l c h / .5))}.plan-active-title{background:linear-gradient(to right, var(--color-success-400), var(--color-success-400));color:#0000;-webkit-background-clip:text;background-clip:text}.plan-cta-button{background:var(--gradient-brand-lr);transition:background var(--duration-slow) ease, box-shadow var(--duration-slow) ease, transform var(--duration-slow) ease}.plan-cta-button:before{content:"";background:var(--gradient-brand-hover-lr);opacity:0;transition:opacity var(--duration-slow) ease;border-radius:.75rem;position:absolute;inset:0}.plan-cta-button:hover{box-shadow:var(--shadow-sm);transform:scale(1.05)}.plan-cta-button:hover:before{opacity:1}.plan-cta-button:active{transform:scale(.95)}}@layer utilities;