:root{--color-primary: #7C3AED;--color-primary-light: #A78BFA;--color-primary-dark: #5B21B6;--color-secondary: #C2410C;--color-secondary-light: #FDBA74;--color-accent: #2563EB;--color-accent-light: #93C5FD;--color-success: #15803D;--color-text: #1E293B;--color-text-light: #475569;--color-text-muted: #64748B;--color-bg: #FEFEFE;--color-bg-warm: #FFF7ED;--color-bg-soft: #F8FAFC;--color-bg-card: #FFFFFF;--color-border: #E2E8F0;--color-border-light: #F1F5F9;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 12px 40px rgba(0,0,0,.1)}.landing{min-height:100vh;background:var(--color-bg);color:var(--color-text);font-size:17px;line-height:1.7;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}.landing-header{position:sticky;top:0;z-index:50;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-light)}.landing-nav{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;max-width:1400px;margin:0 auto;flex-wrap:wrap;gap:.5rem}.logo{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:800}.logo-icon{font-size:2rem}.logo-text{color:var(--color-primary)}.nav-links{display:none}.nav-auth{display:flex;gap:.5rem;align-items:center}.lang-selector{position:relative}.lang-btn{font-size:.95rem;cursor:pointer;padding:.5rem .75rem;border-radius:var(--radius-sm);transition:background .2s;color:var(--color-text-light);background:none;border:none;font-weight:500}.lang-btn:hover{background:var(--color-bg-soft)}.lang-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.5rem;z-index:100;min-width:170px;box-shadow:var(--shadow-lg)}.lang-option{display:block;width:100%;padding:.6rem 1rem;background:none;border:none;color:var(--color-text);text-align:left;cursor:pointer;border-radius:var(--radius-sm);font-size:1rem;transition:background .2s}.lang-option:hover{background:var(--color-bg-soft)}.lang-option.active{background:#7c3aed1a;color:var(--color-primary);font-weight:600}.btn-text{background:none;border:none;color:var(--color-text-light);font-size:.95rem;cursor:pointer;padding:.5rem .75rem;transition:color .3s;font-weight:600;border-radius:var(--radius-sm)}.btn-text:hover{color:var(--color-primary);background:#7c3aed0f}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,#9333EA 100%);border:none;color:#fff;padding:.95rem 1.75rem;border-radius:var(--radius-md);font-size:1.05rem;font-weight:700;cursor:pointer;transition:transform .3s,box-shadow .3s;min-height:56px;width:100%;text-align:center}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #7c3aed59}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--color-bg-card);border:2px solid var(--color-border);color:var(--color-text);padding:.95rem 1.75rem;border-radius:var(--radius-md);font-size:1.05rem;font-weight:700;cursor:pointer;transition:all .3s;min-height:56px;width:100%;text-align:center}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn-large{padding:1.1rem 2rem;font-size:1.15rem;min-height:58px;border-radius:var(--radius-lg)}.btn-full{width:100%}.hero{display:flex;flex-direction:column;gap:2rem;padding:2rem 1.25rem 2.5rem;max-width:1400px;margin:0 auto;text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#7c3aed1a,#f973161a);color:var(--color-primary);padding:.5rem 1rem;border-radius:var(--radius-full);font-size:.9rem;font-weight:700;margin-bottom:1rem;border:1px solid rgba(124,58,237,.2);align-self:center}.hero h1{font-size:2.25rem;line-height:1.15;margin-bottom:1rem;color:var(--color-text);font-weight:800;letter-spacing:-.02em}.hero-subtitle{font-size:1.1rem;color:var(--color-text-light);line-height:1.7;margin-bottom:2rem}.hero-cta{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem;align-items:center}.hero-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;font-size:.9rem;font-weight:500}.hero-trust span{display:flex;align-items:center;gap:.4rem;color:var(--color-success)}.hero-visual{display:flex;justify-content:center;order:-1}.hero-image{width:100%;max-width:480px;height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);object-fit:cover;border:3px solid var(--color-border-light)}.stats-section{background:linear-gradient(135deg,var(--color-primary) 0%,#9333EA 50%,var(--color-secondary) 100%);padding:2.5rem 1.25rem}.stats-container{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;max-width:1200px;margin:0 auto}.stat{text-align:center;min-width:120px}.stat-number{display:block;font-size:2.5rem;font-weight:800;color:#fff}.stat-label{color:#ffffffd9;font-size:.9rem;margin-top:.25rem;font-weight:500}.section-container{max-width:1200px;margin:0 auto;padding:0 1.25rem}section h2{font-size:2rem;text-align:center;margin-bottom:.75rem;font-weight:800;color:var(--color-text);letter-spacing:-.02em}.section-subtitle{text-align:center;color:var(--color-text-light);font-size:1.05rem;margin-bottom:2.5rem;max-width:650px;margin-left:auto;margin-right:auto;line-height:1.7}.usecases-section{padding:4rem 1.25rem;background:var(--color-bg-warm)}.usecases-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:500px;margin:2rem auto 0}.usecase-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:transform .3s,box-shadow .3s;box-shadow:var(--shadow-sm)}.usecase-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.usecase-image{width:100%;aspect-ratio:16 / 9;overflow:hidden}.usecase-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.usecase-card:hover .usecase-image img{transform:scale(1.05)}.usecase-card h3{padding:1.25rem 1.5rem .5rem;font-size:1.2rem;font-weight:700;color:var(--color-text)}.usecase-card p{padding:0 1.5rem 1.5rem;color:var(--color-text-light);font-size:.95rem;line-height:1.6}.problem-section{padding:4rem 0}.problem-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:2.5rem;max-width:500px;margin-left:auto;margin-right:auto}.problem-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem;text-align:center;box-shadow:var(--shadow-sm)}.problem-icon{font-size:3rem;display:block;margin-bottom:1rem}.problem-card h3{margin-bottom:.75rem;font-size:1.15rem;font-weight:700}.problem-card p{color:var(--color-text-light);font-size:1rem}.solution-arrow{text-align:center;font-size:2rem;color:var(--color-primary);margin-bottom:2rem}.solution-box{background:linear-gradient(135deg,#7c3aed0f,#f973160f);border:2px solid rgba(124,58,237,.2);border-radius:var(--radius-lg);padding:2rem;text-align:center;max-width:700px;margin:0 auto}.solution-box h3{color:var(--color-primary);margin-bottom:1rem;font-size:1.2rem}.solution-box p{color:var(--color-text-light)}.features-section{padding:4rem 0;background:var(--color-bg-soft)}.features-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;max-width:500px;margin:0 auto}.feature-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem;transition:transform .3s,box-shadow .3s;box-shadow:var(--shadow-sm)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.feature-icon{width:52px;height:52px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;background:linear-gradient(135deg,#7c3aed1a,#9333ea0d)}.feature-card:nth-child(2) .feature-icon{background:linear-gradient(135deg,#16a34a1a,#16a34a0d)}.feature-card:nth-child(3) .feature-icon{background:linear-gradient(135deg,#f973161a,#f973160d)}.feature-card:nth-child(4) .feature-icon{background:linear-gradient(135deg,#a855f71a,#a855f70d)}.feature-card:nth-child(5) .feature-icon{background:linear-gradient(135deg,#06b6d41a,#06b6d40d)}.feature-card:nth-child(6) .feature-icon{background:linear-gradient(135deg,#ef44441a,#ef44440d)}.feature-card h3{margin-bottom:.75rem;font-size:1.1rem;font-weight:700;color:var(--color-text)}.feature-card p{color:var(--color-text-light);font-size:.95rem;line-height:1.6}.social-section{padding:4rem 0;background:var(--color-bg)}.social-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;max-width:500px;margin:0 auto}.social-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem;transition:transform .3s,box-shadow .3s;box-shadow:var(--shadow-sm)}.social-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.social-icon{width:52px;height:52px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;background:linear-gradient(135deg,#ef44441a,#ef44440d)}.social-card:nth-child(2) .social-icon{background:linear-gradient(135deg,#7c3aed1a,#7c3aed0d)}.social-card:nth-child(3) .social-icon{background:linear-gradient(135deg,#16a34a1a,#16a34a0d)}.social-card:nth-child(4) .social-icon{background:linear-gradient(135deg,#f973161a,#f973160d)}.social-card:nth-child(5) .social-icon{background:linear-gradient(135deg,#a855f71a,#a855f70d)}.social-card:nth-child(6) .social-icon{background:linear-gradient(135deg,#06b6d41a,#06b6d40d)}.social-card h3{margin-bottom:.75rem;font-size:1.1rem;font-weight:700;color:var(--color-text)}.social-card p{color:var(--color-text-light);font-size:.95rem;line-height:1.6}.demo-section{padding:4rem 0}.demo-steps{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem}.demo-step{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:280px}.step-number{width:64px;height:64px;background:linear-gradient(135deg,var(--color-primary) 0%,#9333EA 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;margin-bottom:1rem;color:#fff;box-shadow:0 6px 20px #7c3aed4d}.step-content h3{margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.step-content p{color:var(--color-text-light);font-size:.95rem}.demo-arrow{font-size:1.5rem;color:var(--color-primary-light);transform:rotate(90deg)}.pricing-section{padding:4rem 0;background:var(--color-bg-soft)}.pricing-toggle{display:flex;justify-content:center;gap:.25rem;margin-bottom:2rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.3rem;width:fit-content;margin-left:auto;margin-right:auto;box-shadow:var(--shadow-sm)}.pricing-toggle-btn{padding:.65rem 1.25rem;border:none;border-radius:12px;cursor:pointer;font-size:.95rem;font-weight:600;background:transparent;color:var(--color-text-muted);transition:all .2s ease;display:flex;align-items:center;gap:.5rem;min-height:48px}.pricing-toggle-btn.active{background:var(--color-primary);color:#fff;box-shadow:0 3px 12px #7c3aed4d}.pricing-save-badge{font-size:.7rem;background:#ffffffe6;color:var(--color-primary-dark);padding:.15rem .5rem;border-radius:var(--radius-full);white-space:nowrap;font-weight:700}.pricing-toggle-btn:not(.active) .pricing-save-badge{background:#16a34a1f;color:var(--color-success)}.pricing-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem;max-width:420px;margin-left:auto;margin-right:auto}.pricing-card{background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem;position:relative;transition:transform .3s,box-shadow .3s;box-shadow:var(--shadow-sm)}.pricing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.pricing-card.popular{border-color:var(--color-primary);background:linear-gradient(180deg,rgba(124,58,237,.04) 0%,var(--color-bg-card) 100%);box-shadow:0 8px 30px #7c3aed26}.popular-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--color-primary) 0%,#9333EA 100%);padding:.5rem 1.5rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:700;text-transform:uppercase;color:#fff;box-shadow:0 4px 12px #7c3aed4d}.pricing-header{text-align:center;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.pricing-header h3{font-size:1.4rem;margin-bottom:.75rem;font-weight:700;color:var(--color-text)}.pricing-price{display:flex;align-items:baseline;justify-content:center;gap:.25rem}.price-amount{font-size:3rem;font-weight:800;color:var(--color-primary)}.price-period{color:var(--color-text-muted);font-size:.95rem}.pricing-description{color:var(--color-text-muted);font-size:.9rem;margin-top:.5rem}.pricing-features{list-style:none;margin-bottom:1.5rem;padding:0}.pricing-features li{display:flex;align-items:center;gap:.75rem;padding:.7rem 0;border-bottom:1px solid var(--color-border-light);font-size:.95rem;color:var(--color-text)}.pricing-features li.disabled{color:var(--color-text-muted)}.check{color:var(--color-success);font-weight:700}.cross{color:var(--color-text-muted)}.btn-pricing{width:100%;background:var(--color-bg-soft);border:2px solid var(--color-border);color:var(--color-text);padding:.9rem;border-radius:var(--radius-md);font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s;min-height:52px}.btn-pricing:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn-popular{background:linear-gradient(135deg,var(--color-primary) 0%,#9333EA 100%);border:none;color:#fff}.btn-popular:hover{box-shadow:0 10px 30px #7c3aed59;color:#fff}.packs-section{text-align:center;margin:2rem 0 3rem}.packs-section h3{font-size:1.4rem;margin-bottom:.5rem;font-weight:700;color:var(--color-text)}.packs-subtitle{color:var(--color-text-light);font-size:.95rem;margin-bottom:1.5rem}.packs-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;max-width:420px;margin:0 auto}.pack-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;transition:transform .3s,box-shadow .3s;box-shadow:var(--shadow-sm)}.pack-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.pack-name{font-weight:700;font-size:1.1rem;margin-bottom:.5rem;color:var(--color-text)}.pack-price{font-size:2rem;font-weight:800;color:var(--color-primary);margin-bottom:.25rem}.pack-count{color:var(--color-text-muted);font-size:.95rem;margin-bottom:.25rem}.pack-unit{color:var(--color-success);font-size:.85rem;font-weight:600;margin-bottom:1rem}.pack-card .btn-pricing{padding:.75rem;font-size:.9rem}.comparison-section{margin-top:3rem}.comparison-section h3{text-align:center;margin-bottom:1.5rem;font-size:1.4rem;font-weight:700;color:var(--color-text)}.comparison-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.comparison-table{width:100%;min-width:600px;border-collapse:collapse;background:var(--color-bg-card);overflow:hidden;font-size:1rem}.comparison-table th,.comparison-table td{padding:.85rem 1rem;text-align:left;border-bottom:1px solid var(--color-border-light);color:var(--color-text);white-space:nowrap}.comparison-table th{background:var(--color-bg-soft);font-weight:700}.comparison-table th.highlight,.comparison-table td.highlight{background:#7c3aed0f}.table-check{color:var(--color-success);font-weight:700;font-size:1.1rem}.table-cross{color:#cbd5e1;font-size:1.1rem}.coming-soon{color:var(--color-secondary);font-size:.85em;font-style:italic;font-weight:600}.faq-section{padding:4rem 0;background:var(--color-bg)}.faq-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}.faq-item{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.5rem;box-shadow:var(--shadow-sm)}.faq-item h4{margin-bottom:.75rem;color:var(--color-text);font-size:1.05rem;font-weight:700}.faq-item p{color:var(--color-text-light);font-size:.95rem;line-height:1.7}.cta-section{padding:4rem 1.25rem;text-align:center;background:linear-gradient(135deg,var(--color-bg-warm) 0%,rgba(124,58,237,.06) 100%)}.cta-section h2{margin-bottom:.75rem}.cta-section p{color:var(--color-text-light);margin-bottom:2rem;font-size:1.1rem}.landing-footer{background:var(--color-text);padding:3rem 1.25rem 1.5rem;color:#fffc}.footer-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:2rem;margin-bottom:2.5rem}.footer-brand{max-width:300px}.footer-brand .logo-icon,.footer-brand .logo-text{display:inline}.footer-brand p{color:#ffffffbf;margin-top:.75rem;font-size:.9rem}.footer-links{display:flex;gap:2.5rem}.footer-column h3{margin-bottom:.75rem;font-size:.85rem;text-transform:uppercase;color:#fffc;letter-spacing:.05em;font-weight:700}.footer-column a{display:block;color:#ffffffbf;text-decoration:none;font-size:.9rem;margin-bottom:.6rem;transition:color .3s}.footer-column a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem;text-align:center}.footer-bottom p{color:#ffffffb3;font-size:.85rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.auth-modal{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem;width:100%;max-width:440px;position:relative;box-shadow:var(--shadow-lg)}.modal-close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;color:var(--color-text-muted);font-size:1.75rem;cursor:pointer;padding:.5rem;border-radius:var(--radius-sm)}.modal-close:hover{color:var(--color-text);background:var(--color-bg-soft)}.auth-header{text-align:center;margin-bottom:1.5rem}.auth-header h2{font-size:1.5rem;margin-bottom:.5rem;color:var(--color-text)}.auth-header p{color:var(--color-text-light);font-size:.95rem}.oauth-buttons{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.25rem}.oauth-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;background:var(--color-bg-soft);border:1px solid var(--color-border);color:var(--color-text);padding:.9rem;border-radius:var(--radius-md);font-size:.95rem;cursor:pointer;font-weight:600;min-height:52px;transition:all .3s}.oauth-btn:hover{border-color:var(--color-primary);background:#7c3aed0a}.oauth-btn svg{flex-shrink:0}.auth-divider{display:flex;align-items:center;margin:1.25rem 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.auth-divider span{padding:0 1rem;color:var(--color-text-muted);font-size:.85rem}.auth-form{margin-bottom:1.25rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.4rem;font-size:1rem;color:var(--color-text);font-weight:600}.form-group input{width:100%;padding:.9rem 1rem;background:var(--color-bg-soft);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:1rem;min-height:52px;transition:border-color .3s}.form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #7c3aed26}.form-group input::placeholder{color:var(--color-text-muted)}.auth-switch{text-align:center}.auth-switch p{color:var(--color-text-light);font-size:.9rem}.auth-switch button{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:.9rem;font-weight:700;text-decoration:underline}.auth-switch button:hover{color:var(--color-primary-dark)}@media (min-width: 768px){.landing{font-size:18px}.landing-nav{padding:1rem 5%}.hero{padding:3rem 5%;gap:3rem}.hero h1{font-size:2.75rem}.btn-primary,.btn-secondary{width:auto}.hero-cta{flex-direction:row;justify-content:center}.stats-container{gap:4rem}.stat-number{font-size:3rem}.features-grid,.social-grid,.usecases-grid{grid-template-columns:repeat(2,1fr);max-width:700px}.pricing-grid{grid-template-columns:repeat(2,1fr);max-width:700px;margin-left:auto;margin-right:auto}.packs-grid{grid-template-columns:repeat(3,1fr);max-width:700px}.faq-grid{grid-template-columns:repeat(2,1fr)}.demo-steps{flex-direction:row;gap:2rem}.demo-arrow{transform:none}.footer-container{flex-direction:row;justify-content:space-between}.footer-links{gap:4rem}.section-container{padding:0 5%}.usecases-section,.cta-section{padding-left:5%;padding-right:5%}}@media (min-width: 1024px){.landing-nav{padding:1rem 5%}.nav-links{display:flex;gap:2.5rem}.nav-links a{color:var(--color-text-light);text-decoration:none;font-weight:600;font-size:1.05rem;transition:color .3s;padding:.25rem 0;border-bottom:2px solid transparent}.nav-links a:hover{color:var(--color-primary);border-bottom-color:var(--color-primary)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding:5rem 5% 4rem;text-align:left}.hero-badge{align-self:flex-start}.hero h1{font-size:3.75rem}.hero-subtitle{font-size:1.3rem}.hero-cta,.hero-trust{justify-content:flex-start}.hero-visual{order:0}.hero-image{max-width:580px}.stats-section{padding:3.5rem 5%}.stats-container{gap:6rem}.stat-number{font-size:3.25rem}section h2{font-size:2.75rem}.section-subtitle{font-size:1.15rem;margin-bottom:3.5rem}.features-section,.social-section,.faq-section,.pricing-section,.problem-section{padding:6rem 0}.usecases-section,.cta-section{padding:6rem 5%}.features-grid,.social-grid{grid-template-columns:repeat(3,1fr);max-width:none}.usecases-grid{grid-template-columns:repeat(3,1fr);max-width:1200px;gap:2.5rem}.problem-grid{grid-template-columns:repeat(3,1fr);max-width:none}.pricing-grid{grid-template-columns:repeat(4,1fr);max-width:none}.comparison-table{font-size:1rem}.comparison-table th,.comparison-table td{padding:1.1rem 1.5rem}}@media (min-width: 1280px){.hero h1{font-size:4rem}.hero{gap:5rem}}*:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion: reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.dark-toggle{background:none;border:2px solid var(--color-border);border-radius:var(--radius-full);width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.25rem;transition:all .3s;color:var(--color-text-muted);flex-shrink:0}.dark-toggle:hover{border-color:var(--color-primary);color:var(--color-primary);background:#7c3aed0f}.dark-toggle .icon-sun{display:none}.dark-toggle .icon-moon{display:inline}.oauth-btn{background:#ffffff0d;border-color:#ffffff1a;color:#e2e8f0}.oauth-btn:hover{border-color:#a78bfa;background:#a78bfa1a}.form-group input{background:#ffffff0d;border-color:#ffffff1f;color:#e2e8f0}.form-group input:focus{border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa33}.form-group input::placeholder{color:#475569}} :root.dark .landing{--color-bg: #0F172A;--color-bg-warm: #1E1B2E;--color-bg-soft: #1E293B;--color-bg-card: #1E293B;--color-text: #E2E8F0;--color-text-light: #CBD5E1;--color-text-muted: #94A3B8;--color-border: rgba(255, 255, 255, .1);--color-border-light: rgba(255, 255, 255, .05);--color-primary: #A78BFA;--color-primary-light: #C4B5FD;--color-primary-dark: #A78BFA;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.4);--shadow-lg: 0 12px 40px rgba(0,0,0,.5)}:root.dark .landing-header{background:#0f172af2;border-bottom-color:#ffffff0d}:root.dark .nav-links a{color:#94a3b8}:root.dark .nav-links a:hover{color:#a78bfa;border-bottom-color:#a78bfa}:root.dark .btn-text{color:#94a3b8}:root.dark .btn-text:hover{color:#a78bfa;background:#a78bfa1a}:root.dark .btn-primary{background:linear-gradient(135deg,#7c3aed,#9333ea)}:root.dark .btn-secondary{background:#1e293b;border-color:#ffffff26;color:#e2e8f0}:root.dark .btn-secondary:hover{border-color:#a78bfa;color:#a78bfa}:root.dark .hero h1{color:#f1f5f9}:root.dark .hero-subtitle{color:#cbd5e1}:root.dark .hero-badge{background:#a78bfa26;color:#a78bfa;border-color:#a78bfa4d}:root.dark .hero-image{border-color:#ffffff14}:root.dark .hero-trust span{color:#4ade80}:root.dark .stats-section{background:linear-gradient(135deg,#5b21b6,#7c3aed 50%,#c2410c)}:root.dark .lang-menu{background:#1e293b;border-color:#ffffff1a}:root.dark .lang-option{color:#e2e8f0}:root.dark .lang-option:hover{background:#ffffff14}:root.dark .lang-option.active{background:#a78bfa33;color:#a78bfa}:root.dark .feature-card,:root.dark .social-card,:root.dark .usecase-card,:root.dark .faq-item,:root.dark .pricing-card,:root.dark .pack-card{background:#1e293b;border-color:#ffffff14}:root.dark .pricing-card.popular{border-color:#a78bfa;background:linear-gradient(180deg,#a78bfa14,#1e293b)}:root.dark .popular-badge{background:linear-gradient(135deg,#7c3aed,#9333ea)}:root.dark .btn-pricing{background:#ffffff0d;border-color:#ffffff1f;color:#e2e8f0}:root.dark .btn-pricing:hover{border-color:#a78bfa;color:#a78bfa}:root.dark .btn-popular{background:linear-gradient(135deg,#7c3aed,#9333ea);color:#fff;border:none}:root.dark .pricing-toggle{background:#1e293b;border-color:#ffffff1a}:root.dark .pricing-toggle-btn{color:#94a3b8}:root.dark .pricing-toggle-btn.active{background:#7c3aed;color:#fff}:root.dark .pricing-save-badge{background:#4ade8026;color:#4ade80}:root.dark .price-amount{color:#c4b5fd}:root.dark .price-period{color:#94a3b8}:root.dark .pricing-description{color:#cbd5e1}:root.dark .pack-price{color:#c4b5fd}:root.dark .pack-count{color:#94a3b8}:root.dark .comparison-table{background:#1e293b}:root.dark .comparison-table th{background:#ffffff0d;color:#e2e8f0}:root.dark .comparison-table td{color:#94a3b8;border-bottom-color:#ffffff0d}:root.dark .comparison-table th.highlight,:root.dark .comparison-table td.highlight{background:#a78bfa14}:root.dark .table-cross{color:#94a3b8}:root.dark .cta-section{background:linear-gradient(135deg,#1e1b2e,#7c3aed1a)}:root.dark .landing-footer{background:#020617}:root.dark .footer-brand .logo-text{color:#e2e8f0}:root.dark .dark-toggle .icon-sun{display:inline}:root.dark .dark-toggle .icon-moon{display:none}:root.dark .modal-overlay{background:#000000b3}:root.dark .auth-modal{background:#1e293b;border-color:#ffffff1a}:root.dark .oauth-btn{background:#ffffff0d;border-color:#ffffff1a;color:#e2e8f0}:root.dark .oauth-btn:hover{border-color:#a78bfa;background:#a78bfa1a}:root.dark .form-group input{background:#ffffff0d;border-color:#ffffff1f;color:#e2e8f0}:root.dark .form-group input:focus{border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa33}:root.dark .form-group input::placeholder{color:#94a3b8}@media (prefers-color-scheme: dark){:root:not(.light) .landing{--color-bg: #0F172A;--color-bg-warm: #1E1B2E;--color-bg-soft: #1E293B;--color-bg-card: #1E293B;--color-text: #E2E8F0;--color-text-light: #CBD5E1;--color-text-muted: #94A3B8;--color-border: rgba(255, 255, 255, .1);--color-border-light: rgba(255, 255, 255, .05);--color-primary: #A78BFA;--color-primary-light: #C4B5FD;--color-primary-dark: #A78BFA;--color-secondary: #FB923C;--color-success: #4ADE80}:root:not(.light) .landing-header{background:#0f172af2}:root:not(.light) .hero-subtitle{color:#cbd5e1}:root:not(.light) .hero-trust span{color:#4ade80}:root:not(.light) .feature-card,:root:not(.light) .social-card,:root:not(.light) .usecase-card,:root:not(.light) .faq-item,:root:not(.light) .pricing-card,:root:not(.light) .pack-card{background:#1e293b;border-color:#ffffff14}:root:not(.light) .pricing-toggle{background:#1e293b}:root:not(.light) .pricing-toggle-btn{color:#94a3b8}:root:not(.light) .pricing-save-badge{background:#4ade8026;color:#4ade80}:root:not(.light) .price-amount{color:#c4b5fd}:root:not(.light) .pricing-description{color:#cbd5e1}:root:not(.light) .pack-price{color:#c4b5fd}:root:not(.light) .pack-count{color:#94a3b8}:root:not(.light) .coming-soon{color:#fb923c}:root:not(.light) .comparison-table{background:#1e293b}:root:not(.light) .comparison-table th{background:#ffffff0d;color:#e2e8f0}:root:not(.light) .comparison-table td{color:#94a3b8}:root:not(.light) .table-cross{color:#94a3b8}:root:not(.light) .landing-footer{background:#020617}:root:not(.light) .footer-brand .logo-text{color:#e2e8f0}:root:not(.light) .footer-brand p{color:#ffffffbf}:root:not(.light) .footer-column h3{color:#fffc}:root:not(.light) .footer-column a{color:#ffffffbf}:root:not(.light) .footer-bottom p{color:#ffffffb3}:root:not(.light) .cta-section{background:linear-gradient(135deg,#1e1b2e,#7c3aed1a)}}.legal-page{min-height:100vh;background:var(--color-bg, #FEFEFE);color:var(--color-text, #1E293B);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}.legal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;max-width:1200px;margin:0 auto;border-bottom:1px solid var(--color-border, #E2E8F0)}.legal-header-brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--color-text, #1E293B);font-size:1.35rem;font-weight:800}.legal-header-brand span:first-child{font-size:1.75rem}.legal-back{color:var(--color-text-light, #475569);text-decoration:none;font-size:.95rem;font-weight:600;transition:color .3s;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:8px;min-height:44px}.legal-back:hover{color:var(--color-primary, #7C3AED);background:#7c3aed0f}.legal-content{max-width:800px;margin:0 auto;padding:2rem 1.25rem 3rem}.legal-content h1{font-size:1.75rem;font-weight:800;margin-bottom:.5rem;color:var(--color-primary, #7C3AED);letter-spacing:-.02em}.legal-last-updated{color:var(--color-text-muted, #64748B);font-size:.9rem;margin-bottom:2rem}.legal-nav{display:flex;gap:.5rem;margin-bottom:2.5rem;flex-wrap:wrap}.legal-nav a{padding:.6rem 1.25rem;border-radius:12px;background:var(--color-bg-soft, #F8FAFC);color:var(--color-text-light, #475569);text-decoration:none;font-size:.95rem;font-weight:600;transition:all .3s;border:1px solid var(--color-border, #E2E8F0);min-height:44px;display:flex;align-items:center}.legal-nav a:hover{border-color:var(--color-primary, #7C3AED);color:var(--color-primary, #7C3AED);background:#7c3aed0a}.legal-nav a.active{background:linear-gradient(135deg,var(--color-primary, #7C3AED),#9333EA);color:#fff;border-color:transparent;box-shadow:0 3px 12px #7c3aed4d}.legal-content h2{font-size:1.3rem;font-weight:700;color:var(--color-text, #1E293B);margin-top:2.5rem;margin-bottom:.75rem;letter-spacing:-.01em}.legal-content p{line-height:1.75;color:var(--color-text-light, #475569);margin-bottom:1rem;font-size:1rem}.legal-content ul{list-style:disc;padding-left:1.5rem;margin-bottom:1.25rem}.legal-content ul li{line-height:1.75;color:var(--color-text-light, #475569);margin-bottom:.5rem;font-size:1rem}.legal-content a{color:var(--color-primary, #7C3AED);text-decoration:none;font-weight:600}.legal-content a:hover{text-decoration:underline}.legal-footer{background:var(--color-bg-soft, #F8FAFC);border-top:1px solid var(--color-border, #E2E8F0);padding:2rem 1.25rem;text-align:center}.legal-footer p{color:var(--color-text-muted, #64748B);font-size:.9rem}@media (min-width: 768px){.legal-header{padding:1.25rem 5%}.legal-content{padding:3rem 5% 4rem}.legal-content h1{font-size:2.25rem}.legal-content h2{font-size:1.4rem}.legal-footer{padding:2rem 5%}}@media (min-width: 1024px){.legal-content h1{font-size:2.5rem}}.legal-page *:focus-visible{outline:3px solid var(--color-primary, #7C3AED);outline-offset:2px;border-radius:4px}@media (prefers-color-scheme: dark){.legal-page{background:#0f172a;color:#e2e8f0}.legal-header{border-bottom-color:#ffffff14}.legal-header-brand{color:#f1f5f9}.legal-back{color:#94a3b8}.legal-back:hover{color:#a78bfa;background:#a78bfa1a}.legal-content h1{color:#a78bfa}.legal-last-updated{color:#64748b}.legal-nav a{background:#ffffff0d;color:#94a3b8;border-color:#ffffff1a}.legal-nav a:hover{background:#a78bfa1a;color:#a78bfa;border-color:#a78bfa4d}.legal-content h2{color:#f1f5f9}.legal-content p,.legal-content ul li{color:#94a3b8}.legal-content a{color:#a78bfa}.legal-footer{background:#0000004d;border-top-color:#ffffff0d}.legal-footer p{color:#475569}}:root.dark .legal-page{background:#0f172a;color:#e2e8f0}:root.dark .legal-header{border-bottom-color:#ffffff14}:root.dark .legal-header-brand{color:#f1f5f9}:root.dark .legal-back{color:#94a3b8}:root.dark .legal-back:hover{color:#a78bfa;background:#a78bfa1a}:root.dark .legal-content h1{color:#a78bfa}:root.dark .legal-last-updated{color:#64748b}:root.dark .legal-nav a{background:#ffffff0d;color:#94a3b8;border-color:#ffffff1a}:root.dark .legal-nav a:hover{background:#a78bfa1a;color:#a78bfa;border-color:#a78bfa4d}:root.dark .legal-content h2{color:#f1f5f9}:root.dark .legal-content p,:root.dark .legal-content ul li{color:#94a3b8}:root.dark .legal-content a{color:#a78bfa}:root.dark .legal-footer{background:#0000004d;border-top-color:#ffffff0d}:root.dark .legal-footer p{color:#475569}@media (prefers-reduced-motion: reduce){.legal-page *{transition-duration:.01ms!important}}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:#fffffff2;padding:1.5rem 2rem;box-shadow:0 2px 10px #0000001a}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.header-brand{text-align:left}.header h1{font-size:1.75rem;margin-bottom:.25rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header p{color:#666;font-size:.9rem}.btn-logout{background:transparent;border:1px solid #667eea;color:#667eea;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .3s}.btn-logout:hover{background:#667eea;color:#fff}.tabs{display:flex;justify-content:center;gap:1rem;padding:1rem;background:#ffffffe6}.tab{padding:.75rem 2rem;border:none;background:transparent;font-size:1rem;font-weight:500;cursor:pointer;border-radius:8px;transition:all .3s;color:#666}.tab:hover{background:#667eea1a;color:#667eea}.tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea66}.main{flex:1;padding:2rem;max-width:1200px;width:100%;margin:0 auto}.footer{background:#fffffff2;padding:1.5rem;text-align:center;color:#666;font-size:.9rem;box-shadow:0 -2px 10px #0000001a}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#333}#root{min-height:100vh;display:flex;flex-direction:column}