*,*::before,*::after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}:root{--purple:#6b4fbb;--purple-dark:#52399e;--lime:#d6f25c;--ink:#13111c;--muted:#686477;--paper:#f4f0e5;--bg:#fff;--surface:#f7f7f9;--card:#fff;--border:#e6e4eb;--success:#178252;--danger:#bd3144;--shadow:0 18px 60px rgba(28,20,48,.08);--radius:18px;--font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}[data-theme=dark]{--ink:#f6f2ff;--muted:#aaa4ba;--bg:#100e17;--surface:#181520;--card:#1d1927;--border:#332d40;--paper:#17131f;--shadow:0 18px 60px rgba(0,0,0,.35)}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.6}button,input,select{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}.container{width:min(1160px,calc(100% - 40px));margin-inline:auto}.narrow{max-width:840px}.skip-link{position:fixed;top:-60px;left:16px;z-index:1000;background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:8px}.skip-link:focus{top:12px}.site-header{height:68px;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(16px)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;font-weight:750;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:var(--purple);color:#fff;font-weight:800;font-size:14px}.site-header nav{display:flex;gap:28px;font-size:14px;color:var(--muted)}.site-header nav a:hover{color:var(--purple)}.theme-toggle{width:42px;height:42px;border:1px solid var(--border);background:var(--card);border-radius:12px;font-size:20px}.breadcrumb{display:flex;gap:10px;padding-top:22px;font-size:13px;color:var(--muted)}.breadcrumb a:hover{text-decoration:underline}.hero{padding:62px 0 72px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(107,79,187,.12),transparent 47%)}.hero-inner{max-width:880px}.eyebrow,.kicker{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.13em;color:var(--purple)}.eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(214,242,92,.25)}h1,h2,h3{line-height:1.13;letter-spacing:-.045em}h1{font-size:clamp(2.6rem,7vw,5.25rem);margin:16px 0 22px}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--purple)}.hero p{max-width:680px;margin:0 auto 28px;font-size:clamp(1.05rem,2vw,1.25rem);color:var(--muted)}.button{min-height:48px;padding:0 20px;border-radius:11px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:750;font-size:14px;transition:transform .18s,box-shadow .18s,background .18s}.button:hover{transform:translateY(-1px)}.primary{background:var(--purple);color:#fff;box-shadow:0 8px 22px rgba(107,79,187,.24)}.primary:hover{background:var(--purple-dark)}.secondary{background:var(--card);border-color:var(--border)}.lime{background:var(--lime);color:#252817}.hero-cta{min-height:54px;padding-inline:27px}.trust-badges{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;margin-top:30px;font-size:13px;color:var(--muted)}.trust-badges span::first-letter{color:var(--success)}.converter-section{background:var(--surface);padding:22px 0 90px}.privacy-banner{display:flex;align-items:center;justify-content:center;gap:12px;background:color-mix(in srgb,var(--lime) 28%,var(--card));border:1px solid color-mix(in srgb,var(--lime) 65%,var(--border));padding:13px 18px;border-radius:14px;margin-bottom:18px;text-align:center}.privacy-banner p{font-size:14px}.tool-shell{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr);background:var(--card);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow);overflow:hidden}.tool-main{padding:32px}.tool-heading,.preview-header{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.step-label{display:block;color:var(--purple);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;margin-bottom:5px}.tool-shell h2{font-size:1.38rem}.text-button{border:0;background:none;color:var(--purple);font-weight:700;padding:8px}.danger-text{color:var(--danger)}.upload-zone{min-height:290px;border:2px dashed #cfc9dc;border-radius:18px;background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;transition:.2s}.upload-zone:hover,.upload-zone:focus-visible,.upload-zone.is-dragging{border-color:var(--purple);background:color-mix(in srgb,var(--purple) 5%,var(--surface));outline:none}.upload-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:17px;background:color-mix(in srgb,var(--purple) 12%,var(--card));color:var(--purple);margin-bottom:15px}.upload-icon svg,.convert-button svg,.card-actions svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.upload-zone h3{font-size:1.15rem}.upload-zone p{color:var(--muted);font-size:14px;margin:5px 0 15px}.upload-zone small{color:var(--muted);margin-top:13px}.upload-zone kbd,.shortcut kbd{border:1px solid var(--border);border-bottom-width:2px;background:var(--card);padding:1px 5px;border-radius:4px}.error{color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,var(--card));padding:10px 14px;border-radius:9px;margin-top:12px}.preview-header{margin-top:30px}.file-stats{display:flex;gap:8px;font-size:12px;color:var(--muted)}.file-stats span{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:5px 10px}.empty-state{padding:40px;border:1px solid var(--border);border-radius:14px;text-align:center;color:var(--muted)}.empty-state span{font-size:30px}.preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.preview-card{position:relative;display:grid;grid-template-columns:100px minmax(0,1fr);gap:14px;padding:10px;border:1px solid var(--border);border-radius:14px;background:var(--card);transition:.18s}.preview-card:hover{box-shadow:0 8px 25px rgba(20,15,31,.08)}.preview-card:focus-visible{outline:3px solid rgba(107,79,187,.25);border-color:var(--purple)}.preview-card.is-dragging{opacity:.4}.page-number{position:absolute;top:5px;left:5px;z-index:2;width:24px;height:24px;border-radius:7px;background:var(--ink);color:var(--bg);display:grid;place-items:center;font-size:11px;font-weight:800}.preview-image-wrap{height:94px;border-radius:9px;background:#eceaf0;overflow:hidden;display:grid;place-items:center}.preview-image-wrap img{width:100%;height:100%;object-fit:contain;transition:transform .2s}.preview-info{min-width:0;padding-top:4px}.preview-info strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.preview-info span{font-size:11px;color:var(--muted)}.card-actions{display:flex;gap:4px;position:absolute;bottom:9px;right:9px}.card-actions button{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--border);background:var(--surface);border-radius:7px}.card-actions button:hover{border-color:var(--purple);color:var(--purple)}.card-actions button:disabled{opacity:.3;cursor:not-allowed}.card-actions svg{width:15px;height:15px}.card-actions .danger:hover{color:var(--danger);border-color:var(--danger)}.settings-panel{background:var(--surface);border-left:1px solid var(--border);padding:32px}.settings-panel h2{margin-bottom:24px}.field,fieldset{border:0;margin-bottom:18px}.field label,legend{font-size:12px;font-weight:750;display:block;margin-bottom:6px}select,input{width:100%;height:44px;border:1px solid var(--border);background:var(--card);border-radius:9px;padding:0 12px;outline:none}select:focus,input:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(107,79,187,.12)}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:6px}.segmented input{position:absolute;opacity:0;pointer-events:none}.segmented span{height:43px;border:1px solid var(--border);background:var(--card);border-radius:9px;display:grid;place-items:center;font-size:12px}.segmented input:checked+span{border-color:var(--purple);color:var(--purple);background:color-mix(in srgb,var(--purple) 8%,var(--card));font-weight:750}.suffix-input{display:flex}.suffix-input input{border-radius:9px 0 0 9px}.suffix-input span{height:44px;display:grid;place-items:center;padding:0 11px;background:var(--surface);border:1px solid var(--border);border-left:0;border-radius:0 9px 9px 0;color:var(--muted);font-size:13px}.convert-button{width:100%;height:53px;margin-top:4px}.convert-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.convert-button svg{width:20px}.convert-button.is-working svg{animation:pulse .8s infinite alternate}@keyframes pulse{to{opacity:.3}}.shortcut{text-align:center;color:var(--muted);font-size:11px;margin-top:10px}.result-panel{margin-top:20px;background:var(--card);border:1px solid color-mix(in srgb,var(--success) 35%,var(--border));border-radius:18px;padding:24px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow)}.result-panel[hidden]{display:none}.success-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:#e1f7ea;color:var(--success);font-size:24px;font-weight:900}.result-panel h2{font-size:1.2rem}.result-panel p{font-size:13px;color:var(--muted)}.result-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.section{padding:100px 0}.section-intro{text-align:center;max-width:650px;margin:0 auto 46px}.section-intro h2{font-size:clamp(2rem,4vw,3rem);margin:10px 0 14px}.section-intro p{color:var(--muted)}.align-left{text-align:left;margin-left:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature-grid article{border:1px solid var(--border);border-radius:var(--radius);padding:28px;background:var(--card)}.feature-grid article>span{font-size:26px;color:var(--purple)}.feature-grid h3{font-size:1.05rem;margin:16px 0 7px}.feature-grid p{color:var(--muted);font-size:14px}.tinted{background:var(--surface)}.steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0}.steps li{padding:30px;border-top:2px solid var(--purple);background:var(--card);border-radius:0 0 var(--radius) var(--radius)}.steps li>span{font-size:12px;font-weight:800;color:var(--purple)}.steps h3{margin:32px 0 8px}.steps p{font-size:14px;color:var(--muted)}.privacy-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.privacy-grid h2{font-size:clamp(2rem,4vw,3.2rem);margin:12px 0 18px}.privacy-grid p{color:var(--muted)}.privacy-grid ul{list-style:none;padding:0;margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.privacy-grid li::before{content:"✓";color:var(--success);font-weight:900;margin-right:8px}.privacy-visual{min-height:330px;border-radius:24px;background:color-mix(in srgb,var(--purple) 10%,var(--surface));display:grid;place-items:center;position:relative}.device{width:210px;height:210px;border:2px solid var(--purple);border-radius:30px;background:var(--card);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;font-weight:900;letter-spacing:.12em}.lock{font-size:44px;margin:12px}.device span{color:var(--purple)}.blocked{position:absolute;right:18px;bottom:25px;background:var(--card);box-shadow:var(--shadow);padding:10px 14px;border-radius:10px;font-size:9px;letter-spacing:.08em}.blocked b{display:block;color:var(--danger)}.faq-list{border-top:1px solid var(--border)}details{border-bottom:1px solid var(--border);padding:0 3px}summary{cursor:pointer;list-style:none;padding:20px 35px 20px 0;font-weight:750;position:relative}summary::after{content:"+";position:absolute;right:5px;color:var(--purple);font-size:24px;font-weight:400;top:13px}details[open] summary::after{content:"−"}details p{color:var(--muted);padding:0 45px 20px 0}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tools-grid>*{padding:18px;border:1px solid var(--border);border-radius:12px;background:var(--card);display:flex;justify-content:space-between;font-weight:700;font-size:14px}.tools-grid a:hover{border-color:var(--purple);color:var(--purple)}.tools-grid small{color:var(--muted);font-weight:500}.final-cta{text-align:center;padding:90px 0;background:var(--purple);color:#fff}.final-cta .kicker{color:var(--lime)}.final-cta h2{font-size:clamp(2rem,5vw,3.5rem);margin:12px 0}.final-cta p{opacity:.8;margin-bottom:26px}footer{padding:45px 0;border-top:1px solid var(--border)}footer .container{display:flex;align-items:center;gap:24px}footer p{color:var(--muted);font-size:13px}footer .container>span{margin-left:auto;color:var(--muted);font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:3px solid rgba(107,79,187,.35);outline-offset:3px}
@media(max-width:900px){.tool-shell{grid-template-columns:1fr}.settings-panel{border-left:0;border-top:1px solid var(--border)}.feature-grid{grid-template-columns:repeat(2,1fr)}.privacy-grid{gap:30px}.result-panel{align-items:flex-start;flex-wrap:wrap}.result-actions{margin-left:66px}.tools-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.container{width:min(100% - 28px,1160px)}.site-header nav{display:none}.hero{padding:48px 0 55px}.hero h1{font-size:2.75rem}.trust-badges{gap:10px 16px}.converter-section{padding-bottom:65px}.privacy-banner{text-align:left;align-items:flex-start}.tool-main,.settings-panel{padding:22px 16px}.preview-grid{grid-template-columns:1fr}.preview-card{grid-template-columns:86px minmax(0,1fr)}.preview-header{align-items:flex-start}.file-stats{flex-direction:column;gap:3px}.settings-panel{padding-bottom:95px}.convert-button{position:sticky;bottom:12px;z-index:20;box-shadow:0 10px 28px rgba(107,79,187,.35)}.result-actions{margin:8px 0 0;width:100%;flex-wrap:wrap}.result-actions .button{flex:1}.section{padding:70px 0}.feature-grid,.steps,.privacy-grid{grid-template-columns:1fr}.feature-grid article{padding:23px}.privacy-grid ul{grid-template-columns:1fr}.privacy-visual{min-height:280px}.tools-grid{grid-template-columns:1fr}.final-cta{padding:70px 0}footer .container{align-items:flex-start;flex-direction:column;gap:12px}footer .container>span{margin-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
[hidden]{display:none!important}.segmented input{width:1px;height:1px;inset:auto}