@font-face{font-family:jak;font-style:normal;font-display:swap;src:url(/assets/PlusJakartaSans_wght_-COgupjDA.woff2)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:jak,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background-color:#e2ddd4;justify-content:center}body::selection{background:#ff6726}#root{width:100%}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background-color:#e2ddd4;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100}.header .container{display:flex;justify-content:space-between;align-items:center;padding:15px 20px}.logo h2{color:#373533;font-weight:700}.nav{display:flex;gap:25px}.nav a{text-decoration:none;color:#373533;font-weight:500;transition:color .3s}.nav a:hover{color:#373533}.menu-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer}.menu-toggle span{width:25px;height:3px;background-color:#373533;margin:2px 0;transition:.3s}.hero{padding:80px 0;background:linear-gradient(135deg,#373533,#5a5148);color:#e2ddd4}.hero .container{display:flex;align-items:center;gap:40px}.hero-content{flex:1}.hero-content h1{font-size:3rem;margin-bottom:20px;line-height:1.2}.hero-content p{font-size:1.2rem;margin-bottom:30px;opacity:.9}.hero-buttons{display:flex;gap:15px}.btn{padding:12px 24px;border-radius:6px;text-decoration:none;font-weight:600;transition:all .3s;text-align:center}.btn-primary{background-color:#e2ddd4;color:#373533}.btn-primary:hover{background-color:#e2ddd4;color:#373533;transform:translateY(-2px)}.btn-secondary{background-color:transparent;color:#e2ddd4;border:2px solid #E2DDD4}.btn-secondary:hover{background-color:#ffffff1a;color:#e2ddd4;transform:translateY(-2px)}.hero-visual{flex:1;display:flex;justify-content:center}.image-comparison{width:100%;max-width:500px;height:300px;background:#ffffff1a;border-radius:10px;position:relative;overflow:hidden}.before,.after{position:absolute;width:50%;height:100%;display:flex;align-items:flex-end;justify-content:center;padding:20px}.before{left:0;background:linear-gradient(135deg,#373533,#1b1a19)}.after{right:0;background:linear-gradient(135deg,#10b981,#059669)}.label{background:#00000080;padding:5px 10px;border-radius:4px;font-weight:600}.slider{position:absolute;top:0;left:50%;width:4px;height:100%;background:#e2ddd4;transform:translate(-50%);cursor:ew-resize}.slider:before{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;background:#e2ddd4;border-radius:50%;transform:translate(-50%,-50%)}.how-it-works{padding:80px 0;background-color:#e2ddd4}.how-it-works h2{text-align:center;font-size:2.5rem;margin-bottom:50px;color:#1f2937}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.step{text-align:center;padding:30px;border-radius:10px;background-color:#d5d1c8;transition:transform .3s}.step:hover{transform:translateY(-5px)}.step-number{width:50px;height:50px;background-color:#373533;color:#e2ddd4;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 20px}.step h3{font-size:1.5rem;margin-bottom:15px;color:#1f2937}.step p{color:#373533}.features{padding:80px 0;background-color:#e2ddd4}.features h2{text-align:center;font-size:2.5rem;margin-bottom:50px;color:#1f2937}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.feature{text-align:center;padding:30px;background-color:#d7d2c8;border-radius:10px;box-shadow:0 4px 6px #0000000d;transition:transform .3s}.feature:hover{transform:translateY(-5px)}.feature-icon{font-size:3rem;margin-bottom:20px;filter:sepia(.75)}.feature h3{font-size:1.5rem;margin-bottom:15px;color:#1f2937}.feature p{color:#373533}.optimizer-section{padding:80px 0;background-color:#e2ddd4}.optimizer-section h2{text-align:center;font-size:2.5rem;margin-bottom:20px;color:#1f2937}.section-description{text-align:center;margin-bottom:40px;color:#373533;font-size:1.1rem}.drop-zone{border:2px dashed #1f2937;border-radius:10px;padding:60px 20px;text-align:center;transition:all .3s;margin-bottom:30px;background-color:#f7f2e7}.drop-zone.dragging{border-color:#373533;background-color:#e2ddd4}.drop-zone-content{max-width:500px;margin:0 auto}button:focus,button:focus-visible{outline:4px auto #373533}.upload-icon{font-size:3rem;margin-bottom:15px}.drop-zone p{font-size:1.2rem;margin-bottom:10px;color:#373533}.drop-subtext{font-size:1rem!important;margin-bottom:20px!important}#file-input{display:none}.browse-button{display:inline-block;padding:12px 24px;background-color:#e55b22;color:#fff;border-radius:6px;cursor:pointer;font-weight:600;transition:background-color .3s}.browse-button:hover{background-color:#ff6726}.processing-indicator{text-align:center;padding:30px;margin-bottom:30px}.spinner{width:40px;height:40px;border:4px solid #E2DDD4;border-top:4px solid #373533;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 15px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.results-summary{margin-bottom:40px;padding:30px;background-color:#e2ddd4;border-radius:10px}.results-summary h3{text-align:center;margin-bottom:30px;color:#1f2937}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.summary-card{background-color:#d4cdc2;padding:20px;border-radius:8px;text-align:center;box-shadow:0 2px 4px #0000000d}.summary-value{font-size:2rem;font-weight:700;color:#373533;margin-bottom:5px}.summary-label{color:#373533;font-size:.9rem}.download-all-button{display:block;width:100%;padding:15px;background-color:#e55b22;color:#fff;border:none;border-radius:6px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background-color .3s}.download-all-button:hover{background-color:#ff7235}.file-list{margin-top:40px}.file-list h3{margin-bottom:20px;color:#1f2937}.file-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background-color:#f5f0e7;border-radius:8px;margin-bottom:10px}.file-info{display:flex;align-items:center;gap:15px}.file-name{font-weight:500}.file-size,.optimized-size{color:#373533;font-size:.9rem}.savings-badge{background-color:#282;color:#bfb;padding:3px 8px;border-radius:20px;font-size:.8rem;font-weight:600}.file-actions{display:flex;gap:10px}.download-button,.remove-button{padding:8px 15px;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:background-color .3s}.download-button{background-color:#e55b22;color:#fff}.download-button:hover{background-color:#ff7235}.remove-button{background-color:#373533;color:#e2ddd4}.remove-button:hover{background-color:#494642}.faq{padding:80px 0;background-color:#e2ddd4}.faq h2{text-align:center;font-size:2.5rem;margin-bottom:50px;color:#1f2937}.faq-list{max-width:800px;margin:0 auto}.faq-item{margin-bottom:15px;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.faq-question{width:100%;padding:20px;background-color:#e2ddd4;border:none;text-align:left;font-size:1.1rem;font-weight:600;color:#1f2937;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.faq-question:hover{background-color:#cdc9c1;focus-ring:#fff}.faq-toggle{font-size:1.5rem;font-weight:300}.faq-answer{padding:0 20px;max-height:0;overflow:hidden;transition:max-height .3s,padding .3s;background-color:#e2ddd4}.faq-item.active .faq-answer{padding:20px;max-height:300px}.faq-answer p{color:#373533}.footer{background-color:#1a180e;color:#e2ddd4;padding:60px 0 30px}.footer-content{display:flex;justify-content:space-between;gap:40px;margin-bottom:40px;padding:0 40px}.footer-section h3,.footer-section h4{margin-bottom:20px;color:#e2ddd4}.footer-section p{color:#e2ddd4;line-height:1.6;margin-bottom:20px}.footer-section a{display:block;color:#e2ddd4;text-decoration:none;margin-bottom:10px;transition:color .3s}.footer-section a:hover{color:#e2ddd4}.footer-bottom{text-align:center;padding-top:30px;border-top:1px solid #373533;color:#e2ddd4}@media (max-width: 768px){.hero .container{flex-direction:column}.hero-content h1{font-size:2.2rem}.nav{display:none}.nav.nav-open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background-color:#e2ddd4;padding:20px;box-shadow:0 4px 6px #0000001a}.menu-toggle{display:flex}.hero-buttons{flex-direction:column}.file-info{flex-direction:column;align-items:flex-start;gap:5px}.file-actions{margin-top:10px}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}