*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;color:#0f172a;background:#fff}#root{min-height:100vh}.nav{background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:100}.nav-inner{max-width:1200px;margin:0 auto;padding:16px 20px;display:flex;justify-content:space-between;align-items:center}.btn{background:#0ea5e9;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-size:14px}.btn:hover{background:#0284c7;transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.ghost{background:transparent;color:#64748b;border:1px solid #e2e8f0;padding:8px 16px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;font-size:14px}.ghost:hover{background:#f8fafc;color:#0f172a}.card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;transition:all .2s}.card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.input{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;transition:border-color .2s}.input:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.container{max-width:1200px;margin:0 auto;padding:0 20px}.hero{padding:80px 0;background:linear-gradient(135deg,#f8fafc,#f1f5f9);position:relative;overflow:hidden}.hero-grid{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero h1{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:24px;color:#0ea5e9}.lead{font-size:1.25rem;color:#64748b;margin-bottom:32px;line-height:1.6}.subscribe{display:flex;gap:12px;margin-bottom:16px}.subscribe .input{flex:1}.small{display:flex;align-items:center;gap:8px;color:#64748b;font-size:14px}.section-title{text-align:center;margin-bottom:60px}.eyebrow{color:#0ea5e9;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.section-title h2{font-size:2.5rem;font-weight:700;margin-bottom:16px}.subtitle{font-size:1.125rem;color:#64748b;max-width:600px;margin:0 auto}.mini-chart{width:100%;height:auto}.mini-empty{height:140px;background:#f1f5f9;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:14px}.upload-section{padding:80px 0;background:#fff}.upload-area{max-width:500px;margin:0 auto;text-align:center;padding:40px;border:2px dashed #d1d5db;border-radius:12px;transition:all .2s}.upload-area:hover{border-color:#0ea5e9;background:#f8fafc}.features{padding:80px 0;background:#f8fafc}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-top:60px}.features-grid .card h3{margin:16px 0 12px;font-size:1.25rem;font-weight:600}.features-grid .card p{color:#64748b;line-height:1.6}.cta{padding:80px 0;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff}.cta-content{text-align:center;max-width:600px;margin:0 auto}.cta h2{font-size:2.5rem;font-weight:700;margin-bottom:16px}.cta p{font-size:1.125rem;margin-bottom:32px;opacity:.9}.cta .subscribe{max-width:400px;margin:0 auto}.footer{padding:60px 0;background:#f8fafc;border-top:1px solid #e2e8f0}.footer-content{display:flex;justify-content:space-between;align-items:start;margin-bottom:40px}.footer-links{display:flex;gap:24px}.footer-links a{color:#64748b;text-decoration:none;font-size:14px;transition:color .2s}.footer-links a:hover{color:#0ea5e9}.toasts{position:fixed;top:20px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:8px}.toast{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px 16px;box-shadow:0 4px 12px #00000026;font-size:14px;font-weight:500;animation:slideIn .3s ease}.toast.success{border-color:#10b981;background:#f0fdf4;color:#065f46}.toast.error{border-color:#ef4444;background:#fef2f2;color:#991b1b}.toast.info{border-color:#0ea5e9;background:#f0f9ff;color:#0c4a6e}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.mesh-bg{position:absolute;top:-20%;right:-10%;bottom:0;left:-10%;background:radial-gradient(40% 50% at 20% 20%,rgba(14,165,233,.22),transparent 60%),radial-gradient(35% 45% at 80% 10%,rgba(99,102,241,.18),transparent 60%),radial-gradient(45% 55% at 50% 80%,rgba(16,185,129,.18),transparent 60%);filter:blur(30px) saturate(120%);animation:meshFloat 14s ease-in-out infinite alternate;pointer-events:none;z-index:0}@keyframes meshFloat{0%{transform:translateY(0) scale(1);opacity:.9}to{transform:translateY(-4%) scale(1.03);opacity:1}}@media(prefers-reduced-motion:reduce){.mesh-bg{animation:none}}@media(max-width:768px){.hero-grid{grid-template-columns:1fr;gap:40px;text-align:center}.hero h1{font-size:2.5rem}.subscribe{flex-direction:column}.footer-content{flex-direction:column;gap:24px}.features-grid{grid-template-columns:1fr}}