@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#17243b;--muted:#66748b;--blue:#315efb;--pale:#f3f6ff;--line:#e6ebf3}
*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:'DM Sans',sans-serif;background:white}h1,h2,h3,.brand{font-family:Manrope,sans-serif;letter-spacing:-.035em}.site-header{border-bottom:1px solid #edf0f5;background:#fff}.brand{font-size:1.1rem;font-weight:800;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:.45rem}.brand-mark{display:grid;place-items:center;background:var(--blue);color:white;border-radius:11px;width:34px;height:34px}.brand-muted{font-weight:500;color:#758198}.nav-link{font-weight:600;color:#536078!important}.hero{text-align:center;padding:72px 0 30px}.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.15em;color:var(--blue)}.hero h1{font-size:clamp(2.4rem,5vw,4.2rem);line-height:1.07;font-weight:800;margin:17px auto;max-width:920px}.hero h1 span{color:var(--blue)}.hero p{font-size:1.05rem;color:var(--muted);max-width:670px;margin:auto}.ad-wrap{margin-top:23px;margin-bottom:23px}.ad-label{text-align:center;text-transform:uppercase;letter-spacing:.12em;font-size:.65rem;color:#9ba4b5;margin-bottom:6px}.ad-slot{min-height:90px;max-width:970px;margin:auto;display:flex;justify-content:center;align-items:center;border:1px dashed #dce2ed;border-radius:12px;background:#fafbfd;color:#a2aaba;font-size:.75rem}.converter-card{max-width:930px;border:1px solid var(--line);border-radius:22px;padding:clamp(20px,4vw,38px);box-shadow:0 18px 55px #1b2f5c12}.card-heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:25px}.card-heading h2{font-size:1.4rem;font-weight:800;margin:5px 0}.card-heading p{font-size:.82rem;color:var(--muted);max-width:260px;text-align:right}.step{font-size:.7rem;letter-spacing:.1em;color:var(--blue);font-weight:800}.dropzone{min-height:205px;border:1.5px dashed #b8c6e8;border-radius:16px;background:#f8faff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;cursor:pointer;text-align:center}.dropzone.dragover,.dropzone:hover{background:#edf2ff;border-color:var(--blue)}.upload-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:white;color:var(--blue);font-size:1.7rem;box-shadow:0 5px 18px #dfe6fa}.dropzone small{color:var(--muted)}.dropzone input{position:absolute;width:1px;height:1px;opacity:0}.file-summary{margin-top:12px;font-size:.85rem;overflow-wrap:anywhere}.format-row{display:flex;gap:13px;align-items:end;margin-top:22px}.field{flex:1;min-width:0}.field label{font-size:.8rem;font-weight:700;margin-bottom:8px}.field .form-select{padding:12px;border-radius:11px}.btn-primary{background:var(--blue);border-color:var(--blue);padding:12px 20px;border-radius:11px;font-weight:700;white-space:nowrap}.btn-primary:hover{background:#204ce8;border-color:#204ce8}.privacy-note{font-size:.75rem;color:#8b95a8;margin:18px 0 0}.progress-wrap{margin-top:20px}.progress{height:7px;border-radius:10px}.progress-wrap p{font-size:.8rem;color:var(--muted);margin-top:8px}.result,.error-box{margin-top:18px;padding:15px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.result{background:#effaf5;border:1px solid #cceede}.error-box{background:#fff3f2;border:1px solid #ffd6d2;color:#a12e27}.section{padding-top:48px;padding-bottom:30px}.section-title{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.section-title h2,.info-grid h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;margin:8px 0 0}.search{width:100%;max-width:290px;padding:12px;border:1px solid #dce3ee;border-radius:11px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tool-card{border:1px solid var(--line);border-radius:17px;padding:23px;text-decoration:none;color:inherit;transition:.2s}.tool-card:hover{transform:translateY(-3px);box-shadow:0 14px 35px #1b2f5c12;color:inherit}.tool-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:13px;background:var(--pale);color:var(--blue);font-weight:800}.tool-card h3{font-size:1.05rem;font-weight:800;margin:18px 0 8px}.tool-card p{color:var(--muted);font-size:.86rem;line-height:1.6;min-height:44px}.tool-link{font-size:.85rem;font-weight:700;color:var(--blue)}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding-top:45px;padding-bottom:65px}.info-grid p{color:var(--muted);line-height:1.75}.steps{list-style:none;padding:0;margin:25px 0}.steps li{display:flex;flex-direction:column;gap:4px;border-bottom:1px solid var(--line);padding:15px 0}.steps li span{font-size:.85rem;color:var(--muted)}.site-footer{border-top:1px solid var(--line);padding:35px 0;background:#fbfcff}.footer-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.footer-inner p{color:var(--muted);font-size:.85rem;margin:0}.footer-links{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.footer-links a{font-size:.8rem;color:#66748b;text-decoration:none}.footer-inner small{font-size:.75rem;color:#98a1b1}.content-page{max-width:850px;padding-top:60px;padding-bottom:75px;min-height:60vh}.content-page h1{font-weight:800;font-size:clamp(2rem,5vw,3.3rem);margin:12px 0 20px}.content-page h2{font-size:1.3rem;font-weight:800;margin-top:30px}.content-page p,.content-page li{color:var(--muted);line-height:1.8}.faq-item{padding:20px 0;border-bottom:1px solid var(--line)}.faq-item h2{margin:0 0 8px;font-size:1.05rem}.faq-item p{margin:0}
@media(max-width:767px){.hero{padding:52px 0 25px}.card-heading{display:block}.card-heading p{text-align:left;margin:10px 0 0}.format-row{flex-direction:column;align-items:stretch}.format-row .btn{width:100%}.tool-grid{grid-template-columns:1fr}.section-title{align-items:stretch;flex-direction:column}.search{max-width:none}.info-grid{grid-template-columns:1fr;gap:25px;padding-top:25px}.brand{font-size:1rem}}
