@layer components{.pricing-card{--surface-glass-tint:var(--surface-strong-soft);background-color:var(--surface-glass-tint);backdrop-filter:blur(var(--glass-blur-card)) saturate(var(--glass-saturate-card));--surface-card-glass-base:var(--surface-glass-tint);--surface-card-fill:var(--surface-card-fill-soft);--surface-card-rim:var(--surface-card-rim-soft);background-image:linear-gradient(166deg,#92aac609 0%,#6882a006 24%,#1624380d 56%,#03081224 100%);background:var(--surface-card-fill) padding-box, var(--surface-card-rim) border-box;border-radius:var(--radius-xl);transition:box-shadow var(--duration-base) var(--ease-default), background var(--duration-base) var(--ease-default), border-color var(--duration-base) var(--ease-default), transform var(--duration-base) var(--ease-default);border:1px solid #0000;position:relative;overflow:hidden;box-shadow:0 24px 44px -40px #00020ae6,0 0 0 1px #809ab80f,inset 0 1px #c6daee14,inset 0 -1px #3a4e681f}.pricing-card:hover{--surface-card-rim:var(--surface-card-rim-soft-hover);--surface-card-fill:var(--surface-card-fill-soft-hover);box-shadow:0 26px 46px -36px #00030ceb,0 0 0 1px #8aa6c414,inset 0 1px #d0e2f21a,inset 0 -1px #42587224}.pricing-section{margin:var(--space-16) 0}.pricing-wrap{max-width:var(--container-narrow);margin-inline:auto}.pricing-controls__group{align-items:center;gap:var(--space-3);display:flex}.pricing-controls__label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.pricing-layout{gap:var(--space-6);max-width:var(--container-narrow);grid-template-columns:1fr 280px;align-items:start;margin-inline:auto;display:grid}.pricing-card{padding:var(--space-6);position:relative}.pricing-card:hover{box-shadow:var(--surface-1-shadow-hover), var(--card-glow-hover);transform:translateY(-2px)}.pricing-card--featured{box-shadow:0 0 30px var(--alpha-orange-10), 0 0 60px var(--alpha-primary-06), var(--surface-1-shadow);border-color:#0000;transform:scale(1.02)}.pricing-card--featured:before{content:"";border-radius:inherit;background:var(--gradient-rim-warm);-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.pricing-card--featured:hover{box-shadow:0 0 40px var(--alpha-orange-25), 0 0 80px var(--alpha-primary-08), var(--surface-1-shadow-hover), var(--card-glow-hover)}.pricing-card--current{border-color:var(--color-success)}.pricing-card__header{margin-bottom:var(--space-3)}.pricing-card__eyebrow{font-size:var(--text-xs);color:var(--color-accent-cyan);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-1)}.pricing-card__headline{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-top:var(--space-1)}.pricing-card__badge{top:var(--space-3);right:var(--space-3);font-size:var(--text-xs);padding:3px var(--space-2);border-radius:var(--radius-full);font-weight:var(--weight-medium);background:var(--alpha-orange-25);color:color-mix(in oklch, var(--color-accent-orange) 80%, white);border:1px solid var(--alpha-orange-30);position:absolute}.pricing-card__badge--current{background:var(--color-success-muted);color:var(--color-success)}.pricing-card__badge--popular{background:var(--color-primary-muted);color:var(--color-primary)}.pricing-card__price{margin-bottom:var(--space-2)}.price-value{font-size:var(--text-3xl);font-weight:var(--weight-bold);font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;background:var(--gradient-stat-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.price-period{font-size:var(--text-sm);color:var(--color-text-muted)}.pricing-card__currency{margin-bottom:var(--space-5);align-items:center;gap:2px;display:inline-flex}.currency-pill{border-radius:var(--radius-full);border:1px solid var(--color-border-subtle);width:44px;height:44px;color:var(--color-text-faint);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--duration-fast);background:0 0;justify-content:center;align-items:center;padding:0;line-height:1;display:flex}.currency-pill:hover{border-color:var(--color-text-muted);color:var(--color-text-secondary)}.currency-pill.active{border-color:var(--color-accent-cyan);color:var(--color-accent-cyan);background:var(--alpha-primary-10)}.pricing-card__list,.pricing-card__features{gap:var(--space-2);margin-bottom:var(--space-6);flex-direction:column;display:flex}.pricing-card__list li,.pricing-card__features li{font-size:var(--text-sm);color:var(--color-text-secondary);align-items:flex-start;gap:var(--space-2);display:flex}.pricing-card__guarantee{font-size:var(--text-xs);color:var(--color-text-muted);text-align:center;margin-top:var(--space-3)}.pricing-card__action{margin-top:auto}.pricing-cta__button{text-align:center;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);font-weight:var(--weight-semibold);font-size:var(--text-base);color:var(--color-text);transition:all var(--duration-fast);background:0 0;text-decoration:none;display:block}.pricing-cta__button:hover{border-color:var(--color-accent-cyan)}.pricing-cta__button--primary{background:var(--gradient-primary);color:var(--color-bg);border:none}.pricing-cta__button--primary:hover{filter:brightness(1.08);box-shadow:var(--shadow-glow-primary-hover);transform:translateY(-1px)}.pricing-switch__meta{font-weight:var(--weight-normal);opacity:.7}.feature-icon{width:14px;height:14px;margin-right:var(--space-1);flex-shrink:0;margin-top:2px}.feature-list__item{line-height:var(--leading-relaxed);font-size:var(--text-sm);color:var(--color-text-secondary);align-items:flex-start;display:flex}.feature-list__item span{max-width:48ch;display:inline-block}@media (width<=768px){.pricing-card__flip{min-height:360px;transform:none}.pricing-card--details:hover .pricing-card__flip,.pricing-card--details.is-flipped .pricing-card__flip{transform:translateY(-4px)rotateY(-180deg)}.pricing-card__controls{gap:var(--space-2)}.pricing-controls__group{gap:var(--space-2);flex-direction:column}.pricing-grid{grid-template-columns:1fr}}}
