:root{--bg: #fbfbfc;--surface: #ffffff;--surface-2: #f4f6f9;--surface-3: #eceff4;--border: #e5e9ef;--border-strong: #d3dae3;--text: #11151c;--text-2: #586173;--text-3: #8b94a2;--accent: #1f6feb;--accent-press: #1a5fce;--accent-weak: #eaf2ff;--accent-text: #1a5fce;--success: #12895c;--success-weak: #e6f6ee;--danger: #cf3340;--danger-weak: #fcebed;--ring: rgba(31,111,235,.4);--shadow-sm: 0 1px 2px rgba(16,24,40,.05), 0 1px 3px rgba(16,24,40,.05);--shadow-md: 0 6px 20px rgba(16,24,40,.07), 0 2px 6px rgba(16,24,40,.04);--shadow-lg: 0 18px 48px rgba(16,24,40,.12), 0 6px 16px rgba(16,24,40,.06);--r-xs: 7px;--r-sm: 11px;--r-md: 14px;--r-lg: 18px;--r-xl: 26px;--r-pill: 999px;--font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-body: "Manrope", ui-sans-serif, system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", monospace;--maxw: 1120px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0b0d11;--surface: #141820;--surface-2: #1a1f29;--surface-3: #232a36;--border: #272e3a;--border-strong: #353d4b;--text: #eef1f6;--text-2: #9aa4b3;--text-3: #69727f;--accent: #4d8bff;--accent-press: #6ba0ff;--accent-weak: rgba(77,139,255,.13);--accent-text: #7fa9ff;--success: #2dbd83;--success-weak: rgba(45,189,131,.14);--danger: #ff5c68;--danger-weak: rgba(255,92,104,.13);--ring: rgba(122,166,255,.5);--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 6px 22px rgba(0,0,0,.5);--shadow-lg: 0 20px 52px rgba(0,0,0,.6)}}[data-theme=dark]{--bg: #0b0d11;--surface: #141820;--surface-2: #1a1f29;--surface-3: #232a36;--border: #272e3a;--border-strong: #353d4b;--text: #eef1f6;--text-2: #9aa4b3;--text-3: #69727f;--accent: #4d8bff;--accent-press: #6ba0ff;--accent-weak: rgba(77,139,255,.13);--accent-text: #7fa9ff;--success: #2dbd83;--success-weak: rgba(45,189,131,.14);--danger: #ff5c68;--danger-weak: rgba(255,92,104,.13);--ring: rgba(122,166,255,.5);--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 6px 22px rgba(0,0,0,.5);--shadow-lg: 0 20px 52px rgba(0,0,0,.6)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.5}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit}:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring);border-radius:var(--r-xs)}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}.section{padding:88px 0}@media(max-width:640px){.section{padding:56px 0}.wrap{padding:0 20px}}.hdr{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--border)}.hdr-in{display:flex;align-items:center;justify-content:space-between;height:68px}.brand{display:inline-flex;align-items:center;gap:11px;font-family:var(--font-display);font-weight:600;font-size:19px;letter-spacing:-.02em;color:var(--text)}.mark{width:32px;height:32px;flex:0 0 auto}.nav{display:flex;align-items:center;gap:30px}.nav a{font-size:14.5px;font-weight:500;color:var(--text-2);transition:color .15s}.nav a:hover{color:var(--text)}.nav-cta{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:12px;color:var(--text-2);padding:7px 12px;border:1px solid var(--border);border-radius:var(--r-pill)}.nav-cta .dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px var(--success-weak)}@media(max-width:760px){.nav .nav-link{display:none}}.trust{display:inline-flex;align-items:center;gap:9px;padding:8px 14px 8px 11px;border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--border);color:var(--text-2);font-family:var(--font-mono);font-size:12.5px;letter-spacing:.005em;box-shadow:var(--shadow-sm)}.trust svg{color:var(--accent);flex:0 0 auto}.trust b{color:var(--text);font-weight:600}.trust--soft{background:transparent;box-shadow:none;border-color:transparent;padding-left:0}.trust--inline{font-size:12px;padding:6px 12px}.btn{font-family:var(--font-body);font-weight:600;font-size:15px;height:48px;padding:0 22px;border-radius:var(--r-sm);display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;border:1px solid transparent;white-space:nowrap;transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .04s}.btn:active{transform:translateY(1px)}.btn:focus-visible{box-shadow:0 0 0 3px var(--ring)}.btn svg{flex:0 0 auto}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-press)}.btn-secondary{background:var(--surface);border-color:var(--border-strong);color:var(--text);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--surface-2)}.btn-ghost{background:transparent;color:var(--text-2)}.btn-ghost:hover{color:var(--text);background:var(--surface-2)}.btn-lg{height:56px;font-size:16px;padding:0 28px;border-radius:var(--r-md)}.btn-block{width:100%}.btn-link{background:none;border:none;cursor:pointer;font-family:var(--font-body);font-weight:600;font-size:14.5px;color:var(--accent-text);display:inline-flex;align-items:center;gap:7px;padding:6px 4px;border-radius:var(--r-xs)}.btn-link:hover{text-decoration:underline}.btn-link:focus-visible{box-shadow:0 0 0 3px var(--ring)}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-text)}.eyebrow .bar{width:22px;height:1.5px;background:currentColor;opacity:.5}h1.hero-h{font-family:var(--font-display);font-weight:600;letter-spacing:-.035em;line-height:1.04;font-size:clamp(36px,6vw,64px);margin:22px 0 0;text-wrap:balance}.hero-h .accent{color:var(--accent)}.hero-sub{font-size:clamp(16px,2.2vw,19px);color:var(--text-2);max-width:36em;margin:22px 0 0;text-wrap:pretty}.hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:34px}.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:34px}.sec-title{font-family:var(--font-display);font-weight:600;letter-spacing:-.025em;font-size:clamp(24px,3.4vw,32px);margin:0}.sec-desc{color:var(--text-2);font-size:15.5px;margin:8px 0 0}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media(max-width:900px){.tool-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.tool-grid{grid-template-columns:1fr}}.tool-card{position:relative;display:flex;flex-direction:column;gap:14px;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);transition:border-color .15s,box-shadow .15s,transform .15s;min-height:168px}.tool-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tool-card:focus-visible{box-shadow:0 0 0 3px var(--ring)}.tool-ic{width:46px;height:46px;border-radius:12px;background:var(--accent-weak);color:var(--accent);display:flex;align-items:center;justify-content:center}.tool-name{font-family:var(--font-display);font-weight:600;font-size:18px;letter-spacing:-.015em;margin:0}.tool-desc{color:var(--text-2);font-size:14px;margin:0;line-height:1.45}.tool-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:6px}.chip{font-family:var(--font-mono);font-size:11px;color:var(--text-3);background:var(--surface-2);border:1px solid var(--border);padding:3px 8px;border-radius:var(--r-pill)}.tool-arrow{position:absolute;top:24px;right:22px;color:var(--text-3);transition:color .15s,transform .15s}.tool-card:hover .tool-arrow{color:var(--accent);transform:translate(2px,-2px)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:760px){.steps{grid-template-columns:1fr}}.step{padding:26px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg)}.step-n{font-family:var(--font-mono);font-size:12px;color:var(--accent-text)}.step h3{font-family:var(--font-display);font-weight:600;font-size:17px;letter-spacing:-.01em;margin:12px 0 6px}.step p{color:var(--text-2);font-size:14px;margin:0;line-height:1.5}.step-ic{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:var(--surface-2);color:var(--accent);margin-bottom:16px}.band{background:var(--surface-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.band-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}@media(max-width:760px){.band-grid{grid-template-columns:1fr;gap:26px}}.band-item{display:flex;gap:14px;align-items:flex-start}.band-item .bi-ic{width:38px;height:38px;flex:0 0 auto;border-radius:10px;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--accent)}.band-item h4{font-family:var(--font-display);font-weight:600;font-size:15.5px;margin:2px 0 4px}.band-item p{color:var(--text-2);font-size:13.5px;margin:0;line-height:1.5}.ftr{border-top:1px solid var(--border);padding:46px 0 56px}.ftr-in{display:flex;flex-wrap:wrap;gap:28px;justify-content:space-between;align-items:flex-start}.ftr p{color:var(--text-3);font-size:13px;margin:14px 0 0;max-width:28em;line-height:1.6}.ftr-cols{display:flex;gap:56px;flex-wrap:wrap}.ftr-col h5{font-family:var(--font-mono);font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--text-3);margin:0 0 12px}.ftr-col a{display:block;font-size:14px;color:var(--text-2);margin-bottom:9px;transition:color .15s}.ftr-col a:hover{color:var(--text)}.crumb{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--text-3);font-family:var(--font-mono)}.crumb a:hover{color:var(--text-2)}.tool-hero{padding:40px 0 30px}.tool-hero h1{font-family:var(--font-display);font-weight:600;letter-spacing:-.03em;font-size:clamp(30px,5vw,44px);margin:18px 0 0;line-height:1.05}.tool-hero p{color:var(--text-2);font-size:17px;margin:14px 0 22px;max-width:34em}.widget{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);padding:22px}.widget-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:4px 6px 18px}.widget-head .wt{display:flex;align-items:center;gap:11px}.fmt-pill{font-family:var(--font-mono);font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:7px;color:var(--text-2)}.fmt-pill .from,.fmt-pill .to{padding:4px 9px;border-radius:var(--r-xs);background:var(--surface-2);border:1px solid var(--border);color:var(--text)}.fmt-pill .to{color:var(--accent-text);border-color:color-mix(in srgb,var(--accent) 30%,var(--border))}.dropzone{border:2px dashed var(--border-strong);border-radius:var(--r-lg);background:var(--surface-2);padding:52px 28px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;transition:border-color .18s,background .18s;cursor:pointer}.dropzone:hover{border-color:var(--accent)}.dropzone.is-drag{border-color:var(--accent);background:var(--accent-weak)}.dz-icon{width:66px;height:66px;border-radius:18px;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--accent);box-shadow:var(--shadow-sm);margin-bottom:10px}.dz-title{font-family:var(--font-display);font-weight:600;font-size:19px;letter-spacing:-.01em;margin:0}.dz-or{color:var(--text-3);font-size:13px;margin:2px 0}.dz-hint{font-family:var(--font-mono);font-size:12px;color:var(--text-3);margin-top:12px}.widget-foot{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:16px;color:var(--text-2);font-family:var(--font-mono);font-size:12px}.widget-foot svg{color:var(--accent)}.filelist{display:flex;flex-direction:column;gap:10px}.filerow{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface)}.file-thumb{width:46px;height:46px;flex:0 0 auto;border-radius:10px;background:var(--accent-weak);color:var(--accent-text);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.03em}.file-thumb.done{background:var(--success-weak);color:var(--success)}.file-meta{min-width:0;flex:1}.file-name{font-weight:600;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-sub{font-family:var(--font-mono);font-size:12px;color:var(--text-3);margin-top:3px}.file-sub .ok{color:var(--success)}.icon-btn{width:34px;height:34px;flex:0 0 auto;border-radius:var(--r-xs);border:1px solid transparent;background:transparent;color:var(--text-3);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.opts{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:16px 4px 4px}.opt{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--text-2)}.opt label{font-weight:500}.slider{-webkit-appearance:none;appearance:none;width:132px;height:5px;border-radius:3px;background:var(--surface-3);outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:17px;height:17px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--surface);box-shadow:var(--shadow-sm)}.slider::-moz-range-thumb{width:17px;height:17px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--surface);box-shadow:var(--shadow-sm)}.opt .val{font-family:var(--font-mono);font-size:12.5px;color:var(--text);min-width:38px}.actions{display:flex;gap:12px;margin-top:20px}@media(max-width:540px){.actions{flex-direction:column-reverse}}.proc{padding:16px 4px}.proc-row{display:flex;align-items:center;gap:14px;margin-bottom:18px}.spinner{width:26px;height:26px;flex:0 0 auto;border-radius:50%;border:2.5px solid var(--surface-3);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}.proc-row .pt{font-weight:600;font-size:15px}.proc-row .ps{font-family:var(--font-mono);font-size:12px;color:var(--text-3);margin-top:2px}.bar{height:8px;border-radius:5px;background:var(--surface-3);overflow:hidden}.bar>i{display:block;height:100%;border-radius:5px;background:var(--accent);transition:width .3s}.proc-pct{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:12px;color:var(--text-3);margin-top:9px}.result-head{display:flex;align-items:center;gap:13px;padding:4px 4px 18px}.result-badge{width:40px;height:40px;border-radius:var(--r-pill);background:var(--success-weak);color:var(--success);display:flex;align-items:center;justify-content:center}.result-head .rt{font-family:var(--font-display);font-weight:600;font-size:18px;letter-spacing:-.01em}.result-head .rs{font-size:13px;color:var(--text-2);margin-top:1px}.err-head{display:flex;align-items:flex-start;gap:13px;padding:4px;border-radius:var(--r-md)}.err-badge{width:40px;height:40px;flex:0 0 auto;border-radius:var(--r-pill);background:var(--danger-weak);color:var(--danger);display:flex;align-items:center;justify-content:center}.err-head .et{font-family:var(--font-display);font-weight:600;font-size:17px}.err-head .es{font-size:14px;color:var(--text-2);margin-top:4px;line-height:1.5;max-width:40em}.err-head .es code{font-family:var(--font-mono);font-size:12.5px;background:var(--surface-2);border:1px solid var(--border);border-radius:5px;padding:1px 6px;color:var(--text)}.howto{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:860px){.howto{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.howto{grid-template-columns:1fr}}.howto-step{padding:22px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface)}.howto-step .n{width:30px;height:30px;border-radius:9px;background:var(--accent-weak);color:var(--accent-text);font-family:var(--font-mono);font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.howto-step h4{font-family:var(--font-display);font-weight:600;font-size:15.5px;margin:0 0 6px}.howto-step p{color:var(--text-2);font-size:13.5px;margin:0;line-height:1.5}.faq{display:flex;flex-direction:column;gap:0;max-width:760px}.faq-item{border-bottom:1px solid var(--border);padding:22px 0}.faq-item:first-child{border-top:1px solid var(--border)}.faq-q{display:flex;align-items:center;justify-content:space-between;gap:16px;font-family:var(--font-display);font-weight:600;font-size:16.5px;letter-spacing:-.01em;cursor:pointer;list-style:none}.faq-q::-webkit-details-marker{display:none}.faq-q .pm{color:var(--text-3);flex:0 0 auto;transition:transform .2s}details[open] .faq-q .pm{transform:rotate(45deg)}.faq-a{color:var(--text-2);font-size:14.5px;line-height:1.6;margin:12px 0 0;max-width:64ch}.muted{color:var(--text-2)}.center{text-align:center}.stack-sm>*+*{margin-top:10px}.divider{height:1px;background:var(--border);border:0;margin:0}.grow{flex:1}@media(max-width:640px){.hide-mobile{display:none!important}}