:root{--ink:#172036;--muted:#657087;--blue:#5c6dff;--lilac:#f4f5ff;--line:#e7eaf2;--mint:#55c998;--surface:#fff;--shadow:0 20px 60px rgba(30,46,92,.11)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Manrope,Arial,sans-serif;background:#fff;font-size:16px}.topbar{height:82px;max-width:1180px;padding:0 26px;margin:auto;display:flex;align-items:center;justify-content:space-between;animation:topbar-in .6s cubic-bezier(.16,1,.3,1) both}.brand{color:var(--ink);font:800 23px/1 Manrope,sans-serif;display:flex;gap:10px;align-items:center;text-decoration:none;letter-spacing:-1px;transition:transform .25s ease}.brand:hover{transform:translateY(-1px)}.brand>span>span{color:var(--blue)}.brand-mark{display:grid;place-items:center;width:31px;height:31px;color:#fff;background:linear-gradient(135deg,#6d7cff,#5061ed);border-radius:10px;box-shadow:0 7px 18px rgba(77,94,225,.25)}.brand-mark svg{width:17px;height:17px;stroke-width:2.5}.topbar nav{display:flex;gap:29px}.topbar nav a,footer a{font-weight:600;font-size:14px;color:#596378;text-decoration:none;transition:color .2s ease}.topbar nav a:hover,footer a:hover{color:var(--blue)}.header-controls{display:flex;align-items:center;gap:10px}.language-picker{position:relative}.language-toggle{height:42px;min-width:57px;display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid #dce1ee;background:#fff;border-radius:12px;color:#4d5870;font:700 12px Manrope,sans-serif;cursor:pointer;transition:border-color .2s,box-shadow .2s,color .2s}.language-toggle:hover,.language-toggle[aria-expanded=true]{border-color:#aeb8ff;color:#4355da;box-shadow:0 7px 18px rgba(61,82,194,.09)}.language-toggle svg{width:14px;height:14px;transition:transform .25s ease}.language-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.language-menu{position:absolute;right:0;z-index:10;top:50px;width:142px;padding:5px;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border:1px solid var(--line);box-shadow:0 18px 38px rgba(29,45,90,.16);border-radius:14px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px) scale(.96);transform-origin:top right;transition:opacity .18s ease,transform .22s cubic-bezier(.16,1,.3,1),visibility .22s}.language-menu.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}.language-menu button{width:100%;padding:10px;border:0;border-radius:9px;background:transparent;color:#4d5870;text-align:left;font:600 12px Manrope,sans-serif;cursor:pointer;transition:background .16s,color .16s,transform .16s}.language-menu button:hover,.language-menu button.active{background:#eef0ff;color:#4355da;transform:translateX(2px)}.header-action,.convert-button,.download-button{border:0;color:#fff;background:var(--blue);font:700 14px Manrope,sans-serif;border-radius:12px;padding:13px 19px;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s}.header-action:hover,.convert-button:hover,.download-button:hover{background:#4457ed;transform:translateY(-2px);box-shadow:0 9px 20px rgba(63,82,218,.22)}.converter{padding:78px 20px 58px;text-align:center;background:radial-gradient(circle at 50% 25%,#f2f4ff 0,#fff 56%)}.eyebrow,.section-kicker{font-size:12px;letter-spacing:1.5px;font-weight:800;color:#6f7890}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;color:#4a56c8;animation:fade-up .6s .08s cubic-bezier(.16,1,.3,1) both}.eyebrow>span:first-child{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 5px #d9f6e9;animation:soft-pulse 2.4s ease-in-out infinite}.converter h1{font:800 clamp(38px,5.3vw,68px)/1.05 Manrope,sans-serif;letter-spacing:-3.2px;margin:0;animation:fade-up .7s .15s cubic-bezier(.16,1,.3,1) both}.converter h1 em{font-style:normal;color:var(--blue)}.lead{font-size:17px;line-height:1.65;color:var(--muted);max-width:605px;margin:22px auto 34px;animation:fade-up .7s .24s cubic-bezier(.16,1,.3,1) both}.converter-card{width:min(710px,100%);margin:auto;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);text-align:left;overflow:hidden;animation:card-in .75s .32s cubic-bezier(.16,1,.3,1) both}.drop-state{padding:52px 20px 46px;text-align:center;border:2px dashed #cfd5eb;margin:10px;border-radius:16px;transition:border-color .2s,background .2s,transform .2s}.drop-state.dragging{border-color:var(--blue);background:#f5f6ff;transform:scale(.992)}.drop-icon{width:53px;height:53px;display:grid;place-items:center;margin:0 auto 16px;background:#eef0ff;border-radius:17px;color:var(--blue);transition:transform .25s ease,background .25s ease}.drop-state:hover .drop-icon{transform:translateY(-3px) rotate(-3deg);background:#e5e8ff}.drop-icon svg{width:25px;height:25px;stroke-width:1.8}.drop-state h2,.ready-state h2,.error-state h2{margin:0;font:800 21px Manrope,sans-serif}.drop-state p{margin:7px 0 14px;color:var(--muted);font-size:14px}.link-button{padding:0;border:0;background:none;color:var(--blue);font:700 14px Manrope;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.drop-state small{color:#8a93a6;font-size:12px}.hidden{display:none!important}.file-state{padding:22px;animation:fade-up .3s ease both}.file-row{display:flex;align-items:center;gap:13px;padding:12px 0 21px;border-bottom:1px solid var(--line)}.file-badge{width:47px;height:47px;display:grid;place-items:center;background:#e9ecff;color:#4556de;border-radius:11px;font-size:11px;font-weight:800}.file-row strong,.file-row span{display:block;max-width:410px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-row strong{font-size:14px}.file-row span{font-size:12px;margin-top:3px;color:var(--muted)}.file-row button{margin-left:auto;display:grid;place-items:center;background:#f7f8fb;border:0;color:#6b7488;border-radius:9px;width:32px;height:32px;cursor:pointer;transition:background .18s,color .18s,transform .18s}.file-row button:hover{background:#fff0f1;color:#e15d65;transform:rotate(90deg)}.file-row button svg{width:18px;height:18px}.format-panel{padding:21px 0}.format-panel label{display:block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:#7c8496;margin-bottom:11px}.format-options{display:flex;gap:9px;flex-wrap:wrap}.format-options button{border:1px solid #dce0e9;background:white;border-radius:10px;color:#586277;padding:10px 15px;font:700 13px Manrope;cursor:pointer;transition:transform .18s,border-color .18s,background .18s,color .18s}.format-options button:hover{transform:translateY(-2px);border-color:#bcc4fa;color:#4355da}.format-options button.selected{background:#eef0ff;border-color:#aeb8ff;color:#4355da}.compression-summary{width:100%;padding:13px 14px;border-radius:11px;background:#effaf5;color:#397d62;font-size:13px;font-weight:700}.operation-note{margin:12px 0 0;color:#667188;font-size:12px;line-height:1.55}.convert-button{width:100%;padding:16px}.convert-button:disabled{cursor:not-allowed;background:#bfc5d8;box-shadow:none;transform:none}.progress-state{padding:28px;animation:fade-up .3s ease both}.progress-head{display:flex;justify-content:space-between;gap:20px}.progress-head strong,.progress-head span{display:block}.progress-head strong{font-size:16px}.progress-head div span{margin-top:5px;font-size:13px;color:var(--muted)}.progress-head>span{color:var(--blue);font-size:14px;font-weight:800}.progress-track{height:9px;background:#e8ebf3;border-radius:999px;margin:22px 0;overflow:hidden}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5c6dff,#61d2aa);width:0%;transition:width .5s cubic-bezier(.2,.8,.2,1)}.ad-slot{height:100px;position:relative;overflow:hidden;border-radius:13px;background:#f6f7fb;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8a93a4}.ad-slot span{position:absolute;top:8px;left:10px;font-size:10px;text-transform:uppercase;letter-spacing:1px}.ad-slot b{font-size:12px}.ad-slot small{font-size:11px;margin-top:3px}.ready-state,.error-state{padding:42px 25px;text-align:center;animation:card-in .4s cubic-bezier(.16,1,.3,1) both}.success-icon,.error-icon{margin:0 auto 15px;display:grid;place-items:center;width:52px;height:52px;border-radius:50%}.success-icon{background:#e1f8ec;color:#20a96d}.error-icon{background:#fff0f0;color:#e15d65}.success-icon svg,.error-icon svg{width:25px;height:25px;stroke-width:2.5}.ready-state p,.error-state p{font-size:14px;color:var(--muted);margin:9px 0 23px}.download-button{display:inline-block;text-decoration:none;padding:14px 24px}.again-button{display:block;color:#596378;background:none;border:0;margin:16px auto 0;font:700 13px Manrope;cursor:pointer;transition:color .2s,transform .2s}.again-button:hover{color:var(--blue);transform:translateY(-1px)}.trust-row{display:flex;justify-content:center;gap:21px;margin-top:24px;color:#778197;font-size:12px;animation:fade-up .6s .45s cubic-bezier(.16,1,.3,1) both}.trust-row span:before{content:'✓';color:#31b47c;margin-right:6px;font-weight:800}.tools-section{max-width:1120px;margin:0 auto;padding:100px 28px;display:grid;grid-template-columns:290px 1fr;gap:78px}.section-intro h2,.security-section h2{font:800 41px/1.08 Manrope,sans-serif;letter-spacing:-2px;margin:14px 0}.section-intro p{font-size:14px;line-height:1.7;color:var(--muted)}.tools-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.tool-card{padding:23px;text-decoration:none;color:var(--ink);border:1px solid var(--line);border-radius:16px;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s,border-color .25s}.tool-card:hover{transform:translateY(-5px);box-shadow:0 17px 36px rgba(29,45,90,.12);border-color:#d7dcfc}.tool-icon{display:grid;place-items:center;width:39px;height:39px;padding:9px;border-radius:11px;margin-bottom:19px;stroke-width:1.9}.tool-card h3{font:800 15px Manrope,sans-serif;margin:0 0 5px}.tool-card p{font-size:12px;color:#738097;margin:0}.color-blue .tool-icon{background:#eaecff;color:#5668ed}.color-cyan .tool-icon{background:#e2f8f9;color:#32aeb5}.color-violet .tool-icon{background:#f0eaff;color:#9061e4}.color-amber .tool-icon{background:#fff3dd;color:#e19a2c}.color-coral .tool-icon{background:#ffebe8;color:#dd695e}.color-mint .tool-icon{background:#e2f8ec;color:#32ad78}.how-section{padding:81px max(28px,calc((100vw - 1064px)/2));background:#fafbfe}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:46px;margin-top:32px}.steps b{font:800 16px Manrope,sans-serif;color:var(--blue)}.steps h3{font:800 19px Manrope,sans-serif;margin:13px 0 8px}.steps p{line-height:1.65;color:var(--muted);font-size:14px;margin:0}.security-section{max-width:1064px;margin:auto;padding:86px 0;display:flex;justify-content:space-between;align-items:center;gap:80px}.security-section p{max-width:428px;line-height:1.75;color:var(--muted);font-size:15px}footer{border-top:1px solid var(--line);height:88px;padding:0 max(28px,calc((100vw - 1120px)/2));display:flex;align-items:center;gap:25px}footer span{margin-left:auto;color:#9098a8;font-size:12px}body.motion-ready .reveal{opacity:0;transform:translateY(22px);transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1)}body.motion-ready .reveal.is-visible{opacity:1;transform:none}.tool-card.reveal:nth-child(2){transition-delay:.05s}.tool-card.reveal:nth-child(3){transition-delay:.1s}.tool-card.reveal:nth-child(4){transition-delay:.15s}.tool-card.reveal:nth-child(5){transition-delay:.2s}.tool-card.reveal:nth-child(6){transition-delay:.25s}.tool-card.reveal:nth-child(7){transition-delay:.3s}.tool-card.reveal:nth-child(8){transition-delay:.35s}.tool-card.reveal:nth-child(9){transition-delay:.4s}.tool-card.reveal:nth-child(10){transition-delay:.45s}@keyframes topbar-in{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}@keyframes fade-up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes card-in{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}@keyframes soft-pulse{50%{box-shadow:0 0 0 8px rgba(217,246,233,.6)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(max-width:760px){.topbar{height:70px;padding:0 18px}.topbar nav{display:none}.header-controls{gap:7px}.language-toggle{height:38px;min-width:50px}.header-action{padding:10px 13px;font-size:12px}.converter{padding:55px 16px 45px}.converter h1{letter-spacing:-2px}.lead{font-size:15px}.drop-state{padding:38px 15px}.trust-row{gap:9px;flex-wrap:wrap;line-height:1.8}.tools-section{padding:65px 22px;display:block}.section-intro{max-width:400px;margin-bottom:31px}.tools-grid{gap:9px}.tool-card{padding:17px}.tool-icon{margin-bottom:13px}.tool-card h3{font-size:14px}.tool-card p{line-height:1.4}.how-section{padding:58px 24px}.steps{grid-template-columns:1fr;gap:27px}.security-section{padding:61px 24px;display:block}.security-section p{margin-top:22px}footer{height:auto;padding:24px;flex-wrap:wrap}.brand{font-size:20px}footer span{margin-left:auto}.file-row strong,.file-row span{max-width:180px}}
.brand-mark{background:none!important;box-shadow:none!important;border-radius:0!important}.brand-mark img{display:block;width:31px;height:31px}
@media (hover:hover) and (pointer:fine){.tool-card:hover{transform:translateY(-3px)!important;box-shadow:0 10px 24px rgba(29,45,90,.09)!important;transition:transform .36s cubic-bezier(.16,1,.3,1),box-shadow .36s cubic-bezier(.16,1,.3,1),border-color .36s ease!important}}
@media (hover:none),(pointer:coarse){a,button,input{-webkit-tap-highlight-color:transparent}a:focus,button:focus,input:focus{outline:none}.tool-card:hover{transform:none!important;box-shadow:none!important;border-color:var(--line)!important}.brand:hover,.header-action:hover,.convert-button:hover,.download-button:hover,.format-options button:hover,.again-button:hover{transform:none!important;box-shadow:none!important}.drop-state:hover .drop-icon{transform:none!important;background:#eef0ff!important}.file-row button:hover{transform:none!important;background:#f7f8fb!important;color:#6b7488!important}}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid rgba(92,109,255,.36);outline-offset:3px}
.brand,.brand:hover{transform:none!important}.seo-context{max-width:710px;margin:34px auto 0;padding:22px 24px;text-align:left;background:rgba(244,245,255,.68);border:1px solid #e5e8fa;border-radius:16px}.seo-context h2{margin:0 0 7px;font-size:16px;letter-spacing:-.3px}.seo-context p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}@media(max-width:760px){.seo-context{margin-top:26px;padding:18px;text-align:left}.seo-context h2{font-size:15px}}
.drop-state.returning{animation:drop-return .42s cubic-bezier(.16,1,.3,1) both}@keyframes drop-return{from{opacity:.25;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
.tool-card.is-current{background:#f3f4ff;border-color:#c9d0ff;box-shadow:inset 0 0 0 1px rgba(92,109,255,.08)}.tool-card.is-current h3{color:#384bcf}.tool-card.is-current .tool-icon{background:#dfe3ff;color:#4355da}.tool-card.is-current p{color:#61708e}@media (hover:hover) and (pointer:fine){.tool-card.is-current:hover{background:#f0f2ff;border-color:#bfc8ff;box-shadow:0 10px 24px rgba(29,45,90,.09),inset 0 0 0 1px rgba(92,109,255,.08)!important}}.popular-section{max-width:1064px;margin:0 auto;padding:12px 0 88px;display:grid;grid-template-columns:290px 1fr;gap:54px}.popular-section h2{font:800 30px/1.12 Manrope,sans-serif;letter-spacing:-1.5px;margin:13px 0}.popular-section p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}.popular-links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-content:start}.popular-links a{padding:13px 14px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:#44516a;font:700 13px Manrope,sans-serif;background:#fff;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.popular-links a span{color:var(--blue);margin:0 4px}.popular-links a:hover{transform:translateY(-2px);border-color:#c7ceff;box-shadow:0 8px 18px rgba(58,74,145,.08)}@media(max-width:760px){.popular-section{padding:0 22px 64px;display:block}.popular-links{grid-template-columns:repeat(2,1fr);margin-top:24px}.popular-links a{padding:12px}}