*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;line-height:1.6;color:#1a1a1a;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%)}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{padding:20px 0;position:absolute;width:100%;z-index:100}nav{display:flex;justify-content:space-between;align-items:center}.logo{font-size:28px;font-weight:700;color:white;display:flex;align-items:center;gap:10px}.logo svg{width:32px;height:32px}.nav-links{display:flex;gap:30px;list-style:none}.nav-links a{color:white;text-decoration:none;font-weight:500;transition:opacity 0.3s}.nav-links a:hover{opacity:0.8}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;color:white;padding:100px 20px 60px;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%, rgba(255,255,255,0.1) 0%, transparent 50%),radial-gradient(circle at 80% 80%, rgba(255,255,255,0.1) 0%, transparent 50%);animation:pulse 8s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:0.5}50%{opacity:1}}.hero-content{max-width:800px;position:relative;z-index:1}.hero h1{font-size:56px;font-weight:800;margin-bottom:20px;line-height:1.2;animation:fadeInUp 0.8s ease-out}.hero p{font-size:22px;margin-bottom:40px;opacity:0.95;animation:fadeInUp 0.8s ease-out 0.2s backwards}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.cta-button{display:inline-block;background:white;color:#667eea;padding:18px 40px;border-radius:50px;text-decoration:none;font-weight:700;font-size:18px;transition:transform 0.3s, box-shadow 0.3s;box-shadow:0 10px 30px rgba(0,0,0,0.2);animation:fadeInUp 0.8s ease-out 0.4s backwards}.cta-button:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(0,0,0,0.3)}.features{background:white;padding:100px 20px}.section-title{text-align:center;font-size:42px;font-weight:700;margin-bottom:60px;color:#1a1a1a}.features-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:40px;margin-top:60px}.feature-card{padding:40px;border-radius:20px;background:linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);transition:transform 0.3s, box-shadow 0.3s;cursor:default}.feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,0.1)}.feature-icon{width:60px;height:60px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);border-radius:15px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.feature-icon svg{width:30px;height:30px;color:white}.feature-card h3{font-size:24px;margin-bottom:15px;color:#1a1a1a}.feature-card p{color:#4a5568;line-height:1.7}.demo-section{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);padding:100px 20px;color:white}.dropzone-demo{max-width:600px;margin:40px auto 0;background:rgba(255,255,255,0.15);backdrop-filter:blur(10px);border:3px dashed rgba(255,255,255,0.5);border-radius:20px;padding:60px 40px;text-align:center;transition:all 0.3s;cursor:pointer}.dropzone-demo:hover{background:rgba(255,255,255,0.25);border-color:rgba(255,255,255,0.8);transform:scale(1.02)}.dropzone-demo svg{width:80px;height:80px;margin-bottom:20px;opacity:0.9}.trust-section{background:#f7fafc;padding:100px 20px}.trust-badges{display:flex;justify-content:center;gap:60px;flex-wrap:wrap;margin-top:60px}.trust-badge{text-align:center}.trust-badge-icon{width:80px;height:80px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.trust-badge-icon svg{width:40px;height:40px;color:white}.trust-badge h3{font-size:20px;margin-bottom:10px;color:#1a1a1a}.trust-badge p{color:#4a5568;max-width:200px}footer{background:#1a1a1a;color:white;padding:40px 20px;text-align:center}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.footer-links{display:flex;gap:30px;list-style:none}.footer-links a{color:rgba(255,255,255,0.7);text-decoration:none;transition:color 0.3s}.footer-links a:hover{color:white}@media (max-width: 768px){.hero h1{font-size:36px}.hero p{font-size:18px}.section-title{font-size:32px}.nav-links{display:none}.footer-content{flex-direction:column;text-align:center}}