*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#0a0a0f,#151520,#1a1a2e);min-height:100vh;color:#e0e0e0;line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 2rem}@media (max-width: 768px){.container{padding:0 1rem}}.navbar{position:fixed;top:0;left:0;right:0;background:#0a0a0ff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);z-index:1000;padding:.75rem 0}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.5rem}.logo-icon{font-size:1.5rem}.logo-text{font-weight:700;font-size:1.1rem;background:linear-gradient(90deg,#ff6b35,#f7931e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-badge{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;padding:.35rem .75rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 640px){.nav-container{padding:0 1rem}.logo-text{font-size:.95rem}}.hero{padding:8rem 0 5rem;text-align:center;background:radial-gradient(ellipse at 20% 50%,rgba(255,107,53,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 50%,rgba(247,147,30,.1) 0%,transparent 50%)}.badge-group{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.badge{padding:.5rem 1rem;border-radius:50px;font-size:.875rem;font-weight:600}.badge-primary{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff}.badge-secondary{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.badge-accent{background:#8b5cf633;color:#a78bfa;border:1px solid rgba(139,92,246,.3)}.hero-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;color:#fff}.hero-title .highlight{background:linear-gradient(90deg,#ff6b35,#f7931e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:#a1a1aa;max-width:600px;margin:0 auto 2rem;line-height:1.7}.hero-stats{display:flex;justify-content:center;gap:3rem;margin-bottom:2.5rem;flex-wrap:wrap}.stat{text-align:center}.stat-number{display:block;font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#ff6b35,#f7931e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.stat-label{font-size:.875rem;color:#71717a;margin-top:.25rem}.btn-hero{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;padding:1rem 2.5rem;border-radius:50px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s ease;box-shadow:0 10px 40px #ff6b354d}.btn-hero:hover{transform:translateY(-3px);box-shadow:0 15px 50px #ff6b3566}.hero-note{margin-top:1.5rem;color:#71717a;font-size:.9rem}.hero-limitations{margin-top:1rem;color:#a1a1aa;font-size:.85rem}.hero-limitations a{color:#fbbf24;text-decoration:underline;transition:color .2s}.hero-limitations a:hover{color:#f59e0b}@media (max-width: 768px){.hero{padding:6rem 1rem 3rem}.hero-stats{gap:2rem}.stat-number{font-size:2rem}}.section{padding:5rem 0}.section-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;text-align:center;margin-bottom:.75rem;color:#fff}.section-subtitle{text-align:center;color:#71717a;font-size:1.1rem;margin-bottom:3rem}.section-how{background:linear-gradient(180deg,transparent 0%,rgba(255,107,53,.03) 50%,transparent 100%)}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.step{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2.5rem 2rem;text-align:center;position:relative;transition:all .3s ease}.step:hover{background:#ffffff0d;border-color:#ff6b354d;transform:translateY(-5px)}.step-number{position:absolute;top:-15px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem}.step-icon{font-size:3rem;margin-bottom:1rem}.step-title{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:#fff}.step-desc{color:#a1a1aa;line-height:1.6}.how-limitations{max-width:700px;margin:3rem auto 0;padding:1.25rem 1.5rem;background:#fbbf240d;border:1px solid rgba(251,191,36,.2);border-radius:12px;text-align:center;color:#a1a1aa;font-size:.95rem;line-height:1.6}.how-limitations strong{color:#fbbf24}.how-limitations a{color:#fbbf24;text-decoration:underline;transition:color .2s}.how-limitations a:hover{color:#f59e0b}.section-features{background:linear-gradient(180deg,#0f0f15,#1a1a25)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto}.feature{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:2rem;transition:all .3s ease}.feature:hover{background:#ffffff0a;border-color:#ff6b3533}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature-title{font-size:1.15rem;font-weight:600;margin-bottom:.75rem;color:#fff}.feature-desc{color:#a1a1aa;font-size:.95rem;line-height:1.6}.section-app{background:radial-gradient(ellipse at 50% 0%,rgba(255,107,53,.08) 0%,transparent 50%);padding:4rem 0}.app-header{text-align:center;margin-bottom:2.5rem}.app-container{max-width:900px;margin:0 auto}.upload-zone{border:2px dashed rgba(255,107,53,.4);border-radius:24px;padding:4rem 2rem;text-align:center;transition:all .3s ease;cursor:pointer;background:#ff6b350d}.upload-zone:hover,.upload-zone.drag-over{border-color:#ff6b35;background:#ff6b351a;transform:scale(1.01)}.upload-icon-large{font-size:4rem;margin-bottom:1rem}.upload-text-large{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:.5rem}.upload-or{color:#71717a;margin:.5rem 0}.btn-upload{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;padding:.875rem 2rem;border-radius:50px;font-weight:600;border:none;cursor:pointer;transition:all .2s}.btn-upload:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ff6b354d}.upload-hint{margin-top:1rem;color:#71717a;font-size:.9rem}.hidden-input{display:none}.preview-section{display:none;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;margin-top:2rem}.preview-section.active{display:block}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.image-name{font-size:.9rem;color:#a1a1aa}.preview-actions{display:flex;gap:.5rem}.btn-icon{background:#ffffff1a;border:none;color:#fff;width:40px;height:40px;border-radius:10px;cursor:pointer;font-size:1.2rem;transition:all .2s}.btn-icon:hover{background:#ffffff26}.preview-container{position:relative;background:#0a0a0f;border-radius:12px;overflow:hidden;margin-bottom:1.5rem}.preview-image{width:100%;height:auto;display:block}.canvas-preview{display:none}.canvas-preview.active{display:block;width:100%;height:auto}.toggle-container{display:flex;gap:.75rem;justify-content:center;margin-bottom:1.5rem}.toggle-btn{padding:.75rem 1.5rem;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#a1a1aa;border-radius:10px;cursor:pointer;transition:all .2s;font-size:.9rem;font-weight:500}.toggle-btn:hover:not(:disabled){border-color:#ff6b35;color:#fff}.toggle-btn:disabled{opacity:.4;cursor:not-allowed}.toggle-btn.active{background:linear-gradient(135deg,#ff6b35,#f7931e);border-color:transparent;color:#fff}.actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{padding:.875rem 2rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.btn-large{padding:1rem 2.5rem;font-size:1.1rem}.btn-primary{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #ff6b3559}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-success{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #22c55e59}.btn-success:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#ffffff1a;color:#fff}.btn-secondary:hover{background:#ffffff26}@media (max-width: 640px){.actions{flex-direction:column}.btn{width:100%;justify-content:center}.upload-zone{padding:2.5rem 1.5rem}.upload-text-large{font-size:1.25rem}.preview-section{padding:1.5rem}}.section-limitations{background:linear-gradient(180deg,#1a1a25,#0f0f15)}.limitations-card{background:#fbbf240d;border:1px solid rgba(251,191,36,.2);border-radius:20px;padding:2.5rem;max-width:900px;margin:0 auto}.limitations-title{font-size:1.5rem;font-weight:700;color:#fbbf24;margin-bottom:1.5rem;text-align:center}.limitations-intro{text-align:center;font-size:1.1rem;color:#e0e0e0;margin-bottom:2rem}.limitations-grid{display:grid;gap:1.25rem;margin-bottom:2rem}.limitation-item{display:flex;gap:1rem;align-items:flex-start;background:#ffffff08;padding:1.25rem;border-radius:12px}.limitation-icon{font-size:1.5rem;flex-shrink:0}.limitation-text{color:#a1a1aa;line-height:1.6}.limitation-text strong{color:#e0e0e0}.limitations-cta{text-align:center;padding-top:1.5rem;border-top:1px solid rgba(251,191,36,.2);color:#a1a1aa}.limitations-cta strong{color:#fbbf24}@media (max-width: 768px){.limitations-card{padding:1.5rem}}.section-faq{background:linear-gradient(180deg,#0f0f15,#151520)}.faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.faq-item{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;transition:all .3s ease}.faq-item:hover{background:#ffffff0d;border-color:#ff6b3533}.faq-question{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:.75rem}.faq-answer{color:#a1a1aa;line-height:1.7}.faq-answer strong{color:#e0e0e0}.section-cta{padding:3rem 0 5rem}.cta-box{background:linear-gradient(135deg,#ff6b351a,#f7931e1a);border:1px solid rgba(255,107,53,.3);border-radius:24px;padding:3rem 2rem;text-align:center;max-width:700px;margin:0 auto}.cta-title{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.75rem}.cta-text{font-size:1.1rem;color:#a1a1aa;margin-bottom:1.5rem}.btn-cta{display:inline-flex;background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;padding:1rem 2.5rem;border-radius:50px;font-weight:700;text-decoration:none;transition:all .3s ease;box-shadow:0 10px 40px #ff6b354d}.btn-cta:hover{transform:translateY(-3px);box-shadow:0 15px 50px #ff6b3566}.footer{background:#0a0a0f;border-top:1px solid rgba(255,255,255,.1);padding:4rem 0 2rem}.footer-content{display:grid;grid-template-columns:1fr 2fr;gap:4rem;margin-bottom:3rem}.footer-brand{display:flex;flex-direction:column;gap:.5rem}.footer-brand-text{font-weight:700;font-size:1.25rem;background:linear-gradient(90deg,#ff6b35,#f7931e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-tagline{color:#71717a;font-size:.9rem}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.footer-col h4{color:#fff;font-weight:600;margin-bottom:1rem;font-size:.95rem}.footer-col ul{list-style:none}.footer-col li{margin-bottom:.5rem}.footer-col a{color:#a1a1aa;text-decoration:none;transition:color .2s;font-size:.9rem}.footer-col a:hover{color:#ff6b35}.footer-col li:not(:has(a)){color:#71717a;font-size:.9rem}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);color:#71717a;font-size:.9rem}.footer-note{margin-top:.5rem;font-size:.8rem;color:#52525b}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:2rem}.footer-links{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.footer-links{grid-template-columns:1fr}}.processing-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;flex-direction:column;justify-content:center;align-items:center;z-index:10000;gap:1.5rem}.processing-overlay.active{display:flex}.spinner{width:60px;height:60px;border:4px solid rgba(255,107,53,.2);border-top-color:#ff6b35;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.processing-text{color:#a1a1aa;font-size:1.1rem}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0a0a0f}::-webkit-scrollbar-thumb{background:#333;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#444}::selection{background:#ff6b354d;color:#fff}