@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--ink:#f3f7f5;--muted:#9cafA8;--mint:#22c58b;--mint-dark:#16a978;--pale:#132a23;--line:#263c34;--paper:#07110e;--navy:#07110e}
*{scrollbar-color:#315348 #0b1713}body{font-family:'DM Sans',Arial,sans-serif;background:#07110e;color:#f3f7f5}h1,h2,h3,.logo{font-family:'Manrope','DM Sans',sans-serif}a{color:#55d9a7}
header{max-width:none;height:76px;padding:0 max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid #1f332c;background:rgba(7,17,14,.9);backdrop-filter:blur(18px);position:sticky;top:0;z-index:100}.logo img{width:190px}.top-button{padding:12px 18px;border:1px solid #2ed69a;border-radius:10px;background:#159b6d;color:#fff;box-shadow:0 8px 24px rgba(34,197,139,.12)}.top-button:hover{background:#1bb77f}nav a{color:#b4c2bd}nav a:hover{color:#4ed7a3}
.announcement{padding:9px 20px;text-align:center;border-bottom:1px solid #1c3029;background:#091511;color:#a9bbb4;font-size:12px;font-weight:600}.announcement strong{color:#62ddb0}
.hero{max-width:1080px;margin:78px auto 38px}.hero h1{max-width:920px;margin:25px auto 20px;font-size:clamp(52px,7vw,82px);line-height:.98;letter-spacing:-5px;color:#f5f8f7}.hero h1 em{background:linear-gradient(120deg,#39dca1,#16a978);-webkit-background-clip:text;background-clip:text;color:transparent}.hero>p{color:#a7b7b1;font-size:19px}.tag{border-color:#284238;background:#0d1d18;color:#63dbaf;box-shadow:none}.tag i{background:#25cf91;box-shadow:0 0 0 4px rgba(34,197,139,.12)}.trust{margin-top:28px;color:#b7c5c0}.trust span{padding:7px 11px;border:1px solid #22372f;border-radius:8px;background:#0b1814}.trust span:before{color:#3bd49e}
.converter{margin-top:45px}.drop{position:relative;min-height:410px;border:1px solid #2a4038;border-radius:24px;background:radial-gradient(circle at 50% 0,#10241d 0,#0b1713 52%);box-shadow:0 28px 80px rgba(0,0,0,.28)}.drop:before{content:"";position:absolute;inset:14px;border:1.5px dashed #3b5a50;border-radius:17px;pointer-events:none}.drop:hover,.drop.dragging{border-color:#27c78e;background:#0e211a}.upload{background:#142a23;color:#3bd49e;box-shadow:inset 0 0 0 1px #284a3e}.drop h2{color:#f4f7f6}.drop p,.drop small{color:#91a59e}.drop button{color:#fff;background:linear-gradient(120deg,#149867,#20b77f);box-shadow:0 10px 28px rgba(22,169,120,.2)}
.workspace{border-color:#293f37;border-radius:24px;background:#0d1a16;box-shadow:0 28px 80px rgba(0,0,0,.3)}.file-side{border-color:#293f37;background:#0a1612}.preview{background:#101f1a}.settings{background:#0d1a16}.formats button,.dimensions input{border-color:#31483f;background:#0a1512;color:#aabbb5}.formats button.active{border-color:#22c58b;background:#123126;color:#57dbaa}.convert{background:linear-gradient(120deg,#159b6d,#1db37c)}.result{border-color:#2a6a52;background:#102c22}.file-info button{background:#321a1d;color:#e99b9f}
.ad-space{color:#61766e}.ad-space>div{border-color:#263c34;background:#0a1512}
.tools-section{max-width:1120px}.section-heading{max-width:720px;margin:0 auto 42px}.section-heading>span{color:#43d7a1}.section-heading h2{color:#f5f8f7;font-size:clamp(34px,4vw,50px)}.section-heading p{color:#91a49d}.tool-grid{gap:16px}.tool-grid a{position:relative;min-height:220px;padding:27px;border-color:#263c34;border-radius:18px;background:#0c1915;color:#eef4f1;box-shadow:0 8px 30px rgba(0,0,0,.12)}.tool-grid a:hover{border-color:#36705b;background:#10211b;box-shadow:0 15px 38px rgba(0,0,0,.25)}.tool-grid a:after{content:"↗";position:absolute;right:22px;top:22px;color:#6d817a;font-size:18px}.tool-grid b{display:inline-flex;padding:7px 9px;border-radius:7px;background:#143127;color:#54d8a5}.tool-grid h3{margin-top:20px;color:#f4f7f6;font-size:18px}.tool-grid p{min-height:61px;color:#91a49d}.tool-grid a>span{color:#49d39f}.featured-tools{grid-column:span 2;background:linear-gradient(135deg,#10291f,#123a2b)!important;color:#fff!important}.featured-tools p{color:#a7bdb5!important}
.steps article{padding:32px 24px;border:1px solid #263c34;border-radius:18px;background:#0c1915}.steps h3{color:#f3f7f5}.steps p{color:#91a49d}.privacy{position:relative;overflow:hidden;border-top:1px solid #29473c;border-bottom:1px solid #29473c;background:radial-gradient(circle at 50% -20%,#1b513e 0,#091511 58%)}.privacy:after{content:"";position:absolute;width:360px;height:360px;right:-150px;bottom:-210px;border-radius:50%;border:70px solid rgba(94,217,169,.06)}.privacy p{color:#a3b8b0}
footer{max-width:none;padding:38px max(24px,calc((100vw - 1180px)/2));border-top:1px solid #1f332c;background:#07110e;color:#82968f}.footer-links a{color:#92a59e}.footer-links a:hover{color:#45d39f}
.page-main,.seo-tool-page{margin-top:75px}.page-hero p,.seo-hero p{color:#9bada6}.content-card,.pdf-panel,.enhance-workspace,.embedded-tool{border-color:#263c34;background:#0c1915;box-shadow:0 15px 45px rgba(0,0,0,.18)}.content-card p,.content-card li,.seo-copy>p,.seo-copy li,.faq p{color:#9bada6}.contact-form input,.contact-form textarea,.field-label input,.field-label select{border-color:#30483f;background:#091410;color:#f1f5f3}.pdf-tabs button{border-color:#2b4239;background:#0b1713;color:#9aada6}.pdf-tabs button.active{border-color:#22c58b;background:#123126;color:#58dbaa}.file-picker span{border-color:#36705b;background:#102a20;color:#53d7a4}.selected-list div{background:#101f1a;color:#a9bab4}.enhance-preview{background:#091410}.enhance-controls{background:#0d1a16}.faq details{border-color:#263c34;background:#0c1915}.cookie-consent{border-color:#365249;background:#0d1c17;color:#f2f6f4;box-shadow:0 18px 55px rgba(0,0,0,.5)}.cookie-consent__text p{color:#a3b4ae}.cookie-button--secondary{border-color:#456158;background:#101f1a;color:#eaf2ef}
@media(max-width:760px){.announcement{font-size:11px}.hero{margin-top:52px}.hero h1{letter-spacing:-3.5px}.tool-grid{grid-template-columns:1fr}.featured-tools{grid-column:auto}.tool-grid a{min-height:auto}.steps article{margin-bottom:12px}.logo img{width:168px}}
.hero-shell{max-width:1180px;margin:68px auto 65px;padding:0 24px;display:grid;grid-template-columns:.95fr 1.05fr;gap:52px;align-items:center}.hero-shell .hero{margin:0;padding:0;text-align:left}.hero-shell .hero h1{margin:22px 0 20px;font-size:clamp(50px,5.8vw,76px);letter-spacing:-4px}.hero-shell .hero>p{margin:0;max-width:560px}.hero-shell .trust{justify-content:flex-start}.hero-shell .converter{margin:0;padding:0}.hero-shell .drop{min-height:385px}.hero-shell .workspace{grid-column:1/-1}.benefit-strip{max-width:1180px;margin:0 auto 95px;padding:24px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #263c34;border-radius:18px;background:#0b1713}.benefit-strip article{display:flex;gap:13px;align-items:center;padding:7px 18px;border-right:1px solid #263c34}.benefit-strip article:last-child{border:0}.benefit-strip b{color:#35d79e;font-size:24px}.benefit-strip div{display:flex;flex-direction:column;gap:4px}.benefit-strip strong{font-size:13px;color:#eef4f1}.benefit-strip span{font-size:11px;color:#849991}
@media(max-width:900px){.hero-shell{grid-template-columns:1fr}.hero-shell .hero{text-align:center}.hero-shell .hero>p{margin:auto}.hero-shell .trust{justify-content:center}.benefit-strip{grid-template-columns:1fr 1fr}.benefit-strip article:nth-child(2){border-right:0}}
@media(max-width:560px){.benefit-strip{grid-template-columns:1fr}.benefit-strip article{border-right:0;border-bottom:1px solid #263c34}}