@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#101820;--panel:#1c2630;--line:#35414a;--ink:#f4f6ef;--muted:#a6b1b8;--lime:#d4fa72}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:5px}.navigation,main,footer{max-width:1200px;margin:auto}.navigation{height:106px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:11px;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:22px;letter-spacing:-1px}.muted{color:var(--muted)}.dot{color:var(--lime)}nav{display:flex;gap:30px;font-size:14px;color:#c3cbd0}nav a:hover{color:var(--lime)}.hero{padding:83px 32px 0;display:grid;grid-template-columns:1.1fr 1fr;gap:45px;align-items:center;position:relative}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;display:flex;gap:9px;align-items:center;color:var(--lime)}.eyebrow span{height:6px;width:6px;border-radius:50%;background:var(--lime)}h1,h2,h3{font-family:'Space Grotesk',sans-serif;letter-spacing:-2px}h1{font-size:clamp(44px,5.3vw,68px);line-height:1.07;font-weight:500;margin:25px 0}h1>span{color:var(--lime)}.lead{color:var(--muted);font-size:18px;line-height:1.8;margin:0}.converter{background:var(--panel);border:1px solid #3e4a52;border-radius:20px;padding:28px;box-shadow:0 25px 70px #0003;transform:rotate(1deg)}.converter>*{transform:rotate(-1deg)}.card-heading{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:1px;font-weight:700;margin-bottom:32px}.mini-icon{color:var(--lime);font-size:24px}.file-tag{margin-left:auto;background:#2e3b38;color:var(--lime);padding:7px 10px;border-radius:6px;font-size:11px}label{display:block;font-size:14px;margin-bottom:12px}input[type=url]{display:block;width:100%;border:1px solid #48535b;background:#141e27;border-radius:9px;padding:17px 14px;color:var(--ink);font-size:13px;outline:none}input:focus{border-color:var(--lime);box-shadow:0 0 0 3px #d4fa7222}button,.file-link{border:0;background:var(--lime);color:#18231c;border-radius:9px;width:100%;padding:17px 20px;margin-top:13px;display:flex;align-items:center;justify-content:space-between;font-weight:700;cursor:pointer}button:hover,.file-link:hover{background:#e2ff9d}button:disabled{opacity:.65;cursor:wait}.hint{font-size:11px;color:var(--muted);text-align:center;margin-top:17px}.permission{font-size:10px;color:#9da9b0;border-top:1px solid var(--line);padding-top:20px;margin:25px 0 0;text-align:center}#message{font-size:14px;overflow-wrap:anywhere}progress{width:100%;accent-color:var(--lime);height:7px}#result.error #message{color:#ffb3a7}.benefits{grid-column:1/-1;display:flex;gap:45px;border-bottom:1px solid var(--line);padding:24px 0 38px;font-size:13px;color:#c4cbd0}.benefits b{color:var(--lime);font-family:'Space Grotesk',sans-serif;font-size:11px;margin-right:8px}.how{padding:75px 32px;display:grid;grid-template-columns:1fr 2fr;gap:40px;border-bottom:1px solid var(--line)}h2{font-size:36px;line-height:1.15;font-weight:500;margin:20px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-top:13px}.step{font-size:13px;color:var(--lime);font-family:'Space Grotesk',sans-serif}h3{font-size:19px;letter-spacing:-.6px;margin:29px 0 12px}.steps p,.questions p{font-size:14px;line-height:1.8;color:var(--muted)}.faq{padding:70px 32px 90px;display:grid;grid-template-columns:1fr 1.6fr;gap:70px}.questions details{border-bottom:1px solid var(--line);padding:20px 0}.questions details:first-child{padding-top:8px}summary{cursor:pointer;font-size:15px;list-style:none;display:flex;justify-content:space-between;gap:20px}summary:after{content:'+';color:var(--lime);font-size:20px}details[open] summary:after{content:'−'}footer{padding:30px 32px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}footer .brand{font-size:17px;gap:0}footer p,footer>a:last-child{font-size:11px;color:var(--muted)}[hidden]{display:none!important}@media(max-width:800px){.navigation{height:80px;padding:0 22px}.brand{font-size:18px}nav{gap:16px;font-size:12px}.hero{padding:45px 22px 0;grid-template-columns:1fr;gap:35px}.lead{font-size:16px}.converter{transform:none;max-width:550px;width:100%}.converter>*{transform:none}.benefits{flex-wrap:wrap;gap:16px;padding-top:0}.how,.faq{padding:45px 22px;grid-template-columns:1fr;gap:20px}.steps{gap:20px}.faq h2{margin-top:15px}footer{flex-wrap:wrap;padding:25px 22px}footer p{order:3;width:100%;margin:0}}@media(max-width:450px){.navigation nav a:first-child{display:none}.steps{grid-template-columns:1fr}.steps article{padding-bottom:18px;border-bottom:1px solid var(--line)}h3{margin-top:14px}.converter{padding:22px}.benefits{font-size:11px;gap:12px}h2{font-size:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.about-copy p{font-size:15px;line-height:1.85;color:var(--muted);margin:0 0 18px}.hero h1{font-size:clamp(40px,4.4vw,58px)}.hero .lead{max-width:510px}.intro{min-width:0}
@media(max-width:800px){.hero .converter{grid-row:1}.hero .intro{grid-row:2}}