
:root{font-family:'Segoe UI',Arial,sans-serif;color:#243b35;background:#f8faf9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible{outline:3px solid #80bda4;outline-offset:4px}[hidden]{display:none!important}header{height:90px;margin:0 auto;max-width:1280px;padding:0 40px;border-bottom:1px solid #e1e7e4;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-family:'Segoe UI',Arial,sans-serif;font-size:24px;font-weight:800;letter-spacing:-1px;color:inherit;text-decoration:none}.logo{background:#235646;color:#fff;width:35px;height:37px;border-radius:9px;font-size:23px;padding:1px 9px;position:relative}.logo span{position:absolute;font-size:19px;right:4px;bottom:1px}.version{font-size:11px;letter-spacing:1.4px;color:#7b8882}.version b{font-weight:500;border:1px solid #dbe3df;border-radius:5px;padding:4px 6px;margin-left:9px;font-size:12px;letter-spacing:0}main{max-width:1200px;margin:auto;padding:0 32px}.hero{text-align:center;padding:54px 0 41px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px;color:#647c70}.hero .eyebrow{display:flex;align-items:center;justify-content:center;gap:8px}.eyebrow span{width:6px;height:6px;border-radius:100%;background:#549d79}h1{font-family:'Segoe UI',Arial,sans-serif;font-size:clamp(36px,4.3vw,58px);font-weight:650;letter-spacing:-2.6px;line-height:1.15;margin:21px 0 18px}h1 em{font-style:normal;color:#34765c}.hero p{color:#748179;font-size:16px;line-height:1.65;margin:0}.hero-actions{display:flex;gap:24px;align-items:center;justify-content:center;margin-top:25px}.primary,.secondary{border:0;border-radius:7px;padding:14px 23px;font-weight:600;font-size:14px}.primary{background:#255d49;color:white;box-shadow:0 3px 4px #123a1610}.primary:hover:enabled{background:#174631}.primary span{margin-left:24px}.text-button{border:0;background:none;color:#3e6a54;font-size:13px;font-weight:600;padding:8px 0}.text-button:hover{text-decoration:underline}.text-button span{margin-left:12px}.steps{display:flex;align-items:center;justify-content:center;gap:17px;margin-top:36px;color:#87938d;font-size:12px}.steps span{display:flex;gap:8px;align-items:center}.steps b{font-size:11px;font-weight:500;border:1px solid #dbe3df;border-radius:100%;width:21px;height:21px;display:grid;place-items:center}.steps .active{color:#2d664d}.steps .active b{background:#e2eee6;border-color:#e2eee6}.steps i{height:1px;width:55px;background:#dfe6e2}.workspace{scroll-margin-top:20px}.workspace-heading{display:flex;justify-content:space-between;align-items:center;padding:0 0 20px}.workspace-heading .eyebrow{font-size:10px}h2{font-size:19px;font-weight:550;letter-spacing:-.4px;margin:7px 0 0}.privacy{font-size:12px;color:#7f8c84}.panels{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{background:#fff;border:1px solid #dce4de;border-radius:12px;overflow:hidden;min-width:0;box-shadow:0 4px 14px #183b201f}.panel-heading{height:64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8ede9;padding:0 23px;gap:10px}.panel-heading h3{display:flex;align-items:center;gap:11px;font-size:14px;font-weight:600;margin:0}.section-number{font-size:11px;color:#9aa69e;font-weight:500}.muted{color:#8a968f;font-size:11px}.badge{font-size:10px;padding:5px 8px;background:#f3f6f4;color:#7c8980;border-radius:4px}.upload{margin:23px;padding:35px 16px 22px;border:1px dashed #bfcfc4;border-radius:8px;text-align:center;background:#fbfcfb}.upload.drag{background:#e9f4ed;border-color:#34765c}.upload-icon{width:52px;height:52px;border:1px solid #dce9df;background:#f0f5f1;border-radius:12px;margin:auto;font-size:36px;color:#638971;line-height:46px}.upload h3{font-size:17px;font-weight:550;margin:19px 0 9px}.upload p{font-size:12px;color:#8a968e;line-height:1.6}.secondary{margin:11px 0 3px;background:#fff;border:1px solid #d7e0da;color:#42664e;padding:11px 19px}.secondary:hover{background:#f0f5f1}.secondary span{margin-left:16px}.upload .small{font-size:11px}.or{display:flex;gap:12px;align-items:center;color:#9aa59d;font-size:9px;letter-spacing:1px;margin:27px 0 18px}.or span{height:1px;background:#e0e7e1;flex:1}.sample-card{display:flex;text-align:left;align-items:center;width:100%;border:1px solid #e0e7e1;background:white;border-radius:7px;padding:13px;gap:12px;color:#55715e}.sample-card:hover{border-color:#659d7b}.file-icon{font-size:26px;color:#86a28d}.sample-card strong{font-size:12px;font-weight:600}.sample-card small{display:block;font-size:10px;color:#8d9b91;margin-top:4px}.sample-card>span:last-child{margin-left:auto}.document-foot{padding:13px 23px;border-top:1px solid #edf0ed;color:#8d9890;font-size:11px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#empty{text-align:center;padding:54px 36px 33px}.empty-icon{position:relative;margin:auto auto 20px;background:#f3f6f3;border:1px solid #e6ece6;width:48px;height:53px;border-radius:7px;font-size:35px;color:#b1c2b4}.empty-icon span{position:absolute;bottom:-5px;right:-9px;border:2px solid white;background:#e4efe5;width:23px;height:23px;border-radius:100%;font-size:14px;color:#6b9474}#empty h3{font-size:15px;font-weight:500}#empty p{font-size:13px;line-height:1.8;color:#95a097}.ghost{margin:29px auto 0;max-width:310px;display:grid;grid-template-columns:1fr 1fr;text-align:left;gap:21px;color:#abb5ad;font-size:11px}.ghost i{height:9px;background:#f1f4f1;border-radius:3px;margin-top:3px}.ghost i:last-child{width:65%}.bottom-note{text-align:center;padding:34px 0 42px}.bottom-note span{font-size:9px;letter-spacing:1.6px;color:#8e9e91}.bottom-note p{font-size:12px;color:#a0aba2;margin-top:10px}footer{max-width:1200px;border-top:1px solid #e1e7e2;margin:auto;padding:23px 32px;display:flex;justify-content:space-between;font-size:11px;color:#9ca79f}footer strong{color:#6b7b70;margin-right:18px;font-size:12px}#preview{background:#edf1ee;padding:26px;min-height:445px}#preview img{width:100%;height:470px;object-fit:contain}#preview object{width:100%;height:490px}.invoice{background:white;padding:31px 27px;color:#31473a;box-shadow:0 3px 12px #29382b12;min-height:397px;font-size:12px}.invoice-top{display:flex;justify-content:space-between;align-items:start}.invoice h4{font-size:19px;margin:0 0 7px;letter-spacing:-.5px}.invoice p{color:#869286;line-height:1.8;margin:0}.invoice .invoice-title{text-transform:uppercase;font-size:11px;letter-spacing:2px}.invoice-meta{margin-top:29px;display:flex;justify-content:space-between;line-height:1.7}.invoice table{width:100%;border-collapse:collapse;margin-top:27px;font-size:11px}.invoice th{text-align:left;font-weight:500;color:#7e8d80;border-bottom:1px solid #dce4dc;padding-bottom:10px}.invoice td{padding:15px 0;border-bottom:1px solid #eef1ed}.invoice th:last-child,.invoice td:last-child{text-align:right}.invoice-totals{margin:21px 0 0 auto;width:65%}.invoice-totals div{display:flex;justify-content:space-between;padding:6px 0}.invoice-totals .total{border-top:1px solid #dbe4dc;font-size:15px;font-weight:700;margin-top:6px;padding-top:12px}.invoice-note{margin-top:28px!important;font-size:10px}.notice{margin:17px 20px 10px;background:#faf6e9;border:1px solid #ece3c5;border-radius:6px;font-size:12px;line-height:1.6;padding:10px 12px;color:#87753e}#fields{padding:0 20px}.field{display:grid;grid-template-columns:1fr auto;gap:5px 12px;margin:12px 0}.field label{font-size:12px;font-weight:500}.field input{grid-column:1;font-size:14px;min-width:0;width:100%;border:1px solid #dbe4dd;border-radius:5px;padding:8px 10px;color:#334b3c;background:#fff}.field input:focus{outline:2px solid #b0cdb8;border-color:#4d8560}.field button{grid-column:2;grid-row:2;border:0;background:#fbf5e9;color:#9a783f;border-radius:4px;width:99px;font-size:11px;padding:5px}.field button.confirmed{background:#eaf3ec;color:#37714a}.review-actions{padding:4px 20px 14px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#8c998f}.export-area{border-top:1px solid #e6ece7;padding:16px 20px;text-align:center}.export-area button{width:100%}.export-area p{font-size:11px;color:#8b988e;margin:9px 0 0}#processing{text-align:center;padding:100px 24px;color:#78907f}#processing h3{font-size:17px}#processing p{font-size:13px}.spinner{width:30px;height:30px;border:3px solid #e1e9e2;border-top-color:#2e704b;border-radius:100%;animation:spin 1s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}#error{padding:12px 16px;background:#fff0e9;color:#9a4429;border-radius:7px;font-size:14px}#success{display:flex;align-items:center;gap:15px;background:#e9f3ec;border:1px solid #cbded0;border-radius:9px;padding:18px 22px;margin-top:20px;font-size:14px}#success>span{font-size:24px;color:#3c7750}#success p{font-size:12px;margin:6px 0 0;color:#6b8a74}#success button{margin-left:auto}@media(min-width:1500px){.hero{padding-top:70px}}@media(max-width:760px){header{height:74px;padding:0 22px}.brand{font-size:22px}.version{font-size:9px}main{padding:0 18px}.hero{padding:38px 0 32px}h1{font-size:38px;letter-spacing:-1.7px}.hero p{font-size:14px;max-width:320px;margin:auto}.hero .eyebrow{font-size:9px;letter-spacing:1.2px}.hero-actions{gap:17px}.primary{padding:13px 17px}.primary span{margin-left:10px}.text-button{font-size:12px}.steps{margin-top:29px;gap:12px}.steps i{width:36px}.workspace-heading{display:block}.workspace-heading h2{font-size:17px}.privacy{display:block;margin-top:12px;font-size:11px}.panels{grid-template-columns:1fr;gap:16px}.upload{margin:17px}.panel-heading{padding:0 18px}#empty{padding:35px 25px}.ghost{margin-bottom:12px}footer{padding:20px;gap:20px}.footer-tag{display:block;margin-top:8px}footer>span:last-child{display:none}.bottom-note{padding:28px 0}#preview{padding:18px}.invoice{padding:26px 22px}#success{align-items:start;flex-wrap:wrap}#success button{margin-left:36px}.field button{width:94px}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}} 

.field label,.field button,.review-actions,.text-button,.sample-card strong{font-size:14px}.field button{width:108px;min-height:38px}.notice,.export-area p,.upload p,#empty p,.privacy{font-size:14px}.field input{font-size:16px}.badge,.document-foot,.sample-card small{font-size:12px}

#upload-message{padding:40px 24px}#upload-message h3{font-size:18px;line-height:1.5;font-weight:600}#upload-message p{font-size:16px;line-height:1.7;color:#748179}@media(max-width:430px){.hero-actions{flex-wrap:wrap}}
