.pricing-root{min-height:100vh;display:flex;flex-direction:column;background:var(--color-qey-surface)}.pricing-hero{background:var(--color-qey-surface);min-height:calc(100vh - 100px);display:flex;justify-content:center;align-items:center;overflow:hidden;animation:pricingHeroShrink .6s cubic-bezier(.4,0,.2,1) forwards;animation-delay:.8s}.pricing-hero-inner{display:flex;flex-direction:row;align-items:center;justify-content:center;padding-top:1rem;padding-bottom:1rem}.pricing-logo-link{display:block}.pricing-logo{height:var(--pricing-logo-start);width:var(--pricing-logo-start);object-fit:contain;animation:pricingLogoSettle .6s cubic-bezier(.4,0,.2,1) forwards;animation-delay:.8s}.pricing-intro{max-width:0;margin-left:0;overflow:hidden;opacity:0;animation:pricingIntroExpand .6s cubic-bezier(.4,0,.2,1) .8s forwards,pricingFadeIn .26s ease-out 1.32s forwards}.pricing-area{flex:1;background:var(--color-qey-surfContainer);background-image:repeating-linear-gradient(45deg,color-mix(in srgb,var(--color-qey-surface) 50%,transparent),color-mix(in srgb,var(--color-qey-surface) 50%,transparent) 1px,transparent 1px,transparent 12px)}.pricing-inner{opacity:0;transform:translateY(56px);animation:pricingPanelRise .52s cubic-bezier(.22,1,.36,1) forwards;animation-delay:1.12s}.billing-toggle{display:inline-flex;gap:.25rem;padding:.25rem;border-radius:9999px;background:var(--color-qey-surfContainerHighest)}.billing-option{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.125rem;border-radius:9999px;font-size:.875rem;line-height:1.25rem;color:var(--color-qey-onSurfaceVar);cursor:pointer;transition:background-color .15s,color .15s}.billing-option[aria-pressed=true]{background:var(--color-qey-surface);color:var(--color-qey-onSurface);font-weight:600}.billing-save{padding:.0625rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600;background:var(--color-qey-primaryContainer);color:var(--color-qey-onPrimaryContainer)}.pricing-root[data-billing=monthly] .price-annual,.pricing-root[data-billing=annual] .price-monthly{display:none}.plan-card{display:flex;flex-direction:column;padding:1.5rem;border-radius:1rem;background:color-mix(in srgb,var(--color-qey-surface) 88%,var(--color-qey-primary));box-shadow:0 10px 30px -18px #00000080}.plan-badge{flex-shrink:0;white-space:nowrap;padding:.125rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600;background:var(--color-qey-primary);color:var(--color-qey-onPrimary)}.plan-price{font-size:2.25rem;line-height:2.5rem;font-weight:700;color:var(--color-qey-primary)}.plan-button{display:flex;align-items:center;justify-content:center;margin-top:1.25rem;padding:.75rem 1rem;border-radius:.625rem;font-size:1rem;font-weight:600;background:color-mix(in srgb,var(--color-qey-primary) 22%,transparent);color:var(--color-qey-onSurface);transition:background-color .15s,opacity .15s}.plan-button:hover:not(:disabled){background:color-mix(in srgb,var(--color-qey-primary) 32%,transparent)}.plan-card--best-value .plan-button{background:var(--color-qey-primary);color:var(--color-qey-onPrimary)}.plan-card--best-value .plan-button:hover:not(:disabled){background:color-mix(in srgb,var(--color-qey-primary) 88%,white)}.plan-button:disabled{cursor:not-allowed;opacity:.75}.plan-feature{display:flex;align-items:center;gap:.75rem;color:var(--color-qey-onSurface)}.plan-feature-icon{flex-shrink:0;width:1.125rem;height:1.125rem;color:var(--color-qey-primary)}.plan-feature--off{color:var(--color-qey-onSurfaceVar);opacity:.6}.plan-feature--off .plan-feature-icon{color:var(--color-qey-onSurfaceVar)}@keyframes pricingHeroShrink{0%{min-height:calc(100vh - 100px)}to{min-height:0}}@keyframes pricingLogoSettle{0%{height:var(--pricing-logo-start);width:var(--pricing-logo-start)}to{height:var(--pricing-logo-end);width:var(--pricing-logo-end)}}@keyframes pricingPanelRise{0%{opacity:0;transform:translateY(56px)}to{opacity:1;transform:translateY(0)}}@keyframes pricingIntroExpand{0%{max-width:0;margin-left:0}to{max-width:36rem;margin-left:1.25rem}}@keyframes pricingFadeIn{0%{opacity:0}to{opacity:1}}.pricing-root{--pricing-logo-start: 9rem;--pricing-logo-end: 4.5rem}@media screen and (min-width:768px){.pricing-root{--pricing-logo-start: 11rem;--pricing-logo-end: 5.5rem}}@media(prefers-reduced-motion:reduce){.pricing-hero,.pricing-logo,.pricing-intro,.pricing-inner{animation-duration:1ms;animation-delay:0ms}}