@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Noto+Sans+SC:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap');
:root{--ink:#18211d;--paper:#f4f0e7;--lime:#c9ee58;--orange:#fa6a37;--muted:#697069}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans SC',sans-serif}main{max-width:1120px;margin:auto;padding:28px 32px 48px}.nav{display:flex;justify-content:space-between;align-items:center;font-size:13px}.brand{color:var(--ink);text-decoration:none;font-size:18px;font-weight:700}.mark{display:inline-grid;place-items:center;width:29px;height:29px;background:var(--ink);color:var(--lime);border-radius:50%;margin-right:8px;font-family:'Playfair Display',serif}.nav-note,.eyebrow,.step,.limit{font-family:'DM Mono',monospace}.nav-note{color:var(--muted)}.hero{max-width:770px;padding:98px 0 56px}.eyebrow,.step{font-size:12px;letter-spacing:.12em;color:var(--orange);margin:0 0 13px}.hero h1{font:700 clamp(50px,8vw,96px)/.99 'Playfair Display',serif;letter-spacing:-.055em;margin:0}.hero em{color:var(--orange)}.intro{font-size:17px;line-height:1.8;max-width:590px;color:#4e5750;margin:29px 0 0}.tool-card{background:#fffdf8;border:1px solid #d9d4c9;box-shadow:8px 9px 0 var(--ink);padding:32px;max-width:720px}.card-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:25px}.card-heading h2{font-size:25px;margin:0}.limit{font-size:11px;color:var(--muted);border:1px solid #d9d4c9;padding:7px 9px;border-radius:50px}.drop-zone{height:185px;border:1.5px dashed #a9ada6;background:#f8f6ef;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;cursor:pointer;color:var(--muted);transition:.18s}.drop-zone input{display:none}.drop-zone strong{color:var(--ink);font-size:17px}.drop-zone.dragging,.drop-zone.has-file{border-style:solid;border-color:var(--ink);background:#eff7cf}.upload-icon{font:700 26px/1 serif;width:35px;height:35px;border-radius:50%;background:var(--lime);color:var(--ink);display:grid;place-items:center}.password-field{display:block;margin:22px 0 18px;font-size:14px;font-weight:600}.password-field>span{display:block;margin-bottom:8px}.password-field div{display:flex;border-bottom:1.5px solid var(--ink)}.password-field input{border:0;background:transparent;outline:0;padding:13px 4px;flex:1;font:15px 'Noto Sans SC',sans-serif}.password-field button{border:0;background:transparent;cursor:pointer;font:12px 'DM Mono',monospace}.submit{width:100%;border:0;background:var(--ink);color:#fff;padding:17px 20px;text-align:left;display:flex;justify-content:space-between;align-items:center;font:600 16px 'Noto Sans SC',sans-serif;cursor:pointer;transition:.18s}.submit b{font-size:24px;color:var(--lime)}.submit:hover{background:#314038}.submit:disabled{opacity:.65;cursor:wait}.status{height:18px;margin:13px 0 0;font-size:13px}.status.error{color:#bd3c20}.status.success{color:#38720b}.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:72px;border-top:1px solid #d2cec3;padding-top:22px}.trust div{display:grid;gap:6px}.trust b{font-size:14px}.trust span{font-size:12px;color:var(--muted);line-height:1.55}footer{text-align:center;border-top:1px solid #dedacf;color:var(--muted);padding:22px;font-size:12px}@media(max-width:620px){main{padding:20px 18px 40px}.nav-note{display:none}.hero{padding:65px 0 42px}.hero h1{font-size:53px}.intro{font-size:15px}.tool-card{padding:21px;box-shadow:5px 6px 0 var(--ink)}.card-heading{display:block}.limit{display:inline-block;margin-top:14px}.trust{grid-template-columns:1fr;margin-top:55px;gap:19px}}