@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-tier{background:linear-gradient(to bottom, oklch(from var(--color-gray-800) l c h / .55), oklch(from var(--color-gray-900) l c h / .55));-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);box-shadow:var(--shadow-sm);transition:background var(--duration-slow) ease, border-color var(--duration-slow) ease, box-shadow var(--duration-slow) ease, translate var(--duration-slow) ease, scale var(--duration-slow) ease, transform var(--duration-slow) ease}.plan-tier:hover{border-color:oklch(from var(--color-gray-500) l c h / .7);box-shadow:var(--shadow-md)}.plan-tier.is-hero{background:var(--gradient-brand-tint);border:2px solid var(--color-brand-secondary-400);box-shadow:0 0 0 1px oklch(from var(--color-brand-secondary-400) l c h / .4), 0 18px 40px -10px oklch(from var(--color-brand-secondary) l c h / .45);z-index:10}.plan-tier-title{color:var(--color-white)}.plan-tier-anchor{color:var(--color-gray-400);font-size:.9rem;font-weight:600;text-decoration:line-through}.plan-tier-price{background:linear-gradient(to right, var(--color-brand-primary-400), var(--color-brand-secondary-400));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2.25rem;font-weight:800;line-height:1}.plan-tier.is-hero .plan-tier-price{font-size:2.75rem}.plan-tier-billing{color:var(--color-gray-400)}.plan-tier-badge{white-space:nowrap;letter-spacing:.02em;text-transform:uppercase;color:var(--color-white);background:linear-gradient(to right, var(--color-gray-600), var(--color-gray-500));box-shadow:var(--shadow-sm);z-index:20;border-radius:9999px;align-items:center;gap:.3rem;padding:.3rem .85rem;font-size:.7rem;font-weight:700;display:inline-flex;position:absolute;top:-.75rem;left:50%;transform:translate(-50%)}.plan-tier-badge.is-hero{background:var(--gradient-brand-lr);box-shadow:0 4px 14px -2px oklch(from var(--color-brand-secondary) l c h / .6)}.plan-tier-badge.is-trial{background:linear-gradient(to right, var(--color-success-500), var(--color-success-400))}.plan-tier-cta{text-align:center;width:100%;color:var(--color-white);background-color:oklch(from var(--color-gray-500) l c h / .5);transition:background-color var(--duration-slow) ease, border-color var(--duration-slow) ease, filter var(--duration-slow) ease, box-shadow var(--duration-slow) ease, transform var(--duration-slow) ease;border:1px solid #ffffff40;border:1px solid lab(100% 0 0/.25);border-radius:.75rem;padding:.7rem 1rem;font-size:.95rem;font-weight:700;display:block}.plan-tier:hover .plan-tier-cta:not(.is-hero){background-color:oklch(from var(--color-gray-400) l c h / .55);border-color:#fff6;border-color:lab(100% 0 0/.4)}.plan-tier-cta.is-hero{background:var(--gradient-brand-lr);box-shadow:0 6px 18px -4px oklch(from var(--color-brand-secondary) l c h / .5);border-color:#0000;animation:2.2s ease-in-out infinite plan-cta-pulse}.plan-tier:hover .plan-tier-cta.is-hero{filter:brightness(1.12)}@keyframes plan-cta-pulse{0%,to{box-shadow:0 6px 18px -4px oklch(from var(--color-brand-secondary) l c h / .5);transform:scale(1)}50%{box-shadow:0 8px 26px -2px oklch(from var(--color-brand-secondary) l c h / .8);transform:scale(1.03)}}@media (prefers-reduced-motion:reduce){.plan-tier-cta.is-hero{animation:none}}.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;