:root{color-scheme:light;--ink:#142d32;--muted:#506368;--line:#dbe3e4;--teal:#086c62;--paper:#f4f7f8}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}header,main,footer{max-width:1120px;margin:auto}header{padding:28px 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:21px;font-weight:750;letter-spacing:-.5px;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:12px}.mark{display:inline-flex;background:var(--ink);color:white;width:35px;height:35px;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:22px}.mark span{font-size:14px;align-self:flex-end;margin-bottom:4px}.header-note{color:var(--muted);font-size:14px}main{padding:48px 30px 35px}.eyebrow{font-size:12px;font-weight:750;letter-spacing:1.9px;color:var(--teal);margin:0 0 16px}.intro h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(38px,5vw,60px);line-height:1.06;letter-spacing:-1.9px;margin:0 0 20px}.intro>p:last-child{color:var(--muted);font-size:17px;margin-bottom:30px}.workspace{display:grid;grid-template-columns:1.25fr 1fr;gap:64px;align-items:start}.converter{padding:28px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px #16323807}.section-title{display:flex;align-items:center;gap:12px;margin-bottom:24px}.section-title h2{font-size:18px;letter-spacing:-.3px;margin:0}.step{font-size:12px;font-weight:700;color:var(--teal);background:#e5f4ef;border-radius:50%;width:28px;height:28px;display:grid;place-items:center}.file-type{margin-left:auto;font-size:12px;letter-spacing:1px;color:var(--muted)}.dropzone{border:1px dashed #97aaa9;background:#f7fbfa;border-radius:7px;min-height:192px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:22px;text-align:center;cursor:pointer;gap:9px}.dropzone:hover,.dropzone.dragging{background:#eaf5f2;border-color:var(--teal)}.dropzone:focus-within{outline:3px solid #76b8f1;outline-offset:4px}.dropzone svg{color:var(--teal);margin-bottom:3px}.dropzone strong{font-weight:600;overflow-wrap:anywhere;max-width:100%}.dropzone span{font-size:14px;color:var(--muted)}.dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.output{display:flex;justify-content:space-between;gap:10px;margin:24px 0;font-size:14px}.output>span{color:var(--muted)}button{font:inherit;cursor:pointer;border-radius:6px;border:0;padding:12px 18px;font-weight:600;font-size:15px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #76b8f1;outline-offset:4px}.primary{background:var(--teal);color:#fff;width:100%}.primary:hover{background:#085a53}.primary:disabled{background:#dfe7e6;color:#647574;cursor:not-allowed}.notice{color:var(--muted);font-size:14px;margin:15px 0 0}.notice.error{color:#a12d31}aside{padding-top:10px}aside h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.7px;font-size:32px;line-height:1.2;margin:0 0 27px}dl{margin:0}dl div{margin:0 0 22px;padding-left:19px;border-left:2px solid #adcac3}dt{font-size:15px;font-weight:650}dd{margin:5px 0 0;font-size:14px;line-height:1.65;color:var(--muted);max-width:320px}details{border-top:1px solid var(--line);padding-top:18px;font-size:14px}summary{cursor:pointer;font-weight:600}details p{color:var(--muted)}.retention{color:var(--muted);font-size:12px;max-width:565px;margin:22px 0 0}.small{font-size:12px;color:var(--muted);font-weight:400}.result{border-top:1px solid var(--line);margin-top:24px;padding-top:24px}.result p{font-size:14px}.result progress{width:100%;height:5px;accent-color:var(--teal)}.secondary{background:#eef3f3;color:var(--ink);margin-top:12px}.download{display:block;width:100%;margin:10px 0;background:var(--teal);color:white}.download.xml{background:#e9f3f0;color:var(--teal)}#access{margin-top:20px}#access label{font-size:14px}#password{display:block;width:100%;font:inherit;padding:10px;margin-top:5px;border:1px solid var(--line);border-radius:5px}#access p{margin:4px 0}footer{display:flex;justify-content:space-between;gap:20px;padding:24px 30px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}[hidden]{display:none!important}@media(min-width:900px){.intro{display:flex;flex-wrap:wrap;align-items:flex-end}.intro .eyebrow{flex-basis:100%}.intro h1{flex:1}.intro>p:last-child{width:42%;margin:0 0 24px}}@media(max-width:740px){header{padding:20px}.header-note{display:none}main{padding:30px 20px}.workspace{grid-template-columns:1fr;gap:32px}.converter{padding:22px}.intro h1{letter-spacing:-1px}aside h2 br{display:none}dd{max-width:none}footer{padding:20px;flex-wrap:wrap}.retention{font-size:13px}}
