/* ========================================================================== PIF Perfect — LIGHT THEME override (generated by gen_light.py) ========================================================================== Load AFTER styles.css. Every selector is prefixed `body.lp-light`, so this file is inert on index.html — which stays dark as the ads control — and affects only lp-v2.html, whose carries .lp-light. Regenerate after editing styles.css: python3 gen_light.py Hand-tuned exceptions live in the CURATED block at the bottom and are NOT produced by the generator — keep them below the generated section. ========================================================================== */ body.lp-light { background: #ffffff; color: #27272a; } body.lp-light .orb-1 { background: #7c3aed; } body.lp-light .orb-2 { background: #6366f1; } body.lp-light .orb-3 { background: #7c3aed; } body.lp-light .gradient-text { background: linear-gradient(135deg, #7c3aed 0%, #7c3aed 40%, #6366f1 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } body.lp-light .section-tag { color: #7c3aed; border: 1px solid rgba(124, 58, 237, 0.3); background: rgba(124, 58, 237, 0.08); } body.lp-light .section-title { color: #18181b; } body.lp-light .section-desc { color: #52525b; } body.lp-light .section-desc strong { color: #27272a; } body.lp-light .nav.scrolled { background: rgba(250, 250, 250, 1.0); border-bottom: 1px solid rgba(124, 58, 237, 0.1); } body.lp-light .logo-text { color: #18181b; } body.lp-light .logo-byline { color: #71717a; } body.lp-light .nav-link { color: #52525b; } body.lp-light .nav-link::after { background: #7c3aed; } body.lp-light .nav-link:hover { color: #18181b; } body.lp-light .btn-ghost { color: #52525b; } body.lp-light .btn-ghost:hover { color: #18181b; } body.lp-light .btn-primary-sm { color: #fff; background: #7c3aed; } body.lp-light .btn-primary-sm:hover { background: #6d28d9; box-shadow: 0 0 20px rgba(124, 58, 237, 0.4); } body.lp-light .mobile-toggle span { background: #52525b; } body.lp-light .mobile-menu { border-top: 1px solid rgba(0, 0, 0, 0.048); } body.lp-light .mobile-link { color: #52525b; } body.lp-light .hero-badge { color: #7c3aed; border: 1px solid rgba(124, 58, 237, 0.25); background: rgba(124, 58, 237, 0.06); } body.lp-light .badge-dot { background: #7c3aed; } body.lp-light .hero-title { color: #18181b; } body.lp-light .hero-subtitle { color: #52525b; } body.lp-light .hero-subtitle strong { color: #18181b; } body.lp-light .btn-primary { color: #fff; background: linear-gradient(135deg, #7c3aed, #6d28d9); } body.lp-light .btn-primary::before { background: linear-gradient(135deg, #8b5cf6, #7c3aed); } body.lp-light .btn-primary:hover { box-shadow: 0 8px 30px rgba(124, 58, 237, 0.4), 0 0 0 1px rgba(124, 58, 237, 0.2); } body.lp-light .btn-secondary { color: #52525b; border: 1px solid rgba(0, 0, 0, 0.08); } body.lp-light .btn-secondary:hover { color: #18181b; border-color: rgba(0, 0, 0, 0.16); background: rgba(0, 0, 0, 0.032); } body.lp-light .avatar { color: #fff; border: 2px solid #ffffff; } body.lp-light .proof-text { color: #71717a; } body.lp-light .proof-text strong { color: #52525b; } body.lp-light .dashboard-preview { background: rgba(250, 250, 250, 0.95); border: 1px solid rgba(0, 0, 0, 0.048); box-shadow: 0 40px 80px rgba(24, 24, 27, 0.08), 0 0 60px rgba(124, 58, 237, 0.08); } body.lp-light .preview-bar { border-bottom: 1px solid rgba(0, 0, 0, 0.032); } body.lp-light .preview-url { color: #71717a; } body.lp-light .preview-sidebar { border-right: 1px solid rgba(0, 0, 0, 0.032); } body.lp-light .sidebar-item { background: rgba(0, 0, 0, 0.032); } body.lp-light .sidebar-item.active { background: rgba(124, 58, 237, 0.3); } body.lp-light .text-shimmer { background: linear-gradient(90deg, rgba(0, 0, 0, 0.048) 25%, rgba(0, 0, 0, 0.08) 50%, rgba(0, 0, 0, 0.048) 75%); } body.lp-light .preview-date-pill { background: rgba(0, 0, 0, 0.032); border: 1px solid rgba(0, 0, 0, 0.048); } body.lp-light .stat-card-mini { background: rgba(0, 0, 0, 0.024); border: 1px solid rgba(0, 0, 0, 0.032); } body.lp-light .stat-icon-mini.purple { background: rgba(124, 58, 237, 0.2); } body.lp-light .stat-icon-mini.blue { background: rgba(99, 102, 241, 0.2); } body.lp-light .stat-icon-mini.green { background: rgba(16, 185, 129, 0.2); } body.lp-light .stat-number-mini { color: #18181b; } body.lp-light .stat-trend.up { color: #047857; background: rgba(16, 185, 129, 0.1); } body.lp-light .lb-rank.gold { background: rgba(251, 191, 36, 0.2); color: #d97706; } body.lp-light .lb-rank.silver { background: rgba(148, 163, 184, 0.15); color: #64748b; } body.lp-light .lb-rank.bronze { background: rgba(217, 119, 6, 0.15); color: #d97706; } body.lp-light .lb-bar { background: linear-gradient(90deg, rgba(124, 58, 237, 0.4), rgba(124, 58, 237, 0.15)); } body.lp-light .floating-card { background: rgba(250, 250, 250, 1.0); border: 1px solid rgba(0, 0, 0, 0.064); box-shadow: 0 20px 40px rgba(24, 24, 27, 0.048); } body.lp-light .fc-text strong { color: #18181b; } body.lp-light .fc-text span { color: #71717a; } body.lp-light .stats-bar { border-top: 1px solid rgba(0, 0, 0, 0.032); border-bottom: 1px solid rgba(0, 0, 0, 0.032); background: rgba(250, 250, 250, 0.55); } body.lp-light .stat-item .stat-number { color: #18181b; } body.lp-light .stat-item .stat-label { color: #71717a; } body.lp-light .stat-divider { background: rgba(0, 0, 0, 0.048); } body.lp-light .divider-line { background: linear-gradient(90deg, transparent, rgba(124, 58, 237, 0.2), transparent); } body.lp-light .divider-icon { background: rgba(124, 58, 237, 0.06); border: 1px solid rgba(124, 58, 237, 0.15); color: #7c3aed; } body.lp-light .problem-item { background: rgba(239, 68, 68, 0.04); border: 1px solid rgba(239, 68, 68, 0.1); } body.lp-light .problem-item:hover { border-color: rgba(239, 68, 68, 0.2); background: rgba(239, 68, 68, 0.06); } body.lp-light .problem-icon { background: rgba(239, 68, 68, 0.1); color: #dc2626; } body.lp-light .problem-item p { color: #52525b; } body.lp-light .problem-item p strong { color: #dc2626; } body.lp-light .problem-kicker { background: rgba(250, 250, 250, 0.65); border: 1px solid rgba(0, 0, 0, 0.04); } body.lp-light .problem-kicker p { color: #3f3f46; } body.lp-light .problem-kicker em { color: #dc2626; } body.lp-light .problem-kicker strong { color: #18181b; } body.lp-light .feature-card { background: rgba(250, 250, 250, 0.65); border: 1px solid rgba(0, 0, 0, 0.04); } body.lp-light .feature-card::before { background: linear-gradient(135deg, rgba(124, 58, 237, 0.08), transparent); } body.lp-light .feature-card:hover { border-color: rgba(124, 58, 237, 0.2); box-shadow: 0 20px 40px rgba(24, 24, 27, 0.032); } body.lp-light .feature-card.featured { border-color: rgba(124, 58, 237, 0.2); background: linear-gradient(135deg, rgba(124, 58, 237, 0.08), rgba(250, 250, 250, 0.65)); } body.lp-light .feature-badge { background: rgba(124, 58, 237, 0.15); color: #7c3aed; } body.lp-light .feature-icon { background: rgba(124, 58, 237, 0.1); color: #7c3aed; } body.lp-light .feature-title { color: #18181b; } body.lp-light .feature-desc { color: #71717a; } body.lp-light .comparison-card.old { background: rgba(239, 68, 68, 0.03); border: 1px solid rgba(239, 68, 68, 0.12); } body.lp-light .comparison-card.old:hover { border-color: rgba(239, 68, 68, 0.2); } body.lp-light .comparison-card.new { background: linear-gradient(180deg, rgba(124, 58, 237, 0.08), rgba(250, 250, 250, 0.65)); border: 1px solid rgba(124, 58, 237, 0.25); box-shadow: 0 20px 50px rgba(124, 58, 237, 0.08); } body.lp-light .comparison-card.new:hover { border-color: rgba(124, 58, 237, 0.4); box-shadow: 0 30px 60px rgba(124, 58, 237, 0.12); } body.lp-light .old-label { background: rgba(239, 68, 68, 0.08); color: #dc2626; border: 1px solid rgba(239, 68, 68, 0.15); } body.lp-light .new-label { background: rgba(124, 58, 237, 0.1); color: #7c3aed; border: 1px solid rgba(124, 58, 237, 0.2); } body.lp-light .comparison-item { border-bottom: 1px solid rgba(0, 0, 0, 0.024); } body.lp-light .comparison-item.negative { color: #52525b; } body.lp-light .comparison-item.positive { color: #27272a; } body.lp-light .comparison-bullet.negative { background: rgba(239, 68, 68, 0.4); } body.lp-light .comparison-bullet.positive { background: #7c3aed; box-shadow: 0 0 8px rgba(124, 58, 237, 0.4); } body.lp-light .step-card { background: rgba(250, 250, 250, 0.55); border: 1px solid rgba(0, 0, 0, 0.04); } body.lp-light .step-number { color: rgba(124, 58, 237, 0.15); } body.lp-light .step-mockup { background: rgba(250, 250, 250, 0.85); border: 1px solid rgba(0, 0, 0, 0.032); } body.lp-light .mockup-label { color: #71717a; } body.lp-light .mockup-input { background: rgba(0, 0, 0, 0.032); border: 1px solid rgba(0, 0, 0, 0.048); color: #18181b; } body.lp-light .mockup-btn { background: linear-gradient(135deg, #7c3aed, #6d28d9); color: #fff; } body.lp-light .mini-bar { background: rgba(124, 58, 237, 0.25); } body.lp-light .mini-bar.active { background: #7c3aed; } body.lp-light .mini-metric { background: rgba(0, 0, 0, 0.024); } body.lp-light .mm-value { color: #18181b; } body.lp-light .mm-label { color: #71717a; } body.lp-light .ai-avatar { background: rgba(124, 58, 237, 0.15); } body.lp-light .ai-bubble { color: #52525b; } body.lp-light .ai-bubble strong { color: #18181b; } body.lp-light .step-title { color: #18181b; } body.lp-light .step-desc { color: #71717a; } body.lp-light .testimonial-card { background: rgba(250, 250, 250, 0.65); border: 1px solid rgba(0, 0, 0, 0.04); } body.lp-light .testimonial-card:hover { border-color: rgba(124, 58, 237, 0.2); box-shadow: 0 20px 40px rgba(24, 24, 27, 0.032); } body.lp-light .testimonial-card.featured { border-color: rgba(124, 58, 237, 0.2); background: linear-gradient(180deg, rgba(124, 58, 237, 0.08), rgba(250, 250, 250, 0.65)); } body.lp-light .testimonial-card.featured::before { background: linear-gradient(90deg, #7c3aed, #7c3aed, #7c3aed); } body.lp-light .quote-mark { color: rgba(124, 58, 237, 0.2); } body.lp-light .testimonial-text { color: #3f3f46; } body.lp-light .testimonial-text-extra { color: #52525b; } body.lp-light .testimonial-text-highlight { color: #27272a; border-left: 3px solid #7c3aed; background: rgba(124, 58, 237, 0.06); } body.lp-light .testimonial-author { border-top: 1px solid rgba(0, 0, 0, 0.032); } body.lp-light .author-avatar { background: linear-gradient(135deg, #7c3aed, #6366f1); color: #fff; } body.lp-light .author-info strong { color: #18181b; } body.lp-light .author-info span { color: #71717a; } body.lp-light .testimonial-highlight { background: rgba(124, 58, 237, 0.04); border: 1px solid rgba(124, 58, 237, 0.1); } body.lp-light .testimonial-highlight p { color: #3f3f46; } body.lp-light .highlight-source { color: #7c3aed; } body.lp-light .toggle-label { color: #71717a; } body.lp-light .toggle-label.is-active { color: #18181b; } body.lp-light .save-badge { background: rgba(16, 185, 129, 0.1); color: #047857; } body.lp-light .toggle-switch { background: rgba(0, 0, 0, 0.08); } body.lp-light .toggle-switch.active { background: #7c3aed; } body.lp-light .toggle-thumb { background: #fff; } body.lp-light .pricing-card { background: rgba(250, 250, 250, 0.65); border: 1px solid rgba(0, 0, 0, 0.04); } body.lp-light .pricing-card:hover { border-color: rgba(0, 0, 0, 0.08); } body.lp-light .pricing-card.featured { background: linear-gradient(180deg, rgba(124, 58, 237, 0.12), rgba(250, 250, 250, 0.85)); border-color: rgba(124, 58, 237, 0.3); box-shadow: 0 30px 60px rgba(124, 58, 237, 0.1); } body.lp-light .popular-badge { background: #7c3aed; color: #fff; } body.lp-light .plan-name { color: #18181b; } body.lp-light .plan-desc { color: #71717a; } body.lp-light .price { color: #18181b; } body.lp-light .price-period { color: #71717a; } body.lp-light .plan-features li { color: #52525b; } body.lp-light .plan-features li strong { color: #18181b; } body.lp-light .btn-plan { color: #18181b; background: rgba(0, 0, 0, 0.048); border: 1px solid rgba(0, 0, 0, 0.08); } body.lp-light .btn-plan:hover { background: rgba(0, 0, 0, 0.08); border-color: rgba(0, 0, 0, 0.12); } body.lp-light .btn-plan-featured { background: linear-gradient(135deg, #7c3aed, #6d28d9); color: #fff; } body.lp-light .btn-plan-featured:hover { box-shadow: 0 8px 30px rgba(124, 58, 237, 0.4); background: linear-gradient(135deg, #8b5cf6, #7c3aed); } body.lp-light .btn-plan-contact { border: 1px solid #7c3aed; color: #7c3aed; background: rgba(124, 58, 237, 0.08); } body.lp-light .btn-plan-contact:hover { background: rgba(124, 58, 237, 0.18); border-color: #8b5cf6; color: #fff; box-shadow: 0 8px 30px rgba(124, 58, 237, 0.2); } body.lp-light .cta-card { background: linear-gradient(135deg, rgba(124, 58, 237, 0.1), rgba(250, 250, 250, 0.75)); border: 1px solid rgba(124, 58, 237, 0.15); } body.lp-light .cta-card::before { background: radial-gradient(circle, rgba(124, 58, 237, 0.06), transparent 60%); } body.lp-light .cta-eyebrow { color: #dc2626; } body.lp-light .cta-title { color: #18181b; } body.lp-light .cta-desc { color: #52525b; } body.lp-light .cta-note { color: #71717a; } body.lp-light .footer { border-top: 1px solid rgba(0, 0, 0, 0.032); } body.lp-light .footer-tagline { color: #71717a; } body.lp-light .tmg-credit { color: #71717a; } body.lp-light .tmg-credit:hover { color: #7c3aed; } body.lp-light .nav-tmg-credit { border-left: 1px solid rgba(0, 0, 0, 0.08); } body.lp-light .footer-col h4 { color: #71717a; } body.lp-light .footer-col a { color: #71717a; } body.lp-light .footer-col a:hover { color: #52525b; } body.lp-light .footer-bottom { border-top: 1px solid rgba(0, 0, 0, 0.032); } body.lp-light .footer-bottom p { color: #71717a; } body.lp-light .footer-legal a { color: #71717a; } body.lp-light .footer-legal a:hover { color: #52525b; } body.lp-light .footer-dot { color: #71717a; } body.lp-light .nav-link.active { color: #18181b; } body.lp-light .about-hero-title { color: #18181b; } body.lp-light .about-hero-subtitle { color: #52525b; } body.lp-light .hero-badge-item { background: rgba(124, 58, 237, 0.06); border: 1px solid rgba(124, 58, 237, 0.15); color: #7c3aed; } body.lp-light .hero-badge-item:hover { background: rgba(124, 58, 237, 0.1); border-color: rgba(124, 58, 237, 0.25); } body.lp-light .about-section-title { color: #18181b; } body.lp-light .about-story-content p { color: #52525b; } body.lp-light .story-insight-card, body.lp-light .story-solution-card { background: rgba(250, 250, 250, 0.75); border: 1px solid rgba(0, 0, 0, 0.048); } body.lp-light .story-insight-card::before { background: linear-gradient(90deg, transparent, rgba(239, 68, 68, 0.4), transparent); } body.lp-light .story-solution-card { background: linear-gradient(180deg, rgba(124, 58, 237, 0.08), rgba(250, 250, 250, 0.75)); border-color: rgba(124, 58, 237, 0.2); } body.lp-light .story-solution-card::before { background: linear-gradient(90deg, transparent, #7c3aed, transparent); } body.lp-light .insight-icon { background: rgba(239, 68, 68, 0.08); color: #dc2626; } body.lp-light .insight-icon.purple { background: rgba(124, 58, 237, 0.12); color: #7c3aed; } body.lp-light .story-insight-card h3, body.lp-light .story-solution-card h3 { color: #18181b; } body.lp-light .story-insight-card p, body.lp-light .story-solution-card p { color: #52525b; } body.lp-light .team-card { background: rgba(250, 250, 250, 0.65); border: 1px solid rgba(0, 0, 0, 0.04); } body.lp-light .team-card:hover { border-color: rgba(124, 58, 237, 0.15); } body.lp-light .team-avatar-large { background: linear-gradient(135deg, #7c3aed, #6366f1); color: #fff; } body.lp-light .team-name { color: #18181b; } body.lp-light .team-role { color: #7c3aed; } body.lp-light .team-bio { color: #52525b; } body.lp-light .team-detail { color: #71717a; } body.lp-light .team-extended { background: rgba(250, 250, 250, 0.55); border: 1px solid rgba(0, 0, 0, 0.032); } body.lp-light .team-extended-title { color: #18181b; } body.lp-light .team-tag { background: rgba(0, 0, 0, 0.024); border: 1px solid rgba(0, 0, 0, 0.048); } body.lp-light .team-tag:hover { border-color: rgba(124, 58, 237, 0.2); background: rgba(124, 58, 237, 0.04); } body.lp-light .team-tag strong { color: #27272a; } body.lp-light .team-tag span { color: #71717a; } body.lp-light .team-extended-note { color: #71717a; } body.lp-light .trusted-name { color: #18181b; } body.lp-light .trusted-separator { color: rgba(124, 58, 237, 0.4); } body.lp-light .trusted-more { color: #71717a; } body.lp-light .clients-proof { background: rgba(124, 58, 237, 0.04); border: 1px solid rgba(124, 58, 237, 0.1); } body.lp-light .proof-number { color: #18181b; } body.lp-light .proof-label { color: #71717a; } body.lp-light .proof-divider { background: rgba(124, 58, 237, 0.15); } body.lp-light .about-quote-card { background: rgba(250, 250, 250, 0.65); border: 1px solid rgba(0, 0, 0, 0.04); } body.lp-light .about-quote-card:hover { border-color: rgba(124, 58, 237, 0.15); } body.lp-light .about-quote-card.featured { background: linear-gradient(180deg, rgba(124, 58, 237, 0.06), rgba(250, 250, 250, 0.65)); border-color: rgba(124, 58, 237, 0.15); } body.lp-light .about-quote-card .quote-mark { color: rgba(124, 58, 237, 0.2); } body.lp-light .about-quote-text { color: #3f3f46; } body.lp-light .about-quote-author { border-top: 1px solid rgba(0, 0, 0, 0.032); } body.lp-light .about-quote-author strong { color: #18181b; } body.lp-light .about-quote-author span { color: #71717a; } body.lp-light .hubspot-reviews-link a { color: #7c3aed; background: rgba(124, 58, 237, 0.06); border: 1px solid rgba(124, 58, 237, 0.15); } body.lp-light .hubspot-reviews-link a:hover { background: rgba(124, 58, 237, 0.12); border-color: rgba(124, 58, 237, 0.3); color: #7c3aed; } body.lp-light .proof-stat-link:hover { background: rgba(124, 58, 237, 0.06); } body.lp-light .proof-stat-link:hover .proof-number { color: #7c3aed; } body.lp-light .proof-stat-link:hover .proof-label { color: #7c3aed; } body.lp-light .about-closing-card { background: linear-gradient(180deg, rgba(124, 58, 237, 0.06), rgba(250, 250, 250, 0.65)); border: 1px solid rgba(124, 58, 237, 0.15); } body.lp-light .about-closing-card::before { background: radial-gradient(circle, rgba(124, 58, 237, 0.06), transparent 60%); } body.lp-light .about-closing-title { color: #18181b; } body.lp-light .about-closing-text { color: #52525b; } body.lp-light .modal-overlay { background: rgba(0, 0, 0, 0.7); } body.lp-light .modal-card { background: #f4f4f5; border: 1px solid rgba(0, 0, 0, 0.048); box-shadow: 0 40px 80px rgba(24, 24, 27, 0.08); } body.lp-light .modal-close { color: #71717a; } body.lp-light .modal-close:hover { color: #18181b; } body.lp-light .modal-title { color: #18181b; } body.lp-light .modal-subtitle { color: #71717a; } body.lp-light .form-group label { color: #52525b; } body.lp-light .form-group input, body.lp-light .form-group select { background: rgba(0, 0, 0, 0.032); border: 1px solid rgba(0, 0, 0, 0.064); color: #18181b; } body.lp-light .form-group input::placeholder { color: #71717a; } body.lp-light .form-group input:focus, body.lp-light .form-group select:focus { border-color: #7c3aed; box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.15); } body.lp-light .form-group select option { background: #f4f4f5; } body.lp-light .form-divider { background: rgba(0, 0, 0, 0.032); } body.lp-light .stripe-card-wrapper { background: rgba(0, 0, 0, 0.032); border: 1px solid rgba(0, 0, 0, 0.064); } body.lp-light .stripe-card-wrapper.StripeElement--focus { border-color: #7c3aed; box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.15); } body.lp-light .stripe-card-wrapper.StripeElement--invalid { border-color: #dc2626; box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.12); } body.lp-light .stripe-card-error { color: #dc2626; } body.lp-light .stripe-note { color: #71717a; } body.lp-light .btn-checkout { color: #fff; background: linear-gradient(135deg, #7c3aed, #6d28d9); } body.lp-light .btn-checkout:hover { box-shadow: 0 8px 30px rgba(124, 58, 237, 0.4); } body.lp-light .spinner { border: 2px solid rgba(0, 0, 0, 0.24); border-top-color: #fff; } body.lp-light .modal-footer-text { color: #71717a; } body.lp-light .modal-footer-text a { color: #7c3aed; } body.lp-light ::-webkit-scrollbar-track { background: #ffffff; } body.lp-light ::-webkit-scrollbar-thumb { background: #e4e4e7; } body.lp-light ::-webkit-scrollbar-thumb:hover { background: #d4d4d8; } body.lp-light ::selection { background: rgba(124, 58, 237, 0.3); color: #18181b; } body.lp-light .ref-badge { background: rgba(16, 185, 129, 0.1); color: #047857; border: 1px solid rgba(16, 185, 129, 0.2); } body.lp-light .checkout-error { color: #dc2626; background: rgba(239, 68, 68, 0.08); border: 1px solid rgba(239, 68, 68, 0.15); } body.lp-light .success-card { background: rgba(250, 250, 250, 0.75); border: 1px solid rgba(0, 0, 0, 0.048); box-shadow: 0 40px 80px rgba(24, 24, 27, 0.064); } body.lp-light .success-icon { background: rgba(16, 185, 129, 0.1); border: 2px solid rgba(16, 185, 129, 0.3); } body.lp-light .success-title { color: #18181b; } body.lp-light .success-desc { color: #52525b; } body.lp-light .success-step { border-bottom: 1px solid rgba(0, 0, 0, 0.032); } body.lp-light .step-num { background: rgba(124, 58, 237, 0.15); color: #7c3aed; } body.lp-light .step-text { color: #3f3f46; } body.lp-light .step-text strong { color: #18181b; } body.lp-light .btn-success { color: #fff; background: linear-gradient(135deg, #7c3aed, #6d28d9); } body.lp-light .btn-success:hover { box-shadow: 0 8px 30px rgba(124, 58, 237, 0.4); } body.lp-light .legal-header { border-bottom: 1px solid rgba(0, 0, 0, 0.048); } body.lp-light .legal-back { color: #7c3aed; } body.lp-light .legal-back:hover { color: #7c3aed; } body.lp-light .legal-title { color: #18181b; } body.lp-light .legal-effective { color: #71717a; } body.lp-light .legal-body h2 { color: #27272a; } body.lp-light .legal-body p { color: #52525b; } body.lp-light .legal-body a { color: #7c3aed; text-decoration-color: rgba(167, 139, 250, 0.3); } body.lp-light .legal-body a:hover { text-decoration-color: #7c3aed; } body.lp-light .legal-body li { color: #52525b; } body.lp-light .legal-body li strong { color: #27272a; } body.lp-light .legal-contact { background: rgba(0, 0, 0, 0.016); border: 1px solid rgba(0, 0, 0, 0.048); } body.lp-light .lp-v2 .hero-subtitle { color: #3f3f46; } body.lp-light .hero-audience { color: #71717a; } body.lp-light .hero-nocard { color: #7c3aed; } body.lp-light .lp-proof li { color: #52525b; } body.lp-light .lp-proof li::before { background: linear-gradient(135deg, #8b5cf6, #7c3aed); box-shadow: 0 0 10px rgba(124, 58, 237, 0.6); } body.lp-light .feature-outcome { border-top: 1px solid rgba(124, 58, 237, 0.18); color: #7c3aed; } body.lp-light .old-tagline { color: #dc2626; } body.lp-light .new-tagline { color: #7c3aed; } body.lp-light .comparison-summary { color: #3f3f46; } body.lp-light .step-time { color: #7c3aed; background: rgba(124, 58, 237, 0.1); border: 1px solid rgba(124, 58, 237, 0.22); } body.lp-light .steps-callout { color: #52525b; } body.lp-light .steps-callout strong { color: #18181b; } body.lp-light .plan-nocard { color: #7c3aed; } body.lp-light .email-capture input[type="email"] { background: rgba(0, 0, 0, 0.032); border: 1px solid rgba(0, 0, 0, 0.096); color: #18181b; } body.lp-light .email-capture input[type="email"]::placeholder { color: #71717a; } body.lp-light .email-capture input[type="email"]:focus { border-color: #7c3aed; box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.15); } body.lp-light .trust-row { color: #71717a; } body.lp-light .trust-row li::before { background: #7c3aed; } body.lp-light .nav-link-active { color: #18181b; } body.lp-light .pricing-help p { color: #71717a; } body.lp-light .pricing-help a { color: #7c3aed; } body.lp-light .signup-signin { color: #71717a; } body.lp-light .signup-signin a { color: #7c3aed; } body.lp-light .signup-card { background: rgba(250, 250, 250, 0.75); border: 1px solid rgba(0, 0, 0, 0.048); box-shadow: 0 40px 80px rgba(24, 24, 27, 0.064); } body.lp-light .signup-header h1 { color: #18181b; } body.lp-light .signup-header p { color: #71717a; } body.lp-light .signup-nocard { color: #71717a; } body.lp-light .signup-terms { color: #71717a; } body.lp-light .signup-terms a { color: #7c3aed; } body.lp-light .signup-foot { color: #71717a; } body.lp-light .success-check { background: rgba(16, 185, 129, 0.1); border: 2px solid rgba(16, 185, 129, 0.3); } body.lp-light .signup-success h1 { color: #18181b; } body.lp-light .signup-success p { color: #52525b; } body.lp-light .signup-success strong { color: #18181b; } body.lp-light .preview-note { color: #d97706; border: 1px dashed rgba(251, 191, 36, 0.4); } /* -------------------------------------------------------------------------- CURATED — hand-tuned light-theme fixes -------------------------------------------------------------------------- Appended verbatim to styles-light.css by gen_light.py. Put anything here that a mechanical colour swap cannot judge; everything above is generated. -------------------------------------------------------------------------- */ /* The mirrored ramp turns the headline gradient into #7c3aed -> #7c3aed, i.e. flat. Rebuild it as a real light-background gradient. */ body.lp-light .gradient-text { background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 45%, #6366f1 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } /* Blurred purple orbs read as a heavy lavender wash on white. */ body.lp-light .orb { opacity: 0.07; } body.lp-light .orb-2 { opacity: 0.05; } /* Generated value was a solid #fafafa bar; keep the frosted-glass effect and add the grey separator the dark theme gets from its border. */ body.lp-light .nav.scrolled { background: rgba(255, 255, 255, 0.82); border-bottom: 1px solid #e4e4e7; } /* Cards are near-white on a white page, so the grey outline is what separates them — make it a real grey rather than a 3% black tint. */ body.lp-light .feature-card, body.lp-light .pricing-card, body.lp-light .step-card, body.lp-light .comparison-card, body.lp-light .faq-item, body.lp-light .testimonial-card { border-color: #e4e4e7; } /* Dark theme leans on glow for elevation; on white that job goes to a shadow. */ body.lp-light .pricing-card.featured, body.lp-light .feature-card.featured { box-shadow: 0 10px 30px rgba(24, 24, 27, 0.06), 0 0 0 1px rgba(124, 58, 237, 0.18); } /* Modal scrim stays dark in both themes — that is what makes it read as a scrim. */ body.lp-light .modal-overlay { background: rgba(24, 24, 27, 0.55); } body.lp-light .modal { border: 1px solid #e4e4e7; } /* Form fields need a visible boundary on white. */ body.lp-light .form-group input, body.lp-light .form-group select, body.lp-light .stripe-card-wrapper { background: #ffffff; border: 1px solid #d4d4d8; } body.lp-light .form-group input:focus, body.lp-light .form-group select:focus { border-color: #7c3aed; } /* The nav's legibility rests on backdrop-filter, and Android support for it is patchy — where it no-ops, 0.82 alpha leaves page text showing through the bar. Opaque enough to stand on its own on small screens. */ @media (max-width: 768px) { body.lp-light .nav.scrolled { background: rgba(255, 255, 255, 0.97); } }