:root{--ink:#17233b;--muted:#69758b;--blue:#3867f5;--navy:#101d35;--line:#e7edf6;--soft:#f5f8ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);font:15px/1.6 "DM Sans",Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.container{width:min(1160px,calc(100% - 40px));margin:auto}.site-header{height:78px;display:flex;align-items:center;background:#fff;border-bottom:1px solid #eef1f7;position:sticky;top:0;z-index:10}.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:9px;font:800 21px Manrope,sans-serif;letter-spacing:-.7px;white-space:nowrap}.brand-mark{height:30px;width:30px;display:grid;place-items:center;background:var(--blue);color:white;border-radius:9px;font-size:21px}.accent{color:var(--blue)}.main-nav{display:flex;gap:29px;font-size:13px;font-weight:600;color:#68748a}.main-nav a:hover,.main-nav .active{color:var(--blue)}.nav-cta{background:var(--navy);color:#fff;padding:11px 15px;border-radius:10px;font-size:12px;font-weight:700}.menu-toggle{display:none;border:0;background:none;font-size:23px}.hero{background:linear-gradient(115deg,#f8faff,#edf2ff);padding:70px 0 0;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;min-height:370px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:800;color:var(--blue)}.dot{display:inline-block;width:7px;height:7px;background:#36c99b;border-radius:50%;margin-right:7px}.hero h1,.intro h2,.section-heading h2,.center h2,.closing h2{font:800 clamp(39px,4.5vw,57px)/1.13 Manrope,sans-serif;letter-spacing:-2px;margin:20px 0}.hero h1 span,.intro h2 span,.section-heading h2 span,.center h2 span,.closing h2 span{color:var(--blue)}.lede{max-width:470px;color:var(--muted);line-height:1.9}.hero-actions{display:flex;gap:13px;margin-top:25px}.button{display:inline-flex;align-items:center;justify-content:center;gap:17px;padding:13px 18px;border:0;border-radius:10px;font-size:13px;font-weight:700;transition:.2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--blue);color:white;box-shadow:0 8px 18px #3867f52b}.quiet{color:var(--ink)}.proof{display:flex;align-items:center;gap:9px;margin-top:27px;font-size:10px;color:#788399}.proof span{background:#d7f8e9;color:#159b6b;border-radius:50%;padding:0 4px}.proof i{width:3px;height:3px;background:#bdc8da;border-radius:50%}.hero-art{height:360px;position:relative;display:flex;align-items:center;justify-content:center}.paper{position:absolute;width:145px;height:205px;border-radius:13px;background:#fff;border:1px solid #dfe7f5;box-shadow:0 22px 45px #233d7c17}.paper-back{background:#e5ecff;transform:translate(-35px,-5px) rotate(-9deg)}.paper-front{z-index:2;transform:translate(13px,5px) rotate(5deg);padding:28px 20px}.word-icon{height:32px;width:31px;border-radius:5px;background:#3974e8;color:white;display:grid;place-items:center;font-weight:800;margin:12px 0 18px}.paper-front b,.pdf-card b{display:block;height:5px;background:#e0e7f3;border-radius:5px;margin:9px 0}.paper-front b:nth-of-type(3){width:55%}.arrow{position:absolute;z-index:4;right:50px;top:130px;background:var(--blue);color:#fff;border-radius:50%;height:42px;width:42px;display:grid;place-items:center;font-size:22px}.pdf-card{position:absolute;z-index:3;right:5px;bottom:25px;background:#fff;border-radius:12px;width:115px;padding:17px;box-shadow:0 20px 40px #243c7d1c;transform:rotate(5deg)}.pdf-icon{background:#ffebeb;color:#df4f5b;font-size:11px;font-weight:800;padding:14px 8px;display:inline-block;border-radius:6px;margin-bottom:8px}.pdf-card span{position:absolute;right:-7px;bottom:-7px;background:#2cc58e;color:#fff;border-radius:50%;padding:1px 7px}.tag{position:absolute;z-index:5;background:#fff;border:1px solid #edf1fa;border-radius:9px;padding:10px 13px;box-shadow:0 10px 28px #1c397b12;font-size:10px;font-weight:700}.tag-top{right:15px;top:34px}.tag-bottom{left:5px;bottom:28px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e4eafa;margin-top:15px;padding:20px 0}.benefits>div{display:flex;align-items:center;justify-content:center;gap:12px;border-right:1px solid #dfe7f5}.benefits>div:first-child{justify-content:flex-start}.benefits>div:last-child{border:0;justify-content:flex-end}.benefits>div>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid #dbe5fc;background:white;border-radius:10px;color:var(--blue)}.benefits p{margin:0}.benefits strong,.benefits small{display:block}.benefits strong{font-size:11px}.benefits small{font-size:10px;color:#8390a5}.section{padding:85px 0}.converter-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center}.intro h2,.section-heading h2,.center h2{font-size:37px;letter-spacing:-1.5px;margin:15px 0}.intro>p,.section-heading>p,.center>p{font-size:13px;color:var(--muted);line-height:1.85}.note{margin-top:25px;padding:15px;background:#f6f9ff;border:1px solid #e9effb;border-radius:12px;font-size:12px}.note p{font-size:11px;color:var(--muted);margin:4px 0 0}.upload-card{border:1px solid #e6ebf5;border-radius:19px;padding:22px;box-shadow:0 18px 55px #1e397a0c}.card-heading{display:flex;align-items:center;gap:11px;margin-bottom:18px}.file-badge{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#eaf0ff;color:#2860dc;font-weight:800}.card-heading strong,.card-heading small{display:block}.card-heading strong{font-size:14px}.card-heading small{font-size:11px;color:var(--muted)}.pill{margin-left:auto;background:#e3fbf1;color:#168c68;padding:5px 8px;border-radius:6px;font-size:9px;font-weight:800}.drop-zone{border:1.5px dashed #cbd7f1;border-radius:14px;background:#fafbff;text-align:center;padding:27px 14px;cursor:pointer}.drop-zone.dragover{border-color:var(--blue);background:#f0f4ff}.upload-symbol{width:44px;height:44px;margin:0 auto 12px;display:grid;place-items:center;background:#e8efff;color:var(--blue);border-radius:13px;font-size:25px}.drop-zone h3{font-size:14px;margin:0 0 5px}.drop-zone p{font-size:11px;color:var(--muted);margin:0}.drop-zone small{display:block;color:#98a2b5;font-size:10px;margin-top:13px}.text-button{border:0;background:none;padding:0;color:var(--blue);font-weight:700}.selected-file{margin:12px auto 0;padding:8px;background:#eef3ff;color:#2449a3;border-radius:8px;font-size:11px;overflow-wrap:anywhere}.upload-actions{margin-top:16px}.full{width:100%}#convertStatus{text-align:center;color:#8a95a8;font-size:10px;margin:10px 0 0}#convertStatus.error{color:#c43c4b}#convertStatus.success{color:#14865f}.tools-section{background:#f8faff}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:330px;margin:0 0 4px}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.tool-card{background:#fff;border:1px solid #e8edf6;border-radius:15px;padding:21px 18px;min-height:230px;display:flex;flex-direction:column;align-items:flex-start;transition:.2s}.tool-card:hover{transform:translateY(-4px);box-shadow:0 15px 30px #1f39780d}.tool-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;margin-bottom:16px;font-weight:800}.tool-card small{font-size:9px;letter-spacing:1.2px;color:#8490a5;font-weight:800}.tool-card h3{font-size:15px;margin:7px 0 4px}.tool-card p{font-size:11px;line-height:1.7;color:var(--muted);margin:0 0 16px}.tool-link{margin-top:auto;color:var(--blue);font-size:11px}.coming{margin-top:auto;color:#8994a7;background:#f1f4f9;padding:5px 8px;border-radius:6px;font-size:10px}.footnote{font-size:10px;color:#8994a7;margin-top:15px}.center{text-align:center;margin-bottom:38px}.center .eyebrow{display:block}.center h2{margin-bottom:8px}.center>p{margin:0}.steps{display:grid;grid-template-columns:1fr 25px 1fr 25px 1fr;align-items:center;gap:14px}.steps article{position:relative;border:1px solid #e9edf5;border-radius:15px;padding:23px;min-height:195px}.steps em{position:absolute;right:15px;top:10px;font-style:normal;font-size:11px;color:#b4bfd3;font-weight:800}.step-icon{width:42px;height:42px;border-radius:12px;background:#eaf0ff;color:var(--blue);display:grid;place-items:center;font-size:20px}.steps h3{font-size:14px;margin:17px 0 5px}.steps p{font-size:11px;color:var(--muted);line-height:1.7;margin:0}.connector{text-align:center;color:#9baedc;font-size:22px}.closing{background:var(--navy);padding:48px 0;color:#fff}.closing-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.light{color:#a9baff}.closing h2{font-size:34px;letter-spacing:-1.2px;margin:12px 0 0}.closing h2 span{color:#a9f2d7}.white{background:#fff;color:var(--navy)}.site-footer{background:#0c172b;color:#dce4f5;padding:40px 0 20px}.footer-top{display:flex;justify-content:space-between;gap:30px;padding-bottom:30px}.brand-light{color:white}.footer-top p{color:#8896b0;font-size:11px}.footer-links{display:flex;gap:65px}.footer-links div{display:flex;flex-direction:column;gap:7px}.footer-links strong{font-size:11px;color:#fff;margin-bottom:4px}.footer-links a{font-size:11px;color:#94a1b8}.footer-bottom{border-top:1px solid #26334b;padding-top:16px;display:flex;justify-content:space-between;color:#75839d;font-size:10px}
@media(max-width:900px){.main-nav{gap:14px}.nav-wrap{gap:12px}.hero-art{transform:scale(.9)}.converter-grid{gap:30px}.tool-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.container{width:calc(100% - 32px)}.site-header{height:68px}.brand{font-size:19px}.menu-toggle{display:block;margin-left:auto}.main-nav{display:none;position:absolute;left:16px;right:16px;top:60px;padding:15px;background:white;border:1px solid var(--line);border-radius:13px;box-shadow:0 15px 30px #17233b12;flex-direction:column;gap:0}.main-nav.open{display:flex}.main-nav a{padding:10px 5px}.nav-cta{display:none}.hero{padding-top:40px}.hero-grid{grid-template-columns:1fr;gap:0}.hero h1{font-size:43px}.lede{font-size:13px}.hero-art{height:295px;transform:scale(.88);margin:-5px -15px 0}.proof{flex-wrap:wrap;font-size:9px}.benefits{grid-template-columns:1fr;gap:12px;margin-top:0}.benefits>div,.benefits>div:first-child,.benefits>div:last-child{justify-content:flex-start;border:0}.converter-grid{grid-template-columns:1fr;gap:25px}.section{padding:58px 0}.intro h2,.section-heading h2,.center h2{font-size:31px}.upload-card{padding:15px}.section-heading{display:block}.section-heading>p{margin-top:12px}.tool-grid{gap:10px}.tool-card{padding:15px 12px;min-height:225px}.tool-card h3{font-size:13px}.steps{grid-template-columns:1fr;gap:10px}.steps article{min-height:auto}.connector{transform:rotate(90deg);height:15px}.closing-inner{align-items:flex-start;flex-direction:column}.closing h2{font-size:30px}.footer-top{flex-direction:column}.footer-links{gap:40px}.footer-bottom{flex-direction:column;gap:5px}}

/* Header navigation logo size */
.site-header .nav-wrap > a.brand {
    width: auto;
    max-width: none;
    flex: 0 1 auto;
}

.site-header .nav-wrap > a.brand > img.site-logo {
    display: block;
    width: 260px;
    max-width: 260px;
    height: 65px;
    object-fit: contain;
    object-position: left center;
}

@media (max-width: 680px) {
    .site-header .nav-wrap > a.brand > img.site-logo {
        width: 200px;
        max-width: 200px;
        height: 52px;
    }
}

/* OnlineConverto brand color theme */
:root {
    --blue: #0A66C2;
}

/* Navigation button */
.nav-cta {
    background: #0A66C2;
}

.nav-cta:hover {
    background: #004182;
}

/* Primary buttons */
.primary {
    background: #0A66C2;
    box-shadow: 0 8px 18px rgba(10, 102, 194, 0.18);
}

.primary:hover {
    background: #004182;
}

/* Brand-colored links */
.text-button,
.tool-link {
    color: #0A66C2;
}

/* Footer logo */
.footer-brand {
    display: inline-flex;
    align-items: center;
    max-width: 280px;
}

.footer-logo {
    display: block;
    width: 260px;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

.footer-brand-section > p {
    margin-top: 12px;
}

@media (max-width: 680px) {
    .footer-logo {
        width: 220px;
    }
}

/* Footer logo size and alignment correction */
.footer-brand-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.footer-brand {
    display: flex;
    align-items: center;
    width: 190px;
    max-width: 100%;
    margin: 0;
}

.footer-logo {
    display: block;
    width: 190px;
    max-width: 100%;
    height: 52px;
    object-fit: contain;
    object-position: left center;
}

.footer-brand-section > p {
    margin-top: 10px;
}

@media (max-width: 680px) {
    .footer-brand {
        width: 170px;
    }

    .footer-logo {
        width: 170px;
        height: 46px;
    }
}

/* Footer logo final size adjustment */
.footer-brand {
    width: 225px;
}

.footer-logo {
    width: 225px;
    height: 62px;
}

@media (max-width: 680px) {
    .footer-brand {
        width: 195px;
    }

    .footer-logo {
        width: 195px;
        height: 54px;
    }
}

/* Larger footer logo with white rounded background */
.footer-brand {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    width: 300px;
    max-width: 100%;
    padding: 12px 16px;
    background: #ffffff;
    border-radius: 16px;
    box-sizing: border-box;
}

.footer-logo {
    display: block;
    width: 268px;
    max-width: 100%;
    height: 76px;
    object-fit: contain;
    object-position: left center;
}

@media (max-width: 680px) {
    .footer-brand {
        width: 260px;
        padding: 10px 14px;
    }

    .footer-logo {
        width: 232px;
        height: 66px;
    }
}

/* Footer logo: white background fitted closely to image */
.footer-brand {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    max-width: 100%;
    padding: 0;
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    box-sizing: border-box;
}

.footer-logo {
    display: block;
    width: 300px;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

@media (max-width: 680px) {
    .footer-logo {
        width: 250px;
    }
}

/* Refined footer logo frame */
.footer-brand {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    max-width: 100%;
    padding: 6px;
    background: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    box-sizing: border-box;
}

.footer-logo {
    display: block;
    width: 260px;
    max-width: 100%;
    height: auto;
    margin: 0;
    object-fit: contain;
}

@media (max-width: 680px) {
    .footer-logo {
        width: 220px;
    }
}

/* Slightly smaller white frame around footer logo */
.footer-brand {
    padding: 3px;
    border-radius: 6px;
}

.footer-logo {
    width: 250px;
    height: auto;
}

@media (max-width: 680px) {
    .footer-logo {
        width: 215px;
    }
}

/* Compact button-style footer logo background */
.footer-brand {
    display: inline-flex;
    width: fit-content;
    padding: 8px 14px;
    background: #ffffff;
    border-radius: 10px;
    box-sizing: border-box;
}

.footer-logo {
    display: block;
    width: 250px;
    max-width: 100%;
    height: auto;
}

@media (max-width: 680px) {
    .footer-logo {
        width: 215px;
    }
}

/* Tighter footer logo background */
.footer-brand {
    padding: 3px;
}

/* Minimal white background padding */
.footer-brand {
    padding: 0;
    border-radius: 6px;
}

.footer-logo {
    width: 250px;
    height: auto;
}

@media (max-width: 680px) {
    .footer-logo {
        width: 215px;
    }
}

/* Footer logo: reduce white background height */
.footer-brand {
    padding: 0;
    line-height: 0;
    border-radius: 6px;
}

.footer-logo {
    width: 250px;
    height: 40px;
    object-fit: contain;
}

@media (max-width: 680px) {
    .footer-logo {
        width: 215px;
        height: 34px;
    }
}

/* Footer logo: 30% shorter than previous size */
.footer-brand {
    padding: 0;
    line-height: 0;
}

.footer-logo {
    width: 250px;
    height: 28px;
    object-fit: contain;
}

@media (max-width: 680px) {
    .footer-logo {
        width: 215px;
        height: 24px;
    }
}

/* Footer logo: increase height by 60% */
.footer-logo {
    width: 250px;
    height: 45px;
    object-fit: contain;
}

@media (max-width: 680px) {
    .footer-logo {
        width: 215px;
        height: 38px;
    }
}

/* Footer logo: increase height by 30% */
.footer-logo {
    width: 250px;
    height: 59px;
    object-fit: contain;
}

@media (max-width: 680px) {
    .footer-logo {
        width: 215px;
        height: 49px;
    }
}

/* Footer logo: reduce width by 30% */
.footer-logo {
    width: 175px;
    height: 59px;
    object-fit: contain;
}

@media (max-width: 680px) {
    .footer-logo {
        width: 150px;
        height: 49px;
    }
}

/* Footer logo: increase width by 15% */
.footer-logo {
    width: 201px;
    height: 59px;
    object-fit: contain;
}

@media (max-width: 680px) {
    .footer-logo {
        width: 173px;
        height: 49px;
    }
}

/* Header navigation logo size adjustment */
.site-header .site-logo {
    width: 240px !important;
    height: 60px !important;
    max-width: 100%;
    object-fit: contain;
}

@media (max-width: 680px) {
    .site-header .site-logo {
        width: 185px !important;
        height: 48px !important;
    }
}

/* Header navigation logo: reduce size by 35% */
.site-header .site-logo {
    width: 156px !important;
    height: 39px !important;
    object-fit: contain;
}

@media (max-width: 680px) {
    .site-header .site-logo {
        width: 120px !important;
        height: 31px !important;
    }
}

/* Header logo size — targeted correction */
.site-header .nav-wrap > .brand > img.site-logo {
    width: 260px !important;
    height: 65px !important;
    max-width: 260px !important;
    object-fit: contain;
}

@media (max-width: 680px) {
    .site-header .nav-wrap > .brand > img.site-logo {
        width: 200px !important;
        height: 52px !important;
        max-width: 200px !important;
    }
}