:root{--md-sys-color-primary: #6750a4;--md-sys-color-primary-container: #eaddff;--md-sys-color-on-primary: #ffffff;--md-sys-color-on-primary-container: #21005d;--md-sys-color-secondary: #625b71;--md-sys-color-secondary-container: #e8def8;--md-sys-color-on-secondary: #ffffff;--md-sys-color-on-secondary-container: #1d192b;--md-sys-color-tertiary: #7d5260;--md-sys-color-tertiary-container: #ffd8e4;--md-sys-color-on-tertiary: #ffffff;--md-sys-color-on-tertiary-container: #31111d;--md-sys-color-surface: #fffbfe;--md-sys-color-surface-variant: #f4eff4;--md-sys-color-on-surface: #1c1b1f;--md-sys-color-on-surface-variant: #49454f;--md-sys-color-outline: #79747e;--md-sys-color-outline-variant: #cac4d0;--md-sys-elevation-1: 0px 1px 2px 0px rgba(0, 0, 0, .3), 0px 1px 3px 1px rgba(0, 0, 0, .15);--md-sys-elevation-2: 0px 1px 2px 0px rgba(0, 0, 0, .3), 0px 2px 6px 2px rgba(0, 0, 0, .15);--md-sys-elevation-3: 0px 1px 3px 0px rgba(0, 0, 0, .3), 0px 4px 8px 3px rgba(0, 0, 0, .15);--md-sys-elevation-4: 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 6px 10px 4px rgba(0, 0, 0, .15);--md-sys-elevation-5: 0px 4px 4px 0px rgba(0, 0, 0, .3), 0px 8px 12px 6px rgba(0, 0, 0, .15);--md-sys-typescale-display-large-font-size: 57px;--md-sys-typescale-display-large-line-height: 64px;--md-sys-typescale-display-large-font-weight: 400;--md-sys-typescale-headline-large-font-size: 32px;--md-sys-typescale-headline-large-line-height: 40px;--md-sys-typescale-headline-large-font-weight: 400;--md-sys-typescale-title-large-font-size: 22px;--md-sys-typescale-title-large-line-height: 28px;--md-sys-typescale-title-large-font-weight: 400;--md-sys-typescale-body-large-font-size: 16px;--md-sys-typescale-body-large-line-height: 24px;--md-sys-typescale-body-large-font-weight: 400;--md-sys-motion-easing-standard: cubic-bezier(.2, 0, 0, 1);--md-sys-motion-easing-emphasized: cubic-bezier(.2, 0, 0, 1);--md-sys-motion-duration-short1: 50ms;--md-sys-motion-duration-short2: .1s;--md-sys-motion-duration-short3: .15s;--md-sys-motion-duration-short4: .2s;--md-sys-motion-duration-medium1: .25s;--md-sys-motion-duration-medium2: .3s;--md-sys-motion-duration-medium3: .35s;--md-sys-motion-duration-medium4: .4s;--md-sys-motion-duration-long1: .45s;--md-sys-motion-duration-long2: .5s;--md-sys-motion-duration-long3: .55s;--md-sys-motion-duration-long4: .6s}.billing-hero-card{background:linear-gradient(135deg,var(--md-sys-color-primary-container) 0%,var(--md-sys-color-secondary-container) 100%);border-radius:24px;box-shadow:var(--md-sys-elevation-3);transition:box-shadow var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-standard)}.billing-hero-card:hover{box-shadow:var(--md-sys-elevation-4)}.billing-plan-card{border-radius:20px;transition:all var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-standard);box-shadow:var(--md-sys-elevation-1);position:relative;overflow:hidden}.billing-plan-card:hover{transform:translateY(-4px);box-shadow:var(--md-sys-elevation-4)}.billing-plan-card.popular{border:2px solid var(--md-sys-color-primary);box-shadow:var(--md-sys-elevation-3)}.billing-plan-card.popular:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--md-sys-color-primary) 0%,var(--md-sys-color-tertiary) 100%)}.billing-price-display{position:relative;padding:16px;border-radius:16px;background:var(--md-sys-color-surface-variant);border:1px solid var(--md-sys-color-outline-variant)}.billing-price-yearly{background:linear-gradient(135deg,var(--md-sys-color-tertiary-container) 0%,var(--md-sys-color-primary-container) 100%)}.billing-feature-item{padding:8px 0;border-bottom:1px solid var(--md-sys-color-outline-variant);transition:background-color var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard)}.billing-feature-item:last-child{border-bottom:none}.billing-feature-item:hover{background-color:var(--md-sys-color-surface-variant);border-radius:8px;margin:0 -8px;padding:8px}.billing-cta-button{border-radius:24px;font-weight:600;text-transform:none;letter-spacing:.1px;transition:all var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized);position:relative;overflow:hidden}.billing-cta-button.primary{background:linear-gradient(135deg,var(--md-sys-color-primary) 0%,var(--md-sys-color-tertiary) 100%);box-shadow:var(--md-sys-elevation-2)}.billing-cta-button.primary:hover{box-shadow:var(--md-sys-elevation-4);transform:translateY(-2px)}.billing-cta-button.primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--md-sys-motion-duration-medium3) var(--md-sys-motion-easing-standard)}.billing-cta-button.primary:hover:before{left:100%}.billing-toggle-container{background:var(--md-sys-color-surface-variant);border-radius:20px;padding:4px;border:1px solid var(--md-sys-color-outline-variant)}.billing-usage-progress{height:8px;border-radius:4px;background:var(--md-sys-color-outline-variant);overflow:hidden;position:relative}.billing-usage-progress-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--md-sys-color-primary) 0%,var(--md-sys-color-tertiary) 100%);transition:width var(--md-sys-motion-duration-medium4) var(--md-sys-motion-easing-emphasized)}.billing-usage-progress-fill.warning{background:linear-gradient(90deg,#f59e0b,#f97316)}.billing-usage-progress-fill.critical{background:linear-gradient(90deg,#ef4444,#dc2626)}.billing-trust-indicators{background:var(--md-sys-color-surface-variant);border-radius:16px;border:1px solid var(--md-sys-color-outline-variant)}.billing-section-spacing{margin-top:32px}.billing-content-spacing{margin-top:24px}.billing-element-spacing{margin-top:16px}@keyframes billing-fade-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.billing-animate-in{animation:billing-fade-in var(--md-sys-motion-duration-medium4) var(--md-sys-motion-easing-standard)}.billing-badge-popular{background:linear-gradient(135deg,var(--md-sys-color-primary) 0%,var(--md-sys-color-tertiary) 100%);color:var(--md-sys-color-on-primary);border-radius:12px;font-weight:600;box-shadow:var(--md-sys-elevation-2)}.billing-badge-discount{background:linear-gradient(135deg,var(--md-sys-color-tertiary) 0%,var(--md-sys-color-primary) 100%);color:var(--md-sys-color-on-tertiary);border-radius:8px;font-weight:600}@media (max-width: 768px){.billing-plan-card{margin-bottom:24px}.billing-hero-card{border-radius:16px}.billing-price-display{border-radius:12px}}@media (prefers-color-scheme: dark){:root{--md-sys-color-primary: #d0bcff;--md-sys-color-primary-container: #4f378b;--md-sys-color-on-primary: #371e73;--md-sys-color-on-primary-container: #eaddff;--md-sys-color-surface: #1c1b1f;--md-sys-color-surface-variant: #49454f;--md-sys-color-on-surface: #e6e1e5;--md-sys-color-on-surface-variant: #cac4d0}}@media (prefers-reduced-motion: reduce){.billing-plan-card,.billing-cta-button,.billing-usage-progress-fill{transition:none}.billing-animate-in{animation:none}}.billing-cta-button:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.billing-plan-card:focus-within{outline:2px solid var(--md-sys-color-primary);outline-offset:2px;border-radius:20px}