*,:before,:after{box-sizing:border-box;border:0 solid;margin:0;padding:0}html{-webkit-text-size-adjust:100%;line-height:1.5;overflow-x:hidden}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,textarea{font:inherit;letter-spacing:inherit;color:inherit;opacity:1;background:0 0;border-radius:0}[hidden]{display:none!important}:root{--bg:#09090f;--bg-card:#101018;--bg-elevated:#17172a;--border:#ffffff14;--border-hover:#ffffff2e;--text:#f0f0f8;--text-muted:#6e6e94;--accent:#7c6af7;--accent-hover:#9482ff;--accent-dim:#7c6af71f;--accent-glow:#7c6af74d;--accent-grad:linear-gradient(135deg, #7c6af7 0%, #a78bfa 100%);--green:#22c55e;--yellow:#f59e0b;--blue:#3b82f6;--red:#ef4444;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow-card:0 1px 3px #0006, 0 8px 24px #0000004d;--shadow-glow:0 0 0 1px var(--accent), 0 4px 20px var(--accent-glow)}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;font-size:15px;line-height:1.6;overflow-x:hidden}.site-header{z-index:100;-webkit-backdrop-filter:blur(16px)saturate(1.4);border-bottom:1px solid var(--border);background:#09090fe0;position:sticky;top:0}.site-header-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1060px;height:58px;margin:0 auto;padding:0 24px;display:flex}.site-header-left{align-items:center;gap:28px;display:flex}.site-header-right{align-items:center;gap:8px;display:flex}.site-logo{flex-shrink:0;align-items:center;gap:9px;text-decoration:none;display:flex}.site-logo-text{color:var(--text);letter-spacing:-.025em;font-size:17px;font-weight:700}.site-logo-accent{color:var(--accent)}.site-nav{align-items:center;gap:4px;display:flex}.site-nav-link{color:var(--text-muted);border-radius:7px;padding:5px 10px;font-size:14px;font-weight:500;text-decoration:none;transition:color .15s,background .15s}.site-nav-link:hover{color:var(--text);background:#ffffff0f}.site-nav-link.active{color:var(--text);font-weight:600}.header-pill{letter-spacing:.01em;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:4px 9px;font-size:11px;font-weight:600;display:inline-flex}.header-pill-green{color:#4ade80;background:#22c55e1a;border:1px solid #22c55e33}.header-pill-purple{background:var(--accent-dim);color:var(--accent);border:1px solid #7c6af740}@media (max-width:400px){.header-pill-hide-xs{display:none!important}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .2s,box-shadow .2s}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-card)}.btn-primary{background:var(--accent-grad);color:#fff;border-radius:var(--radius-md);cursor:pointer;touch-action:manipulation;letter-spacing:-.01em;border:none;min-height:44px;font-weight:600;transition:opacity .15s,transform .12s,box-shadow .2s}.btn-primary:hover:not(:disabled){opacity:.92;box-shadow:0 4px 16px var(--accent-glow);transform:translateY(-1px)}.btn-primary:active:not(:disabled){opacity:1;transform:translateY(0)}.btn-primary:disabled{opacity:.35;cursor:not-allowed;transform:none}.btn-secondary{background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;touch-action:manipulation;min-height:44px;font-weight:500;transition:border-color .15s,color .15s,background .15s}.btn-secondary:hover:not(:disabled){border-color:var(--border-hover);color:var(--text);background:#ffffff0a}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;align-items:center;gap:3px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.badge-green{color:#4ade80;background:#22c55e1f;border:1px solid #22c55e40}.badge-yellow{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b40}.badge-blue{color:#60a5fa;background:#3b82f61f;border:1px solid #3b82f640}.badge-purple{background:var(--accent-dim);color:#a78bfa;border:1px solid #7c6af740}.badge-red{color:#f87171;background:#ef44441f;border:1px solid #ef444440}.progress-bar{background:#ffffff0f;border-radius:999px;width:100%;height:4px;overflow:hidden}.progress-fill{background:var(--accent-grad);border-radius:999px;height:100%;transition:width .3s}.dropzone{border-radius:var(--radius-lg);cursor:pointer;border:1.5px dashed #ffffff1f;transition:border-color .2s,background .2s}.dropzone:hover,.dropzone-over{border-color:var(--accent);background:#7c6af70d}.format-btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:border-color .15s,background .15s}.format-btn:hover{border-color:var(--border-hover);background:#ffffff08}.format-btn-active{box-shadow:0 0 0 1px var(--accent-dim);border-color:var(--accent)!important;background:var(--accent-dim)!important}.slider{appearance:none;background:var(--bg-elevated);cursor:pointer;border-radius:999px;outline:none;width:100%;height:4px}.slider::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border:2.5px solid var(--bg-card);width:18px;height:18px;box-shadow:0 0 0 1px var(--accent), 0 2px 8px #0006;border-radius:50%}.slider::-moz-range-thumb{background:var(--accent);cursor:pointer;border:2.5px solid var(--bg-card);border-radius:50%;width:18px;height:18px}.fade-in{animation:.22s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.spin{animation:1.2s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes indeterminate{0%{transform:translate(-100%)}to{transform:translate(350%)}}.batch-queue{flex-direction:column;gap:7px;display:flex}.batch-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:8px;padding:12px 16px;transition:border-color .2s;display:flex}.batch-item.done{background:#22c55e0a;border-color:#22c55e4d}.batch-item.error{border-color:#ef44444d}.batch-item.converting{border-color:#7c6af773}.before-after-container{border-radius:var(--radius-lg);-webkit-user-select:none;user-select:none;touch-action:none;background:#000;position:relative;overflow:hidden}.before-after-label{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;pointer-events:none;letter-spacing:.02em;background:#0009;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700;position:absolute;top:10px}.before-after-divider{cursor:ew-resize;z-index:2;background:#ffffffe6;width:2px;position:absolute;top:0;bottom:0}.before-after-handle{color:#111;cursor:ew-resize;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 12px #00000080}.privacy-shield{border-radius:var(--radius-md);align-items:center;gap:12px;padding:13px 16px;font-size:14px;display:flex}.privacy-shield.safe{background:#22c55e12;border:1px solid #22c55e33}.privacy-shield.warning{background:#ef444412;border:1px solid #ef444438}.num-input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);width:88px;min-height:40px;padding:8px 12px;font-size:14px;transition:border-color .15s}.num-input:focus{border-color:var(--accent);outline:none}.num-input::placeholder{color:var(--text-muted)}.landing-grid{grid-template-columns:340px 1fr;align-items:stretch;gap:32px;display:grid}@media (max-width:900px){.landing-grid{grid-template-columns:1fr}}.mode-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}@media (max-width:480px){.mode-grid{grid-template-columns:1fr}}.privacy-stats{display:block}@media (max-width:420px){.privacy-stats{display:none}}.cat-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;text-align:left;align-items:center;gap:12px;width:100%;padding:12px 14px;transition:border-color .15s,background .15s;display:flex;position:relative;overflow:hidden}.cat-btn:hover{border-color:var(--border-hover);background:#ffffff08}.cat-btn:before{content:"";background:var(--cat-color,var(--accent));opacity:0;border-radius:0 2px 2px 0;width:3px;transition:opacity .15s;position:absolute;top:0;bottom:0;left:0}.cat-btn:hover:before{opacity:1}.tool-icon-wrap{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:10px;font-size:11px;font-weight:700}.privacy-callout{border-radius:var(--radius-md);color:var(--text-muted);background:#22c55e0f;border:1px solid #22c55e26;align-items:center;gap:10px;margin-top:28px;padding:12px 16px;font-size:13px;display:flex}.seg-tabs{background:var(--bg-elevated);border:1px solid var(--border);border-radius:11px;gap:2px;padding:3px;display:flex}.seg-tab{cursor:pointer;color:var(--text-muted);white-space:nowrap;background:0 0;border:none;border-radius:8px;flex:1;padding:8px 0;font-size:13px;font-weight:600;transition:all .15s}.seg-tab.active{background:var(--bg-card);color:var(--text);box-shadow:0 1px 5px #0000004d}.tool-card-cta{color:var(--accent);align-items:center;gap:5px;margin-top:auto;padding-top:12px;font-size:13px;font-weight:600;transition:gap .15s;display:flex}.card:hover .tool-card-cta{gap:9px}.tools-section{margin-bottom:48px}.how-grid{flex-wrap:wrap;gap:14px;display:flex}.faq-section{border-top:1px solid var(--border)}.faq-item{border-bottom:1px solid var(--border)}.faq-trigger{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:17px 0;display:flex}.faq-trigger:hover .faq-q{color:var(--text)}.faq-q{color:var(--text);font-size:15px;font-weight:600;line-height:1.4;transition:color .15s}.faq-answer{color:var(--text-muted);padding-bottom:17px;font-size:14px;line-height:1.7}.skip-nav{background:var(--accent-grad);color:#fff;z-index:10000;white-space:nowrap;border-radius:0 0 10px 10px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:top .15s;position:fixed;top:-80px;left:50%;transform:translate(-50%)}.skip-nav:focus{outline:none;top:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}input:focus-visible{outline:2px solid var(--accent);outline-offset:0;border-radius:6px}.hidden{display:none!important}.min-h-screen{min-height:100vh}.select-none{-webkit-user-select:none;user-select:none}.rounded-full{border-radius:9999px}.w-full{width:100%}.mt-0\.5{margin-top:2px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-5{margin-top:20px}.mt-6{margin-top:24px}.mb-2{margin-bottom:8px}.p-3{padding:12px}.p-4{padding:16px}.p-5{padding:20px}.p-10{padding:40px}.pt-1{padding-top:4px}.px-3{padding-left:12px;padding-right:12px}.px-4{padding-left:16px;padding-right:16px}.py-1{padding-top:4px;padding-bottom:4px}.py-3{padding-top:12px;padding-bottom:12px}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-base{font-size:15px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-center{text-align:center}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}