.landing{min-height:100vh;background:#08080c;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow-x:hidden}.landing--sidebar{display:flex}.landing:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 20% 30%,rgba(139,92,246,.06) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(59,130,246,.04) 0%,transparent 50%);pointer-events:none;z-index:0}.landing-logo-fixed{position:fixed;top:16px;left:104px;z-index:20;cursor:pointer;filter:drop-shadow(0 0 20px rgba(167,139,250,.3))}.landing-sidebar{width:88px;min-height:100vh;background:#0c0c18;border-right:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;align-items:center;padding:20px 0;position:fixed;left:0;top:0;z-index:10}.landing-sidebar-nav{margin-top:8px;display:flex;flex-direction:column;gap:0;flex:1;width:100%;padding:0}.landing-sidebar-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px 6px;background:transparent;border:none;border-right:3px solid transparent;color:#ffffff59;cursor:pointer;transition:all .15s;position:relative}.landing-sidebar-btn:hover{color:#ffffffbf;background:#ffffff08}.landing-sidebar-btn--active{color:#fff;background:#ffffff0a;border-right-color:#a78bfa}.landing-sidebar-btn--active:before{display:none}.landing-sidebar-btn--disabled{opacity:.2;cursor:default}.landing-sidebar-btn--disabled:hover{color:#ffffff59;background:transparent}.landing-sidebar-icon{font-size:1.5rem;line-height:1}.landing-sidebar-label{font-size:10px;font-weight:500;text-align:center;line-height:1.3;max-width:76px;word-break:keep-all}.landing-sidebar-soon{position:absolute;top:6px;right:6px;font-size:7px;color:#fff3;text-transform:uppercase}.landing-sidebar-bottom{padding:12px 10px}.landing-sidebar-lang{width:100%;padding:5px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:6px;color:#666;font-size:10px;cursor:pointer;outline:none}.landing-sidebar-lang option{background:#1a1a2e;color:#fff}.landing-main{flex:1;margin-left:88px;min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}.landing-main-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center}.landing-badges{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.landing-badge{padding:.35rem .9rem;font-size:.78rem;font-weight:600;color:#2ecc71;background:#2ecc711a;border:1px solid rgba(46,204,113,.25);border-radius:20px;letter-spacing:.3px}.landing-tool-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;margin:0 0 1rem;letter-spacing:-1px}.landing-tool-description{font-size:clamp(.95rem,2vw,1.15rem);color:#ffffff80;margin:0 0 2.5rem;max-width:500px;line-height:1.6}.landing-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;margin:0 0 1rem;letter-spacing:-1px;line-height:1.2}.landing-title span{background:linear-gradient(135deg,#a78bfa,#6366f1,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-subtitle{font-size:clamp(.9rem,1.8vw,1.1rem);color:#ffffff80;margin:0 0 2rem;line-height:1.7}.landing-home-tools{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:1rem;max-width:600px}.landing-home-tool{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;cursor:pointer;transition:all .2s}.landing-home-tool:hover{background:#8b5cf61a;border-color:#8b5cf64d;transform:translateY(-2px)}.landing-home-tool--disabled{opacity:.3;cursor:default}.landing-home-tool--disabled:hover{background:#ffffff0a;border-color:#ffffff14;transform:none}.landing-home-tool-icon{font-size:1.2rem}.landing-home-tool-name{font-size:.85rem;font-weight:500;color:#ffffffb3}.landing-upload{width:100%;max-width:480px;padding:3rem 2rem;border:2px dashed rgba(139,92,246,.25);border-radius:16px;background:#8b5cf608;cursor:pointer;transition:all .3s;display:flex;flex-direction:column;align-items:center;gap:.75rem}.landing-upload:hover{border-color:#8b5cf680;background:#8b5cf614;transform:translateY(-2px);box-shadow:0 20px 60px #8b5cf61f}.landing-upload--active{border-color:#a78bfa;background:#8b5cf626;transform:scale(1.02);box-shadow:0 0 40px #8b5cf64d}.landing-upload-icon{color:#a78bfa;margin-bottom:.25rem}.landing-upload-text{font-size:1rem;color:#ffffffb3;margin:0}.landing-upload-hint{font-size:.78rem;color:#ffffff4d;margin:0}.landing-footer{text-align:center;padding:1.5rem 2rem;border-top:1px solid rgba(255,255,255,.04)}.landing-footer p{color:#fff3;font-size:.75rem;margin:0 0 .5rem}.landing-footer-links{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.landing-footer-links a{color:#ffffff40;text-decoration:none;font-size:.7rem;transition:color .2s}.landing-footer-links a:hover{color:#ffffff80}.landing-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#08080ccc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06);position:sticky;top:0;z-index:100}.landing-header-logo{cursor:pointer;filter:drop-shadow(0 0 20px rgba(167,139,250,.3))}.landing-header-nav{display:flex;gap:.75rem;align-items:center}.landing-lang-select{padding:.4rem .8rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ccc;font-size:.82rem;cursor:pointer;outline:none}.landing-lang-select option{background:#1a1a2e;color:#fff}.landing-nav-btn{padding:.5rem 1.2rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ccc;font-size:.85rem;cursor:pointer;transition:all .2s}.landing-nav-btn:hover{background:#8b5cf626;border-color:#8b5cf64d;color:#fff}.landing-home{max-width:1000px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.landing-home-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:5rem 0 3rem}.landing-home-section{padding:2rem 0}.landing-hero-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;margin:0 0 1.25rem;letter-spacing:-1.5px;line-height:1.15;text-align:center}.landing-hero-title span{background:linear-gradient(135deg,#a78bfa,#6366f1,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-hero-desc{font-size:clamp(1rem,2vw,1.2rem);color:#ffffff8c;margin:0 0 2rem;line-height:1.7;max-width:640px;text-align:center}.landing-hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem}.landing-cta-primary{padding:.85rem 2.2rem;font-size:1.05rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#8b5cf6,#6366f1,#3b82f6);border:none;border-radius:12px;cursor:pointer;transition:all .25s;box-shadow:0 4px 24px #8b5cf659;letter-spacing:.3px}.landing-cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #8b5cf680;filter:brightness(1.1)}.landing-cta-secondary{padding:.85rem 2.2rem;font-size:1.05rem;font-weight:600;color:#ffffffbf;background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:12px;cursor:pointer;transition:all .25s;letter-spacing:.3px}.landing-cta-secondary:hover{color:#fff;border-color:#a78bfa80;background:#8b5cf614;transform:translateY(-2px)}.landing-screenshot{max-width:900px;width:100%;margin:0 auto 3.5rem;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 60px #00000080,0 0 80px #8b5cf614}.landing-screenshot img{width:100%;height:auto;display:block}.landing-section-heading{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;text-align:center;margin:0 0 2rem;letter-spacing:-.5px;color:#fff}.landing-features{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;width:100%;margin-bottom:3.5rem}.landing-feature{padding:1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;text-align:left;transition:all .25s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.landing-feature:hover{background:#8b5cf60f;border-color:#8b5cf633;transform:translateY(-3px);box-shadow:0 12px 40px #0003}.landing-feature-icon{font-size:1.75rem;margin-bottom:.75rem}.landing-feature h3{font-size:1rem;font-weight:700;margin:0 0 .5rem;color:#fff}.landing-feature p{font-size:.85rem;color:#ffffff73;margin:0;line-height:1.55}.landing-feature--clickable{cursor:pointer}.landing-feature--disabled{opacity:.35;cursor:default}.landing-feature--disabled:hover{background:#ffffff08;border-color:#ffffff0f;transform:none;box-shadow:none}.landing-feature-badge{position:absolute;top:10px;right:10px;padding:2px 7px;font-size:.6rem;font-weight:600;color:#a78bfa;background:#8b5cf61f;border:1px solid rgba(139,92,246,.2);border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.landing-feature{position:relative}.landing-privacy-section{text-align:center;padding:2.5rem 2rem;margin-bottom:2rem;max-width:640px;width:100%;position:relative}.landing-privacy-section:before{content:"🔒";display:block;font-size:2rem;margin-bottom:1rem}.landing-privacy-section h2{font-size:1.5rem;font-weight:700;margin:0 0 .75rem;color:#fff}.landing-privacy-section p{font-size:.95rem;color:#ffffff73;margin:0;line-height:1.65}.landing-bottom-cta{display:flex;justify-content:center;margin-bottom:2rem}.landing-tool-seo{max-width:580px;margin:2.5rem auto 0;text-align:left}.landing-tool-seo p{font-size:.88rem;color:#ffffff4d;line-height:1.75;margin:0 0 1rem}.landing-tool-seo p:last-child{margin-bottom:0}.landing-tool-faq{margin-top:40px;max-width:700px}.landing-tool-faq h2{font-size:1.3rem;font-weight:600;margin-bottom:16px;color:#ccc}.landing-faq-item{margin-bottom:8px;border:1px solid rgba(255,255,255,.08);border-radius:8px;overflow:hidden}.landing-faq-item summary{padding:14px 16px;cursor:pointer;font-size:.95rem;color:#ddd;background:#ffffff08;list-style:none}.landing-faq-item summary::-webkit-details-marker{display:none}.landing-faq-item summary:before{content:"▸";color:#a78bfa}.landing-faq-item[open] summary:before{content:"▾"}.landing-faq-item p{padding:12px 16px;font-size:.9rem;color:#999;line-height:1.6}@media (max-width: 768px){.landing--sidebar{flex-direction:column}.landing-sidebar{width:100%;min-height:auto;height:auto;flex-direction:row;position:sticky;top:0;padding:8px 12px;overflow-x:auto;border-right:none;border-bottom:1px solid rgba(255,255,255,.06)}.landing-sidebar-logo{margin-bottom:0;margin-right:12px}.landing-sidebar-nav{flex-direction:row;gap:2px;flex:none;width:auto;padding:0}.landing-sidebar-btn{padding:6px 8px}.landing-sidebar-btn--active:before{left:8px;right:8px;top:auto;bottom:-8px;width:auto;height:3px;border-radius:3px 3px 0 0}.landing-sidebar-bottom{margin-left:auto;padding:0 8px}.landing-main{margin-left:0;min-height:calc(100vh - 60px)}.landing-main-content--home{padding-top:2rem}.landing-features{grid-template-columns:1fr}.landing-hero-cta{flex-direction:column;align-items:center}.landing-cta-primary,.landing-cta-secondary{width:100%;max-width:300px;text-align:center}}@media (min-width: 769px) and (max-width: 1024px){.landing-features{grid-template-columns:repeat(2,1fr)}}.landing-why-free{max-width:800px;margin:0 auto 60px;padding:40px 32px;text-align:center;background:#a78bfa0d;border:1px solid rgba(167,139,250,.15);border-radius:16px}.landing-why-free h2{font-size:1.6rem;font-weight:700;margin-bottom:16px;color:#e0e0e0}.landing-why-free p{font-size:1rem;line-height:1.8;color:#999}.landing-compare{max-width:800px;margin:0 auto 80px;text-align:center}.landing-compare h2{font-size:1.6rem;font-weight:700;margin-bottom:32px;color:#e0e0e0}.landing-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.landing-compare-them,.landing-compare-us{padding:28px 24px;border-radius:12px;text-align:left}.landing-compare-them{background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.landing-compare-us{background:#2ecc7114;border:1px solid rgba(46,204,113,.25)}.landing-compare-them h3,.landing-compare-us h3{font-size:1.1rem;font-weight:600;margin-bottom:16px}.landing-compare-them h3{color:#888}.landing-compare-us h3{color:#2ecc71}.landing-compare-them ul,.landing-compare-us ul{list-style:none;padding:0;margin:0}.landing-compare-them li,.landing-compare-us li{padding:8px 0;font-size:.9rem;color:#aaa;border-bottom:1px solid rgba(255,255,255,.05)}.landing-compare-them li:last-child,.landing-compare-us li:last-child{border-bottom:none}.landing-compare-them li:before{content:"✕ ";color:#e74c3c;margin-right:6px}.landing-compare-us li:before{content:"✓ ";color:#2ecc71;margin-right:6px}@media (max-width: 768px){.landing-compare-grid{grid-template-columns:1fr}}