:root{--ink:#152022;--muted:#687375;--line:#dce4e3;--soft:#f2f7f6;--cream:#fbfaf6;--brand:#d55234;--brand-dark:#ac351e;--green:#0c806d;--green-dark:#086353}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}[hidden]{display:none!important}
.site-header{max-width:1180px;margin:0 auto;padding:22px 28px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;font-size:20px;font-weight:800;letter-spacing:-.7px}.brand-mark{width:35px;height:35px;border-radius:10px;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:12px;letter-spacing:-.5px;box-shadow:inset 0 -2px 0 rgb(0 0 0 / 12%)}.brand-dot{color:var(--brand)}nav{display:flex;gap:30px;font-size:14px;color:#495456}nav a:hover{color:var(--brand)}
.hero{max-width:820px;margin:54px auto 42px;padding:0 24px;text-align:center}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--green);background:#e8f4f1;border-radius:999px;padding:8px 13px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgb(12 128 109 / 12%)}.hero h1{margin:22px 0 18px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(44px,7vw,72px);line-height:.99;letter-spacing:-3.4px;font-weight:600}.hero h1 em{color:var(--brand);font-weight:500}.hero>p{max-width:680px;margin:0 auto;color:var(--muted);font-size:18px;line-height:1.65}.trust-row{margin-top:23px;display:flex;justify-content:center;gap:24px;color:#536061;font-size:13px}
.converter{width:min(880px,calc(100% - 32px));margin:0 auto 110px;padding:28px;border:1px solid #d9e1df;border-radius:24px;background:#fff;box-shadow:0 25px 70px rgb(35 49 49 / 10%),0 3px 9px rgb(35 49 49 / 5%)}.converter-heading,.settings-title{display:flex;align-items:center;justify-content:space-between}.converter-heading>div,.settings-title{gap:11px}.converter-heading>div{display:flex;align-items:center}.converter h2{margin:0;font-size:18px;letter-spacing:-.3px}.step-number{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#fbe9e4;color:var(--brand-dark);font-size:12px;font-weight:800}.text-button{border:0;background:transparent;color:var(--brand-dark);font-size:13px;font-weight:700;cursor:pointer}
.drop-zone{width:100%;min-height:230px;margin-top:18px;padding:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#fcfdfc;border:1.5px dashed #afc1bd;border-radius:16px;color:var(--ink);cursor:pointer;transition:.2s ease}.drop-zone:hover,.drop-zone:focus-visible,.drop-zone.is-dragging{border-color:var(--brand);background:#fffaf8;outline:none;transform:translateY(-1px)}.drop-zone strong{font-size:17px}.drop-zone small{color:var(--muted)}.upload-icon{width:52px;height:52px;display:grid;place-items:center;position:relative;border-radius:15px;background:#fbe9e4;color:var(--brand)}.upload-icon:before{content:"";width:20px;height:24px;border:2px solid currentColor;border-radius:3px;position:absolute}.upload-icon i{position:relative;font-style:normal;background:#fbe9e4;transform:translateY(-1px)}
.image-list{margin-top:18px;border:1px solid var(--line);border-radius:15px;overflow:hidden}.list-summary{padding:11px 15px;display:flex;justify-content:space-between;background:var(--soft);color:var(--muted);font-size:12px;font-weight:700}.image-row{display:grid;grid-template-columns:22px 26px 62px 1fr auto;gap:11px;align-items:center;padding:11px 13px;border-top:1px solid var(--line);background:#fff}.drag-handle{color:#a7b0b0;letter-spacing:-5px;cursor:grab}.page-order{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:#edf3f2;font-size:11px;font-weight:800}.thumb{width:58px;height:48px;border-radius:7px;overflow:hidden;background:#edf1f1}.thumb img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.image-info{min-width:0;display:flex;flex-direction:column;gap:4px}.image-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.image-info span{color:var(--muted);font-size:11px}.row-actions{display:flex;gap:5px}.row-actions button{width:30px;height:30px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#536061;cursor:pointer}.row-actions button:hover:not(:disabled){border-color:#96a9a5;background:var(--soft)}.row-actions button:disabled{opacity:.3;cursor:default}.row-actions .remove{color:#b13d29}
.settings{margin-top:27px;padding-top:26px;border-top:1px solid var(--line);opacity:.55}.settings.settings-active{opacity:1}.settings-grid{margin-top:19px;display:grid;grid-template-columns:repeat(2,1fr);gap:15px}label{display:flex;flex-direction:column;gap:8px;color:#475153;font-size:12px;font-weight:700}select,input{width:100%;height:44px;padding:0 13px;border:1px solid #cfd9d7;border-radius:10px;background:#fff;color:var(--ink);outline:none}select:focus,input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgb(12 128 109 / 10%)}.filename-field{display:flex;align-items:center}.filename-field input{border-radius:10px 0 0 10px}.filename-field span{height:44px;display:flex;align-items:center;padding:0 12px;border:1px solid #cfd9d7;border-left:0;border-radius:0 10px 10px 0;background:var(--soft);color:var(--muted);font-weight:400}.size-limit{margin-top:17px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #bfd9d4;border-radius:13px;background:#f0f8f6}.size-limit>div:first-child{display:flex;align-items:center;gap:12px}.size-limit strong,.size-limit small{display:block}.size-limit strong{font-size:13px}.size-limit small{margin-top:4px;color:var(--muted);font-size:11px}.target-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;background:#fff;color:var(--green);font-size:22px;font-weight:700}.size-input{width:180px;display:grid;grid-template-columns:1fr 67px}.size-input input{border-radius:9px 0 0 9px}.size-input select{border-left:0;border-radius:0 9px 9px 0;background:#fff}.primary-button{width:100%;min-height:52px;margin-top:18px;padding:13px 20px;border:0;border-radius:12px;background:var(--brand);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 8px 18px rgb(213 82 52 / 20%);transition:.2s;text-align:center}.primary-button:hover:not(:disabled){background:var(--brand-dark);transform:translateY(-1px)}.primary-button:disabled{background:#bdc5c4;box-shadow:none;cursor:not-allowed}.primary-button.download{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--green);box-shadow:0 8px 18px rgb(12 128 109 / 24%)}.primary-button.download:hover,.primary-button.download:focus-visible{background:var(--green-dark);outline:3px solid rgb(12 128 109 / 14%)}.primary-button.download span{padding:3px 7px;border-radius:6px;background:rgb(255 255 255 / 16%);font-size:11px}.privacy-note{margin:12px 0 0;text-align:center;color:var(--muted);font-size:11px}.status-message{margin-top:15px;padding:11px 13px;border-radius:9px;background:#fff1ed;color:#973923;font-size:12px}.status-message.success{background:#eaf6f3;color:#0a6b5b}.progress{height:5px;margin-top:15px;overflow:hidden;border-radius:99px;background:#e6eceb}.progress span{height:100%;display:block;width:0;border-radius:inherit;background:var(--green);transition:width .25s}
.features{padding:105px 24px;background:var(--ink);color:#fff}.section-heading{max-width:680px;margin:0 auto 48px;text-align:center}.section-heading>span{color:#e78770;font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.section-heading h2{margin:13px 0 12px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(34px,5vw,50px);line-height:1.08;letter-spacing:-1.7px;font-weight:500}.section-heading p{color:#b8c2c2;line-height:1.7}.feature-grid{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-grid article{min-height:220px;padding:25px;border:1px solid #3a4748;border-radius:16px;background:#1c292b}.feature-grid b{color:#e78770;font-family:Georgia,serif;font-size:28px;font-weight:400}.feature-grid h3{margin:40px 0 10px;font-size:17px}.feature-grid p{margin:0;color:#b8c2c2;font-size:13px;line-height:1.65}
.faq{max-width:820px;margin:0 auto;padding:105px 24px}.faq .section-heading h2{color:var(--ink)}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{padding:21px 4px;list-style:none;display:flex;justify-content:space-between;gap:20px;font-weight:700;cursor:pointer}summary::-webkit-details-marker{display:none}summary:after{content:"+";color:var(--brand);font-size:21px;font-weight:400}details[open] summary:after{content:"−"}details p{margin:-5px 35px 22px 4px;color:var(--muted);line-height:1.7;font-size:14px}
footer{padding:42px 28px;display:grid;grid-template-columns:1fr auto;gap:12px 40px;align-items:center;border-top:1px solid var(--line);background:#fff}.footer-brand{grid-row:span 2}footer p,footer small{margin:0;color:var(--muted);font-size:12px}footer div{display:flex;gap:20px;color:#4f5b5c;font-size:12px}.noscript{position:fixed;left:0;right:0;bottom:0;margin:0;padding:12px;background:#9d2f1c;color:#fff;text-align:center}
@media(max-width:700px){.site-header{padding:18px}nav{display:none}.hero{margin-top:38px}.hero h1{letter-spacing:-2.2px}.hero>p{font-size:16px}.trust-row{flex-wrap:wrap;gap:9px 17px}.converter{padding:20px 15px;border-radius:18px}.drop-zone{min-height:200px;padding:25px 12px}.drop-zone small{line-height:1.6}.image-row{grid-template-columns:20px 50px 1fr;gap:9px}.page-order{display:none}.thumb{width:48px;height:44px}.row-actions{grid-column:2/-1;justify-content:flex-end}.settings-grid{grid-template-columns:1fr}.size-limit{align-items:stretch;flex-direction:column}.size-input{width:100%}.feature-grid{grid-template-columns:1fr}.feature-grid article{min-height:180px}.feature-grid h3{margin-top:25px}footer{grid-template-columns:1fr;text-align:center;justify-items:center}.footer-brand{grid-row:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Larger, clearer typography */
body{font-size:17px;line-height:1.65;font-weight:400}.brand{font-size:23px}.brand-mark{width:40px;height:40px;font-size:13px}nav{font-size:16px;font-weight:600}.eyebrow{font-size:13px}.hero>p{font-size:20px;line-height:1.7}.trust-row{font-size:15px;font-weight:600}.converter h2{font-size:22px}.step-number{width:32px;height:32px;font-size:14px}.text-button{font-size:15px}.drop-zone strong{font-size:21px}.drop-zone small{font-size:15px}.list-summary{font-size:14px}.image-info strong{font-size:15px}.image-info span{font-size:13px}.row-actions button{width:36px;height:36px;font-size:17px}label{font-size:15px}select,input{height:49px;font-size:16px}.filename-field span{height:49px;font-size:16px}.size-limit strong{font-size:16px}.size-limit small{font-size:14px;line-height:1.5}.primary-button{min-height:57px;font-size:17px}.primary-button.download span{font-size:13px}.privacy-note{font-size:14px}.status-message{font-size:15px}.section-heading>span{font-size:13px}.section-heading p{font-size:18px}.feature-grid h3{font-size:21px}.feature-grid p{font-size:16px;line-height:1.7}summary{font-size:18px;line-height:1.5}details p{font-size:16px;line-height:1.75}footer p,footer small,footer div{font-size:14px}

/* Original conversion guide */
.conversion-guide{max-width:920px;margin:0 auto;padding:20px 28px 105px}.guide-heading{text-align:center;max-width:760px;margin:0 auto 55px}.guide-heading>span{color:var(--brand-dark);font-size:13px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.guide-heading h2{margin:12px 0 16px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,5vw,54px);line-height:1.08;letter-spacing:-1.8px;font-weight:600}.guide-heading p{margin:0;color:var(--muted);font-size:19px;line-height:1.75}.conversion-guide section{margin-top:42px}.conversion-guide h3{margin:0 0 16px;font-family:Georgia,"Times New Roman",serif;font-size:29px;line-height:1.25;letter-spacing:-.5px}.conversion-guide p,.conversion-guide li{color:#465254;font-size:18px;line-height:1.8}.conversion-guide p{margin:0 0 17px}.guide-steps{margin:0;padding:0;list-style:none;counter-reset:guide-step}.guide-steps li{position:relative;min-height:48px;margin:0 0 18px;padding:2px 0 0 58px}.guide-steps li:before{counter-increment:guide-step;content:counter(guide-step);position:absolute;top:0;left:0;width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:#fbe9e4;color:var(--brand-dark);font-size:15px;font-weight:800}.guide-steps strong{color:var(--ink)}

/* Standalone legal pages */
footer a:not(.brand):hover,footer a:not(.brand):focus-visible{color:var(--brand);text-decoration:underline}.legal-page{max-width:920px;margin:42px auto 95px;padding:0 24px}.legal-page-header{max-width:760px;margin:0 auto 38px;text-align:center}.legal-kicker{display:inline-block;color:var(--brand-dark);font-size:13px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.legal-page-header h1{margin:12px 0 15px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(42px,6vw,62px);line-height:1.05;letter-spacing:-2px;font-weight:600}.legal-page-header p{margin:0;color:var(--muted);font-size:19px;line-height:1.7}.legal-document{padding:34px 38px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 18px 50px rgb(35 49 49 / 7%)}.legal-updated{margin:0 0 23px!important;color:var(--muted)!important;font-size:14px!important}.legal-summary{margin:0 0 32px;padding:18px 20px;border:1px solid #bfd9d4;border-radius:13px;background:#f0f8f6;color:#315b54!important}.legal-document section+section{margin-top:34px;padding-top:30px;border-top:1px solid var(--line)}.legal-document h2{margin:0 0 13px;font-family:Georgia,"Times New Roman",serif;font-size:28px;line-height:1.25;letter-spacing:-.4px}.legal-document h3{margin:24px 0 9px;font-size:19px}.legal-document p,.legal-document li{color:#465254;font-size:17px;line-height:1.75}.legal-document p{margin:0 0 15px}.legal-document ul,.legal-document ol{margin:8px 0 0;padding-left:25px}.legal-document li{margin-bottom:10px;padding-left:3px}.legal-document a{color:var(--brand-dark);font-weight:700;text-decoration:underline;text-underline-offset:2px}.legal-document a:hover,.legal-document a:focus-visible{color:var(--brand)}nav a[aria-current="page"]{color:var(--brand-dark);font-weight:800}

@media(max-width:700px){body{font-size:16px}.hero>p{font-size:18px}.trust-row{font-size:14px}.converter h2{font-size:20px}.drop-zone strong{font-size:19px}.conversion-guide{padding:0 20px 78px}.guide-heading{margin-bottom:42px}.guide-heading p{font-size:17px}.conversion-guide section{margin-top:34px}.conversion-guide h3{font-size:25px}.conversion-guide p,.conversion-guide li{font-size:17px;line-height:1.75}.guide-steps li{padding-left:51px}.legal-page{margin:25px auto 70px;padding:0 15px}.legal-page-header{margin-bottom:28px}.legal-page-header p{font-size:17px}.legal-document{padding:25px 21px;border-radius:16px}.legal-document h2{font-size:25px}.legal-document p,.legal-document li{font-size:16px}.legal-summary{padding:16px}footer div{flex-wrap:wrap;justify-content:center}}