/* Billing Toggle */
		.billing-toggle {
			display: flex;
			align-items: center;
			justify-content: center;
			gap: var(--space-md);
			margin: var(--space-xl) 0 var(--space-2xl);
		}
		
		.billing-toggle-label {
			font-size: 0.875rem;
			color: var(--color-text-secondary);
			font-weight: 500;
		}
		
		.billing-toggle-label.active {
			color: var(--color-text-primary);
		}
		
		.toggle-switch {
			position: relative;
			width: 60px;
			height: 32px;
			background: var(--color-light-gray);
			border-radius: var(--radius-full);
			cursor: pointer;
			border: 2px solid rgba(255, 255, 255, 0.2);
			transition: all var(--transition-base);
		}
		
		.toggle-switch.active {
			background: var(--color-lime-green);
			border-color: var(--color-lime-green);
		}
		
		.toggle-knob {
			position: absolute;
			top: 3px;
			left: 3px;
			width: 24px;
			height: 24px;
			background: #ffffff;
			border-radius: 50%;
			transition: transform var(--transition-base);
			box-shadow: var(--shadow-sm);
		}
		
		.toggle-switch.active .toggle-knob {
			transform: translateX(28px);
		}
		
		.save-badge {
			background: var(--color-lime-green);
			color: var(--color-black);
			padding: 2px 8px;
			border-radius: var(--radius-full);
			font-size: 0.75rem;
			font-weight: 700;
			text-transform: uppercase;
		}
		
		/* User Type Selector - Dark Mode Only */
		.user-type-selector {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			gap: var(--space-sm);
			max-width: 980px;
			margin: var(--space-xl) 0 var(--space-2xl);
			margin-left: auto;
			margin-right: auto;
		}
		
		.user-type-btn {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			gap: 6px;
			padding: 10px 16px;
			background: var(--color-surface);
			border: 1px solid rgba(212, 168, 67, 0.18);
			border-radius: var(--radius-full);
			color: var(--color-text-primary);
			font-size: 0.8125rem;
			font-weight: 600;
			line-height: 1.2;
			white-space: nowrap;
			cursor: pointer;
			transition: all var(--transition-base);
		}
		
		.user-type-btn:hover {
			background: var(--color-surface-alt);
			border-color: var(--color-lime-green);
			color: var(--color-white);
		}
		
		.user-type-btn.active {
			background: var(--color-lime-green);
			border-color: var(--color-lime-green);
			color: var(--color-black);
			box-shadow: var(--shadow-card);
		}
		
		/* Pricing Grid */
		.pricing-grid {
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
			gap: var(--space-xl);
			margin: var(--space-2xl) 0;
			max-width: 1200px;
			margin-left: auto;
			margin-right: auto;
		}
		
		.pricing-card {
			position: relative;
			padding: var(--space-2xl);
			transition: all var(--transition-base);
			overflow: hidden;
			background: var(--color-surface);
			border-radius: var(--radius-xl);
			box-shadow: var(--shadow-card);
		}
		
		.pricing-card::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			height: 4px;
			background: var(--color-light-gray);
			transition: all var(--transition-base);
		}
		
		.pricing-card:hover {
			transform: translateY(-8px);
			box-shadow: var(--shadow-card-hover);
		}
		
		.pricing-card:hover::before {
			background: var(--color-lime-green);
		}
		
		.pricing-card.featured {
			border-color: var(--color-lime-green);
			box-shadow: var(--shadow-card-hover);
			transform: scale(1.05);
		}
		
		.pricing-card.featured:hover {
			transform: scale(1.05) translateY(-8px);
		}
		
		.pricing-card.featured::before {
			background: var(--color-lime-green);
		}
		
		.pricing-badge {
			position: absolute;
			top: 12px;
			right: 12px;
			background: var(--color-lime-green);
			color: var(--color-black);
			padding: 4px 12px;
			border-radius: var(--radius-full);
			font-size: 0.75rem;
			font-weight: 700;
			text-transform: uppercase;
			animation: pulse 2s ease-in-out infinite;
		}
		
		@keyframes pulse {
			0%, 100% { transform: scale(1); }
			50% { transform: scale(1.05); }
		}
		
		.pricing-icon {
			width: 64px;
			height: 64px;
			margin-bottom: var(--space-lg);
			display: flex;
			align-items: center;
			justify-content: center;
			background: var(--color-lime-green);
			border-radius: var(--radius-lg);
			font-size: 2rem;
			color: var(--color-black);
		}
		
		.pricing-name {
			font-size: 1.5rem;
			margin-bottom: var(--space-sm);
			font-weight: 700;
			color: var(--color-text-primary);
		}
		
		.pricing-price {
			font-size: 3rem;
			font-weight: 800;
			background: var(--color-lime-green);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			background-clip: text;
			display: flex;
			align-items: baseline;
			gap: 4px;
		}
		
		.pricing-price-period {
			font-size: 1rem;
			color: var(--color-text-secondary);
			-webkit-text-fill-color: var(--color-text-secondary);
			font-weight: 400;
		}
		
		.pricing-description {
			color: var(--color-text-secondary);
			margin: var(--space-md) 0 var(--space-xl);
			line-height: 1.6;
		}
		
		.pricing-features {
			list-style: none;
			margin: var(--space-xl) 0;
		}
		
		.pricing-features li {
			display: flex;
			align-items: flex-start;
			gap: var(--space-md);
			padding: var(--space-sm) 0;
			color: var(--color-text-secondary);
			font-size: 0.9375rem;
		}
		
		.pricing-features li svg {
			flex-shrink: 0;
			width: 20px;
			height: 20px;
			margin-top: 2px;
			color: var(--color-lime-green);
		}
		
		.pricing-features li.check svg {
			color: var(--color-lime-green);
		}
		
		.pricing-features li.unavailable {
			opacity: 0.5;
			color: var(--color-text-muted);
		}
		
		.pricing-features li.unavailable svg {
			color: var(--color-text-muted);
		}
		
		.pricing-cta {
			width: 100%;
			margin-top: var(--space-xl);
			padding: var(--space-md) var(--space-xl);
			font-size: 1rem;
			font-weight: 600;
			border-radius: var(--radius-md);
			transition: all var(--transition-fast);
		}
		
		.btn-gold {
			background: var(--color-lime-green);
			color: var(--color-black);
			border: none;
		}
		
		.btn-gold:hover {
			background: var(--color-lime-dark);
			color: var(--color-black);
			transform: translateY(-2px);
		}
		
		/* Trial Info Banner */
		.trial-banner {
			background: var(--color-surface-alt);
			border: 1px solid var(--color-lime-green);
			border-radius: var(--radius-lg);
			padding: var(--space-lg);
			margin-top: var(--space-xl);
			text-align: center;
		}
		
		.trial-banner-text {
			color: var(--color-text-primary);
			font-size: 0.9375rem;
			margin-bottom: 0;
		}
		
		.trial-banner-highlight {
			color: var(--color-lime-green);
			font-weight: 700;
		}

		/* Pricing Hero */
		.pricing-hero {
			padding: var(--space-3xl) 0 var(--space-xl);
		}

		.pricing-hero-grid {
			display: grid;
			grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.95fr);
			gap: var(--space-xl);
			align-items: stretch;
		}

		.pricing-hero-title {
			font-size: clamp(2rem, 4vw, 3.4rem);
			line-height: 1.05;
			margin: 0;
			max-width: 12ch;
		}

		.pricing-hero-copy {
			margin: var(--space-lg) 0 var(--space-xl);
			max-width: 60ch;
			color: var(--color-text-secondary);
			font-size: 1.05rem;
			line-height: 1.75;
		}

		.hero-chip-row {
			display: flex;
			flex-wrap: wrap;
			gap: var(--space-sm);
		}

		.hero-chip {
			display: inline-flex;
			align-items: center;
			gap: 0.45rem;
			padding: 0.65rem 0.95rem;
			border-radius: var(--radius-full);
			background: rgba(255, 255, 255, 0.06);
			border: 1px solid rgba(255, 255, 255, 0.08);
			color: var(--color-text-primary);
			font-size: 0.875rem;
			font-weight: 600;
		}

		.pricing-command-card {
			padding: var(--space-xl);
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			gap: var(--space-lg);
		}

		.pricing-command-row {
			display: flex;
			justify-content: space-between;
			gap: var(--space-lg);
			padding: 0.85rem 0;
			border-bottom: 1px solid rgba(255, 255, 255, 0.08);
			color: var(--color-text-secondary);
			font-size: 0.9375rem;
		}

		.pricing-command-row:last-of-type {
			border-bottom: none;
			padding-bottom: 0;
		}

		.pricing-command-row strong {
			color: var(--color-text-primary);
			font-size: 0.95rem;
			text-align: right;
		}

		.pricing-command-list {
			list-style: none;
			margin: 0;
			padding: 0;
			display: grid;
			gap: 0.7rem;
		}

		.pricing-command-list li {
			display: flex;
			align-items: flex-start;
			gap: 0.7rem;
			color: var(--color-text-secondary);
			line-height: 1.65;
			font-size: 0.92rem;
		}

		.pricing-command-list li::before {
			content: '•';
			color: var(--color-lime-green);
			font-weight: 700;
		}

		.subscription-insight-grid {
			display: grid;
			grid-template-columns: repeat(4, minmax(0, 1fr));
			gap: var(--space-lg);
			margin-top: var(--space-xl);
		}

		.subscription-insight-card {
			padding: var(--space-lg);
			background: var(--color-surface);
			border-radius: var(--radius-lg);
			box-shadow: var(--shadow-card);
		}

		.subscription-insight-label {
			display: block;
			font-size: 0.82rem;
			font-weight: 700;
			letter-spacing: 0.08em;
			text-transform: uppercase;
			color: var(--color-text-muted);
			margin-bottom: 0.8rem;
		}

		.subscription-insight-value {
			font-size: 1.8rem;
			font-weight: 800;
			color: var(--color-text-primary);
			margin-bottom: 0.6rem;
		}

		.subscription-insight-card p {
			margin: 0;
			color: var(--color-text-secondary);
			line-height: 1.7;
			font-size: 0.93rem;
		}

		/* Billing Operations */
		.billing-operations-section {
			padding: var(--space-3xl) 0;
			background: var(--color-background);
		}

		.billing-operations-grid {
			display: grid;
			grid-template-columns: 1.2fr 1fr 1fr;
			gap: var(--space-lg);
			margin-top: var(--space-2xl);
		}

		.billing-operations-card {
			padding: var(--space-xl);
		}

		.billing-operations-card h3 {
			margin: 0 0 var(--space-md);
			font-size: 1.15rem;
			color: var(--color-text-primary);
		}

		.billing-operations-card p {
			margin: 0;
			color: var(--color-text-secondary);
			line-height: 1.7;
		}

		.lifecycle-steps {
			display: grid;
			gap: 0.9rem;
		}

		.lifecycle-step {
			display: grid;
			grid-template-columns: 34px 1fr;
			gap: 0.9rem;
			align-items: flex-start;
		}

		.lifecycle-step-number {
			width: 34px;
			height: 34px;
			border-radius: 50%;
			background: linear-gradient(135deg, var(--color-lime-green), #d9f99d);
			color: var(--color-black);
			display: inline-flex;
			align-items: center;
			justify-content: center;
			font-weight: 800;
			font-size: 0.9rem;
			box-shadow: var(--shadow-sm);
		}

		.lifecycle-step strong {
			display: block;
			color: var(--color-text-primary);
			margin-bottom: 0.25rem;
			font-size: 0.95rem;
		}

		.lifecycle-step span {
			color: var(--color-text-secondary);
			line-height: 1.65;
			font-size: 0.9rem;
		}
		
		/* Comparison Table */
		.comparison-section {
			padding: var(--space-3xl) 0;
			background: var(--color-background);
		}
		
		.comparison-table {
			overflow-x: auto;
			margin: var(--space-2xl) 0;
			border-radius: var(--radius-xl);
			background: var(--color-surface);
		}
		
		.comparison-table table {
			width: 100%;
			border-collapse: collapse;
			min-width: 800px;
		}
		
		.comparison-table th,
		.comparison-table td {
			padding: var(--space-md) var(--space-lg);
			text-align: left;
			border-bottom: 1px solid var(--color-border);
		}
		
		.comparison-table th {
			background: var(--color-surface-alt);
			color: var(--color-text-secondary);
			font-weight: 600;
			font-size: 0.875rem;
			text-transform: uppercase;
			letter-spacing: 0.05em;
		}
		
		.comparison-table th:first-child {
			border-radius: var(--radius-lg) 0 0 0;
		}
		
		.comparison-table th:last-child {
			border-radius: 0 var(--radius-lg) 0 0;
		}
		
		.comparison-table td {
			background: var(--color-surface);
			font-weight: 600;
			color: var(--color-text-primary);
		}
		
		.comparison-table td:first-child {
			font-weight: 600;
			color: var(--color-text-primary);
		}
		
		.comparison-table tr:hover td {
			background: var(--color-surface-alt);
		}
		
		.comparison-table .check {
			color: var(--color-lime-green);
			font-weight: 700;
		}
		
		.comparison-table .cross {
			color: var(--color-text-muted);
			opacity: 0.5;
		}
		
		/* FAQ Section */
		.faq-section {
			padding: var(--space-3xl) 0;
			background: var(--color-background);
		}
		
		.faq-grid {
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
			gap: var(--space-lg);
			margin-top: var(--space-2xl);
		}
		
		.faq-item {
			padding: var(--space-lg);
			cursor: pointer;
			background: var(--color-surface);
			border-radius: var(--radius-lg);
			box-shadow: var(--shadow-card);
		}
		
		.faq-question {
			font-size: 1.0625rem;
			font-weight: 600;
			display: flex;
			justify-content: space-between;
			align-items: center;
			gap: var(--space-md);
			color: var(--color-text-primary);
		}
		
		.faq-question-icon {
			width: 24px;
			height: 24px;
			flex-shrink: 0;
			transition: transform var(--transition-base);
			color: var(--color-lime-green);
		}
		
		.faq-item.active .faq-question-icon {
			transform: rotate(45deg);
		}
		
		.faq-answer {
			color: var(--color-text-secondary);
			line-height: 1.8;
			max-height: 0;
			overflow: hidden;
			transition: max-height var(--transition-base);
			margin-top: var(--space-md);
		}
		
		.faq-item.active .faq-answer {
			max-height: 500px;
		}
		
		/* CTA Section */
		.cta-section {
			padding: var(--space-3xl) 0;
			text-align: center;
		}
		
		.cta-card {
			max-width: 700px;
			margin: 0 auto;
			text-align: center;
			background: var(--color-surface);
			border-radius: var(--radius-xl);
			padding: var(--space-2xl);
			box-shadow: var(--shadow-card);
		}
		
		.cta-buttons {
			display: flex;
			gap: var(--space-md);
			justify-content: center;
			flex-wrap: wrap;
			margin-top: var(--space-xl);
		}
		
		/* User Type Pricing Info */
		.user-type-pricing {
			display: none;
			margin-top: var(--space-lg);
			padding: var(--space-md);
			background: var(--color-surface);
			border-radius: var(--radius-lg);
			font-size: 0.875rem;
			color: var(--color-text-secondary);
		}
		
		.user-type-pricing.active {
			display: block;
		}
		
		/* Responsive */
		@media (max-width: 768px) {
			.pricing-hero-grid,
			.billing-operations-grid,
			.subscription-insight-grid {
				grid-template-columns: 1fr;
			}

			.pricing-hero-title {
				max-width: none;
			}

			.pricing-grid {
				grid-template-columns: 1fr;
			}

			.pricing-card {
				padding: var(--space-xl);
			}
			
			.pricing-card.featured {
				transform: none;
			}
			
			.pricing-card.featured:hover {
				transform: translateY(-8px);
			}
			
			.faq-grid {
				grid-template-columns: 1fr;
			}

			.comparison-table table {
				min-width: 640px;
			}
			
			.billing-toggle {
				flex-direction: column;
				gap: var(--space-sm);
			}
			
			.user-type-selector {
				flex-direction: column;
				align-items: stretch;
			}
			
			.user-type-btn {
				text-align: center;
			}
		}