:root{--ink:#15211d;--muted:#64736d;--line:#dce5e0;--paper:#f5f7f3;--card:#fff;--accent:#178c69;--accent-dark:#0c684d;--soft:#e7f5ef;--danger:#b42318}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.topbar,main,footer{width:min(1120px,calc(100% - 40px));margin:auto}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);font-weight:750;text-decoration:none}.mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--ink);color:#fff}.topbar nav{display:flex;gap:28px}.topbar nav a{color:var(--muted);text-decoration:none;font-size:14px}.topbar nav a:hover{color:var(--accent-dark)}.hero{padding:96px 0 64px;max-width:820px}.eyebrow{margin:0 0 14px;color:var(--accent-dark);font-size:12px;font-weight:800;letter-spacing:.14em}.hero h1{margin:0;max-width:760px;font-size:clamp(48px,7vw,82px);line-height:.98;letter-spacing:-.055em}.lead{max-width:680px;margin:28px 0;color:var(--muted);font-size:20px}.trust{display:flex;flex-wrap:wrap;gap:12px}.trust span,.status,.tag{padding:7px 11px;border-radius:999px;background:var(--soft);color:var(--accent-dark);font-size:12px;font-weight:700}.converter{padding:32px;border:1px solid var(--line);border-radius:24px;background:var(--card);box-shadow:0 18px 45px rgba(21,33,29,.07)}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.section-heading h2{margin:0;font-size:30px;letter-spacing:-.03em}.dropzone{min-height:250px;border:1.5px dashed #aabbb3;border-radius:18px;background:#fafcf9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:.18s ease}.dropzone:hover,.dropzone.dragging{border-color:var(--accent);background:var(--soft);transform:translateY(-2px)}.dropzone input{position:absolute;width:1px;height:1px;opacity:0}.dropzone span{color:var(--muted)}.upload-icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:5px;border-radius:14px;background:var(--ink);color:#fff!important;font-size:24px}.controls{margin-top:22px}.file-row,.options{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0;border-bottom:1px solid var(--line)}.file-row>div{display:grid}.label{display:block;margin-bottom:5px;color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.link-button{border:0;background:none;color:var(--accent-dark);cursor:pointer}.options label{flex:1}select,input[type=range]{width:100%}select{height:44px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}.primary{width:100%;height:50px;margin-top:20px;border:0;border-radius:12px;background:var(--accent);color:#fff;font-weight:800;cursor:pointer}.primary:hover{background:var(--accent-dark)}.primary:disabled{opacity:.55;cursor:wait}.error{min-height:24px;margin:10px 0 0;color:var(--danger);font-size:14px}.formats{padding:90px 0}.format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.format-grid article{min-height:190px;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--card)}.format-grid h3{margin:34px 0 8px;font-size:20px}.format-grid p{margin:0;color:var(--muted)}.privacy{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:44px;border-radius:22px;background:var(--ink);color:#fff}.privacy h2{margin:0;font-size:34px;line-height:1.1}.privacy p:last-child{margin:0;color:#b8c8c1;font-size:18px}.privacy .eyebrow{color:#75dbb8}footer{display:flex;justify-content:space-between;padding:42px 0;color:var(--muted);font-size:13px}@media(max-width:720px){.topbar nav{display:none}.hero{padding:64px 0 46px}.hero h1{font-size:50px}.converter{padding:20px}.options,.privacy{display:grid;grid-template-columns:1fr}.format-grid{grid-template-columns:1fr}.formats{padding:64px 0}.privacy{gap:20px;padding:28px}footer{display:grid;gap:6px}}