:root{--primary:#2563eb;--primary-hover:#1d4ed8;--background:#f8fafc;--surface:#fff;--text:#0f172a;--muted:#64748b;--border:#dce3ed}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:var(--background);color:var(--text);margin:0;min-height:100vh;display:flex;flex-direction:column}a{color:var(--primary)}header{background:var(--surface);padding:22px max(24px,calc((100vw - 1120px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--border)}.logo{text-decoration:none;white-space:nowrap;font-weight:800;font-size:23px;letter-spacing:-.8px;color:var(--text)}.logo-icon{color:var(--primary);font-size:28px}.logo span:last-child{font-size:10px;color:var(--muted);margin-left:10px;font-weight:600;letter-spacing:1.2px}.secure-badge{color:#15803d;font-size:12px;font-weight:600;background:#f0fdf4;padding:9px 12px;border-radius:30px;white-space:nowrap}.container{width:min(100%,850px);margin:25px auto 0;padding:0 24px;flex:1}.hero{text-align:center;max-width:740px;margin:auto}.eyebrow{font-size:10px!important;letter-spacing:2px;font-weight:750;color:var(--muted)!important}.hero h1{font-size:clamp(30px,4.4vw,47px);font-weight:750;line-height:1.15;letter-spacing:-1.8px;margin:18px 0}.hero em{color:var(--primary);font-style:normal}.hero>p:last-child{max-width:530px;margin:20px auto 0;line-height:1.7;font-size:15px;color:var(--muted)}.mobile-break{display:none}.converter-box{background:var(--surface);border-radius:20px;padding:30px;box-shadow:0 12px 40px -24px #1e3a8a55;border:1px solid var(--border);margin:32px auto;max-width:680px;text-align:center}.drop-zone{border:1.5px dashed #93b4ef;border-radius:12px;padding:30px 16px;cursor:pointer;background:#f6f9ff;transition:background .2s,border-color .2s;width:100%;color:var(--text);font:inherit;display:flex;flex-direction:column;align-items:center;gap:10px}.drop-zone:hover,.drop-zone.drag-over{background:#eaf1ff;border-color:var(--primary)}.drop-zone .icon{color:var(--primary);background:white;border:1px solid #dce7fc;border-radius:14px;font-size:32px;width:58px;height:58px;line-height:53px;margin-bottom:5px}.drop-zone strong{font-size:17px;max-width:100%;overflow-wrap:anywhere}.drop-zone>span:not(.icon){font-size:13px;color:var(--muted)}.drop-zone small{font-size:11px;color:#7a879b;margin-top:5px}.options{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:23px 0 16px;font-size:13px;text-align:left}.options select{padding:9px 11px;border-radius:7px;border:1px solid var(--border);color:var(--text);background:#fff;font:inherit}.cloud-notice{font-size:11px;color:var(--muted);line-height:1.7;text-align:left;margin:16px 0 20px}.primary-button{background:var(--primary);color:white;border:0;padding:16px 24px;font:600 15px/1.4 inherit;font-family:inherit;font-size:15px;font-weight:600;border-radius:9px;cursor:pointer;width:100%;display:flex;justify-content:center;gap:15px;transition:background .2s}.primary-button:disabled{background:#94a3b8;cursor:not-allowed}.primary-button:hover:not(:disabled){background:var(--primary-hover)}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #60a5fa;outline-offset:4px}.loading-screen,.result-screen{margin:24px 0}.loading-screen h2,.result-screen h2{font-size:22px}.loading-screen p,.result-screen p{color:var(--muted);font-size:14px;line-height:1.7}.elapsed{font-variant-numeric:tabular-nums}.spinner{border:3px solid #e2e8f0;width:38px;height:38px;border-radius:50%;border-left-color:var(--primary);animation:spin 1s linear infinite;margin:0 auto 24px}@keyframes spin{to{transform:rotate(360deg)}}.download-button{display:block;background:#15803d;color:white;text-decoration:none;padding:16px 24px;border-radius:9px;font-weight:650;margin:25px 0 12px}.download-button:hover{background:#166534}.success-icon{color:#15803d;background:#f0fdf4;border-radius:50%;width:60px;height:60px;font-size:32px;line-height:60px;margin:auto}.text-button{font:inherit;font-size:13px;padding:12px;border:0;background:none;color:var(--primary);cursor:pointer}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;border-radius:8px;padding:15px;font-size:13px;line-height:1.6;text-align:left;margin-top:18px}.benefits{display:flex;justify-content:center;gap:20px;border-top:1px solid #edf1f6;padding-top:19px;margin-top:23px;color:var(--muted);font-size:11px}.how-it-works{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;padding:10px 4px 30px;max-width:680px;margin:auto}.how-it-works article>span{color:#98a4b6;font-size:11px;font-weight:700}.how-it-works h2{font-size:14px;margin:11px 0 9px}.how-it-works p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}details{max-width:680px;margin:0 auto 25px;border-top:1px solid var(--border);padding-top:20px;font-size:12px;color:var(--muted);line-height:1.8}summary{cursor:pointer;color:#475569;font-weight:600}footer{text-align:center;padding:25px 20px;font-size:11px;color:var(--muted);border-top:1px solid var(--border);background:var(--surface)}.footer-brand{font-size:15px;font-weight:750;text-decoration:none;color:#334155}footer>a:last-child{color:var(--muted)}@media(max-width:600px){header{padding:17px 18px;gap:10px}.logo{font-size:20px}.logo span:last-child{display:none}.secure-badge{font-size:10px;padding:7px 9px}.container{padding:0 17px;margin-top:25px}.hero h1{letter-spacing:-1px}.mobile-break{display:block}.converter-box{padding:20px;margin-top:25px}.how-it-works{gap:15px}.how-it-works h2{font-size:12px}.benefits{gap:12px;font-size:10px}.options{font-size:12px}.options select{max-width:58%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.spinner{animation:none;border-color:#dbeafe;border-left-color:var(--primary)}}
.mode-selection{margin:25px 0 18px;padding:0;border:0;text-align:left;min-width:0}.section-subtitle{font-weight:600;color:#475569;margin-bottom:13px;padding:0;font-size:13px}.mode-options{display:flex;gap:12px}.mode-card{flex:1;min-width:0;border:1px solid var(--border);border-radius:10px;padding:15px 12px;display:flex;align-items:flex-start;gap:9px;cursor:pointer;transition:background .2s,border-color .2s; background:var(--surface)}.mode-card:hover{border-color:var(--primary);background:#f8fafc}.mode-card input[type=radio]{margin:3px 0 0;accent-color:var(--primary);flex-shrink:0}.card-content strong{display:block;font-size:14px;margin-bottom:6px}.card-content small{color:#64748b;font-size:11px;display:block;line-height:1.6}.mode-card:has(input:checked){border-color:var(--primary);background:#eff6ff;box-shadow:0 0 0 1px var(--primary)}.mode-card:has(input:focus-visible){outline:3px solid #60a5fa;outline-offset:3px}.privacy-notice-box{display:flex;align-items:flex-start;gap:12px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:9px;padding:16px;margin:22px 0 0;text-align:left}.lock-icon{font-size:21px;line-height:1.4}.notice-text strong{color:#166534;font-size:12px;display:block;margin-bottom:5px}.notice-text p{color:#334155;font-size:11px;margin:0;line-height:1.7}.notice-text .text-button{color:#166534;font-size:11px;padding:10px 0 0;text-align:left;text-decoration:underline}.notice-text .text-button:disabled{opacity:.5;cursor:wait}#clear-status:empty{display:none}#clear-status:not(:empty){margin-top:8px}@media(max-width:600px){.mode-options{flex-direction:column}.card-content strong{font-size:14px}.mode-card{padding:15px}.privacy-notice-box{padding:13px}}
.seo-faq-section{max-width:800px;margin:3.5rem auto;padding:2.5rem 0 0;border-top:1px solid var(--border);scroll-margin-top:24px}.faq-header{text-align:center;margin-bottom:2rem}.faq-header h2{font-size:clamp(24px,3.5vw,32px);color:var(--text);margin:0 0 12px;letter-spacing:-.6px;line-height:1.25}.faq-header p{color:#64748b;font-size:14px;line-height:1.7;max-width:520px;margin:0 auto}.faq-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;text-align:left}.faq-item{min-width:0;background:var(--surface);padding:24px;border-radius:12px;border:1px solid var(--border);box-shadow:0 1px 3px rgb(0 0 0 / 2%)}.faq-item h3{font-size:16px;color:var(--primary);margin:0 0 12px;font-weight:700;line-height:1.45}.faq-item p{font-size:13px;color:#334155;line-height:1.8;margin:0}.faq-item strong{color:var(--text)}@media(min-width:768px){.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.seo-faq-section{margin:2.5rem auto;padding-top:2rem}.faq-item{padding:20px}.faq-grid{gap:14px}}