:root{font-family:Arial,Helvetica,sans-serif;color:#232921;background:#f5f5ee;--accent:#ccf36b;--muted:#6c7067}*{box-sizing:border-box}body{margin:0}header{height:110px;margin:0 6%;border-bottom:1px solid #d9dcd0;display:flex;align-items:center;justify-content:space-between}.brand{font-size:36px;font-weight:800;letter-spacing:-2px;color:inherit;text-decoration:none}.brand span{font-size:15px;vertical-align:top;letter-spacing:0;margin-left:5px}.header-note{font-size:13px;color:var(--muted)}main{max-width:1280px;margin:auto;padding:66px 6% 58px;display:grid;grid-template-columns:1.12fr 1fr;gap:9%}.eyebrow,.step{font-size:10px;letter-spacing:1.7px;font-weight:700}.eyebrow{display:flex;align-items:center;gap:9px;margin:9px 0 28px}.eyebrow span{width:7px;height:7px;background:#75a22b;border-radius:50%}h1{font-size:clamp(48px,5.8vw,78px);line-height:1.04;letter-spacing:-4px;margin:0 0 25px;font-weight:500}.accent{color:#81a948}.lead{font-size:17px;line-height:1.65;color:var(--muted);margin-bottom:30px}.details{display:flex;gap:25px;font-size:12px}.details span+span{border-left:1px solid #cdd0c4;padding-left:25px}.details strong{font-weight:600}.graphic{position:relative;height:190px;width:280px;margin-top:32px;overflow:hidden}.orbit{position:absolute;width:230px;height:112px;border:1px solid #c6cdbb;border-radius:50%;transform:rotate(-30deg);left:0;top:38px}.orbit:after{content:'';position:absolute;inset:16px -10px;border:1px solid #d4d9cc;border-radius:50%;transform:rotate(65deg)}.arrow{position:absolute;font-size:110px;line-height:1;top:17px;left:72px;color:#759344;transform:rotate(-6deg)}.graphic>span{position:absolute;bottom:6px;left:30px;font-size:9px;letter-spacing:3px;color:#7a836c}.workspace{padding-top:8px}.step{color:var(--muted)}h2{font-size:25px;font-weight:500;letter-spacing:-.7px;margin:12px 0 24px}.dropzone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:186px;border:1px dashed #aab29b;border-radius:8px;background:#eef0e6;cursor:pointer;padding:22px;transition:background .2s,border-color .2s,transform .2s}.dropzone:hover,.dropzone.dragover{background:#e5edce;border-color:#617e36}.dropzone.dragover{transform:scale(1.015)}.dropzone:focus-within{outline:2px solid #526c30;outline-offset:4px}.dropzone input{position:absolute;width:1px;height:1px;opacity:0}.upload-icon{border-radius:50%;height:38px;width:38px;background:var(--accent);text-align:center;font-size:28px;margin-bottom:4px}.dropzone strong{font-size:14px;max-width:100%;overflow-wrap:anywhere}.dropzone>span:not(.upload-icon){font-size:12px;color:var(--muted)}.dropzone small{font-size:10px;color:var(--muted);margin-top:5px}.field{display:block;font-size:12px;font-weight:600;margin-top:23px}.optional{font-size:11px;font-weight:400;color:var(--muted);margin-left:5px}input:not([type=file]),textarea{font:inherit;font-weight:400;display:block;width:100%;margin-top:9px;background:transparent;border:0;border-bottom:1px solid #c9cdc0;border-radius:0;padding:9px 0 13px;color:inherit;outline:none}input:focus,textarea:focus{border-color:#4c6b23}textarea{resize:vertical;min-height:60px}::placeholder{color:#8a8e83;font-size:12px}button{width:100%;display:flex;justify-content:space-between;align-items:center;background:var(--accent);border:0;border-radius:5px;padding:17px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,transform .2s}button:hover{background:#bce451;transform:translateY(-1px)}button:disabled{opacity:.65;cursor:wait;transform:none}button>span+span{font-size:22px;line-height:16px}.recipient{text-align:center;font-size:10px;color:var(--muted);margin-top:14px}.recipient strong{font-weight:500;color:#414738}.privacy{font-size:10px;line-height:1.6;color:#828879;border-top:1px solid #d9dcd0;margin-top:25px;padding-top:16px}#status{font-size:12px;line-height:1.5;margin:16px 0}#status.error{color:#a33426}#status.success{color:#3f631c}.progress-label{display:flex;justify-content:space-between;font-size:11px;margin-top:22px}progress{width:100%;height:6px;accent-color:#7d9d40}footer{margin:0 6%;padding:23px 0;border-top:1px solid #d9dcd0;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#7d8373}.intro,.workspace{animation:enter .55s ease both}.workspace{animation-delay:.1s}@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){header{height:82px}.brand{font-size:29px}.header-note{font-size:11px}main{padding-top:35px;grid-template-columns:1fr;gap:30px}h1{font-size:56px;letter-spacing:-3px}.eyebrow{margin-bottom:22px}.lead{font-size:15px;margin-bottom:22px}.graphic{display:none}.workspace{padding-top:22px;border-top:1px solid #d9dcd0}footer{line-height:1.6;gap:20px}footer span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}