@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap";:root{color:#173c3e;font-synthesis:none;background:#f4f1e9;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 85% 4%,#dcebe4 0,#0000 30%),#f4f1e9;min-width:320px;min-height:100vh;margin:0}button,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f4f1e9c2;border-bottom:1px solid #173c3e1c;justify-content:space-between;align-items:center;height:76px;padding:0 max(24px,50vw - 590px);display:flex}.brand{color:#0a3536;letter-spacing:-.3px;align-items:center;gap:11px;font-size:17px;text-decoration:none;display:flex}.brand-mark{color:#e8b65b;background:#0b4241;border-radius:11px;place-items:center;width:38px;height:38px;display:grid;box-shadow:inset 0 0 0 1px #ffffff21}.privacy{color:#376760;background:#edf4ef;border:1px solid #b9cfc6;border-radius:100px;align-items:center;gap:7px;padding:7px 12px;font-size:12px;font-weight:600;display:flex}main{width:min(1180px,100% - 40px);margin:auto}.hero{text-align:center;padding:70px 20px 48px}.eyebrow{color:#ad7526;letter-spacing:2.5px;justify-content:center;align-items:center;gap:9px;font-size:11px;font-weight:700;display:flex}.eyebrow span{background:#d49a41;width:24px;height:1px}.hero h1{color:#0c3435;letter-spacing:-3.8px;margin:18px 0 22px;font-family:Fraunces,serif;font-size:clamp(48px,6.2vw,76px);line-height:.98}.hero>p{color:#567173;max-width:610px;margin:auto;font-size:16px;line-height:1.65}.trust-row{color:#4b6969;justify-content:center;gap:24px;margin-top:25px;font-size:12px;display:flex}.trust-row span{align-items:center;gap:6px;display:flex}.workspace{grid-template-columns:340px 1fr;align-items:start;gap:24px;padding-bottom:70px;display:grid}.capture-card,.document-panel{background:#fffdf8;border:1px solid #dad8ce;border-radius:20px;box-shadow:0 18px 50px #1e393514}.capture-card{text-align:center;padding:38px 30px 30px;position:sticky;top:96px}.capture-icon{color:#176059;background:#edf5f0;border:1px dashed #82aaa1;border-radius:18px;place-items:center;width:66px;height:66px;margin:0 auto 22px;display:grid;transform:rotate(-2deg)}.capture-card h2{color:#173b3c;margin:0 0 9px;font-family:Fraunces,serif;font-size:25px}.capture-card p{color:#708182;max-width:230px;margin:0 auto 25px;font-size:13px;line-height:1.5}.capture-actions{gap:10px;display:grid}.button{border:0;border-radius:11px;justify-content:center;align-items:center;gap:9px;height:46px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.button:hover{transform:translateY(-1px)}.primary{color:#fff;background:#0c4745;box-shadow:0 8px 18px #0c474533}.secondary{color:#174c4a;background:#fbfdf9;border:1px solid #b9cbc5}.capture-card small{color:#98a2a0;margin-top:18px;font-size:10px;display:block}.document-panel{overflow:hidden}.panel-heading{border-bottom:1px solid #e4e1d8;justify-content:space-between;align-items:center;min-height:92px;padding:22px 27px;display:flex}.panel-heading>div{align-items:center;gap:14px;display:flex}.step{color:#b07724;border-right:1px solid #d9d4c9;padding-right:14px;font-family:Fraunces,serif;font-size:12px}.panel-heading h3{color:#173b3c;margin:0 0 3px;font-size:15px}.panel-heading p{color:#85908e;margin:0;font-size:11px}.count{color:#55726f;background:#eef2ed;border-radius:100px;padding:6px 11px;font-size:10px;font-weight:700}.empty-state{color:#82918f;background-image:radial-gradient(#d6ddd8 1px,#0000 1px);background-size:17px 17px;flex-direction:column;justify-content:center;align-items:center;height:258px;display:flex}.empty-stack{color:#8aa39e;place-items:center;width:65px;height:62px;display:grid;position:relative}.empty-stack span{background:#f7f7f1;border:1px solid #cbd4cf;border-radius:7px;width:48px;height:57px;position:absolute;transform:rotate(-8deg)}.empty-stack span:nth-child(2){transform:rotate(7deg)}.empty-stack svg{position:relative}.empty-state h3{color:#647775;margin:14px 0 4px;font-size:13px}.empty-state p{margin:0;font-size:11px}.page-grid{background:#f8f7f1;grid-template-columns:repeat(3,1fr);gap:13px;min-height:258px;padding:22px;display:grid}.page-card,.add-more{background:#fff;border:1px solid #dddcd4;border-radius:11px;min-width:0;overflow:hidden}.page-preview{background:#e9ece8;place-items:center;height:142px;display:grid;position:relative;overflow:hidden}.page-preview img{object-fit:contain;width:100%;height:100%;transition:transform .25s}.page-number{color:#fff;background:#0b4543;border-radius:5px;place-items:center;width:20px;height:20px;font-size:9px;font-weight:700;display:grid;position:absolute;top:7px;left:7px}.page-meta{align-items:center;gap:5px;padding:9px 7px;display:flex}.page-meta .grip{color:#aeb8b5}.page-meta div{flex-direction:column;flex:1;min-width:0;display:flex}.page-meta strong{font-size:10px}.page-meta span{color:#8b9996;font-size:8px}.page-meta button{color:#637d78;background:0 0;border:0;place-items:center;padding:4px;display:grid}.page-meta button:last-child{color:#a95e52}.add-more{color:#51746e;border-style:dashed;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:185px;display:flex}.add-more span{font-size:11px;font-weight:700}.settings{border-top:1px solid #e4e1d8}.panel-heading.compact{border-bottom:0;min-height:83px}.settings-grid{grid-template-columns:1fr 1fr;gap:16px;padding:0 27px 23px;display:grid}.settings-grid label{color:#8b8d83;letter-spacing:1.2px;font-size:9px;font-weight:700}.select-wrap{margin-top:8px;position:relative}.select-wrap select{appearance:none;color:#344f4e;background:#fbfbf7;border:1px solid #d7d8d0;border-radius:9px;outline:0;width:100%;height:43px;padding:0 37px 0 13px;font-size:11px}.select-wrap svg{pointer-events:none;color:#7f908c;position:absolute;top:14px;right:12px}.output-row{background:#0e3f3f;justify-content:space-between;align-items:center;min-height:89px;padding:18px 27px;display:flex}.output-row>div{color:#bdd0ca;flex-direction:column;gap:4px;font-size:10px;display:flex}.output-row strong{color:#fff;font-size:16px}.make-pdf{color:#173b37;background:#efb653;min-width:180px;padding:0 22px;box-shadow:0 7px 20px #0000002e}.make-pdf:disabled{opacity:.45;cursor:not-allowed;transform:none}.spinner{border:2px solid #00000040;border-top-color:#123;border-radius:50%;width:17px;height:17px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}footer{color:#83908e;border-top:1px solid #173c3e1c;align-items:center;gap:28px;width:min(1180px,100% - 40px);min-height:100px;margin:auto;font-size:10px;display:flex}footer>span:first-child{color:#315755;font-weight:700}footer p{flex:1}.footer-lock{align-items:center;gap:6px;display:flex}.toast{color:#fff;z-index:5;background:#153f3e;border-radius:10px;align-items:center;gap:9px;padding:11px 13px;font-size:12px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #00000038}.toast button{color:#fff;background:0 0;border:0;padding:0;display:grid}@media (width<=800px){.workspace{grid-template-columns:1fr}.capture-card{position:static}.hero{padding-top:52px}.hero h1{letter-spacing:-2.5px}}@media (width<=540px){main{width:min(100% - 24px,1180px)}.topbar{height:66px;padding:0 15px}.privacy{padding:8px;font-size:0}.hero{padding:44px 8px 35px}.hero h1{font-size:45px}.trust-row{flex-wrap:wrap;gap:13px}.capture-card{padding:30px 20px 24px}.panel-heading{padding:20px 18px}.page-grid{grid-template-columns:repeat(2,1fr);padding:14px}.settings-grid{grid-template-columns:1fr;padding:0 18px 20px}.output-row{gap:12px;padding:17px 18px}.make-pdf{min-width:0;padding:0 15px}footer{flex-wrap:wrap;gap:4px 16px;padding:24px 0}footer p{flex-basis:60%}.footer-lock{width:100%}}
