:root{--ink:#10211a;--muted:#5e6b65;--cream:#f7f5ed;--green:#39e58c;--dark:#132a20;--line:#d8ddd7}*{box-sizing:border-box}html{background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}body{min-height:100vh;margin:0}a{color:inherit}.site-header,footer{justify-content:space-between;align-items:center;max-width:1180px;margin:auto;padding:22px 28px;display:flex}.site-header nav,footer nav{align-items:center;gap:22px;display:flex}.site-header a,footer a{text-decoration:none}.brand{letter-spacing:.09em;font-size:18px;font-weight:900}.brand span{color:var(--green)}.hero{grid-template-columns:1.2fr .8fr;align-items:center;gap:90px;max-width:1180px;min-height:670px;margin:auto;padding:80px 28px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#29875a;font-size:12px;font-weight:800}h1{letter-spacing:-.06em;max-width:800px;margin:16px 0 26px;font-size:clamp(46px,7vw,88px);line-height:.94}h2{letter-spacing:-.04em;font-size:38px}.lede{max-width:690px;color:var(--muted);font-size:20px;line-height:1.6}.actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:34px;display:flex}.button{background:var(--dark);color:#fff;cursor:pointer;border:0;border-radius:99px;justify-content:center;align-items:center;padding:15px 22px;font-weight:800;text-decoration:none;display:inline-flex}.button:hover{background:#204a36}.button:disabled{opacity:.5;cursor:not-allowed}.button.secondary{color:var(--ink);border:1px solid var(--line);background:#fff}.button.small{padding:9px 15px;font-size:13px}.muted{color:var(--muted);font-size:14px}.phone{background:var(--dark);color:#fff;border:9px solid #07150f;border-radius:54px;width:min(100%,350px);height:560px;margin:auto;padding:58px 28px;position:relative;overflow:hidden;box-shadow:0 30px 80px #142a2033}.phone:before{content:"";background:#07150f;border-radius:20px;width:20%;height:20px;position:absolute;top:15px;left:40%}.paper{color:var(--ink);background:#fff;border-radius:7px;flex-direction:column;gap:17px;height:370px;padding:28px 23px;display:flex;transform:rotate(-2deg)}.paper span{color:#29875a;letter-spacing:.1em;font-size:10px;font-weight:900}.paper strong{font-size:22px}.paper i{background:#e1e8e3;border-radius:4px;height:8px;display:block}.paper i:nth-of-type(2){width:72%}.paper i:nth-of-type(4){width:86%}.phone>p{text-align:center;color:var(--green);font-weight:700}.scan-line{height:2px;box-shadow:0 0 15px var(--green);background:var(--green);position:absolute;top:250px;left:20px;right:20px}.features{background:var(--dark);color:#fff;padding:90px max(28px,50vw - 562px)}.features>h2{max-width:520px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:50px;display:grid}.feature-grid article{border-top:1px solid #fff3;padding:30px 0}.feature-grid b{color:var(--green)}.feature-grid h3{font-size:24px}.feature-grid p{color:#c5d2ca;line-height:1.6}.specimen{background:#e0f7e9;border-radius:30px;justify-content:space-between;align-items:center;gap:40px;max-width:1124px;margin:90px auto;padding:55px;display:flex}.specimen h2{margin:10px 0}.specimen p:not(.eyebrow){color:var(--muted);max-width:650px;line-height:1.6}footer{border-top:1px solid var(--line);color:var(--muted);font-size:13px}.narrow,.legal{max-width:760px;min-height:65vh;margin:auto;padding:90px 28px}.narrow h1,.legal h1{font-size:56px}.legal h2{margin-top:40px;font-size:26px}.legal p{color:var(--muted);font-size:17px;line-height:1.7}.auth-page{place-items:center;min-height:70vh;padding:50px;display:grid}.workspace{max-width:1000px;margin:auto;padding:70px 28px 110px}.workspace h1{font-size:68px}.workspace-title{justify-content:space-between;align-items:center;display:flex}.scan-form{border:1px solid var(--line);background:#fff;border-radius:28px;gap:20px;padding:28px;display:grid;box-shadow:0 12px 45px #1930240c}.scan-form>label:first-child{gap:8px;font-weight:700;display:grid}input{border:1px solid var(--line);font:inherit;color:var(--ink);background:#fff;border-radius:12px;padding:13px 15px}.scan-form>label:first-child input{font-size:17px}.drop-zone{text-align:center;cursor:pointer;background:#f5fbf7;border:2px dashed #a9bbb1;border-radius:20px;align-content:center;place-items:center;gap:8px;min-height:190px;padding:25px;display:grid}.drop-zone strong{font-size:20px}.drop-zone span{color:var(--muted)}.drop-zone input{border:0;max-width:330px}.capture-options{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:10px;display:flex}.capture-options label{gap:5px;font-size:13px;font-weight:700;display:grid}.camera-preview{gap:12px;width:min(100%,640px);margin-top:14px;display:grid}.camera-preview[hidden]{display:none}.camera-preview video{object-fit:cover;background:#07150f;border-radius:16px;width:100%;max-height:480px}.camera-preview>div{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.page-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.page-list li{background:var(--cream);border-radius:12px;grid-template-columns:70px 1fr auto;align-items:center;gap:10px;padding:10px 14px;display:grid;overflow:hidden}.page-list span{color:#29875a;font-size:12px;font-weight:800}.page-list button,.link{cursor:pointer;background:0 0;border:0;text-decoration:underline}.status{color:var(--muted);min-height:20px;margin:0}.history{margin-top:70px}.history-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.scan-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.scan-grid article{border:1px solid var(--line);background:#fff;border-radius:18px;padding:20px}.scan-grid article>span{color:#29875a;text-transform:uppercase;font-size:12px;font-weight:800}.scan-grid h3{min-height:48px}.scan-grid p,.empty{color:var(--muted)}.scan-grid article>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.danger{color:#a22e2e}.account-delete{margin-top:80px}.empty{border:1px dashed var(--line);text-align:center;border-radius:18px;padding:30px}@media (max-width:760px){.site-header{padding:18px}.site-header nav>a:first-child{display:none}.hero{grid-template-columns:1fr;gap:50px;padding-top:50px}.phone{height:500px}.feature-grid,.scan-grid{grid-template-columns:1fr}.specimen{flex-direction:column;align-items:flex-start;margin:50px 18px;padding:35px 25px}.history-heading{flex-direction:column;align-items:stretch}.page-list li{grid-template-columns:60px 1fr}.page-list button{grid-column:2;justify-self:start}.workspace h1{font-size:50px}footer{flex-direction:column;gap:18px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
