:root{--green: #0D3B2E;--rust: #A64720;--cream: #F7F4ED;--ink: #1F1F1F;--mute: #4A453E;--mustard: #F2C14E;--paper: #FFFDF8;--line: #C9C0AE;--bad: #8A2E14;--accent: var(--green);--on-accent: #FFFFFF}*{box-sizing:border-box}html,body{margin:0;background:var(--cream);color:var(--ink)}body{font-family:Montserrat,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--green)}a:hover{color:var(--rust)}button{font-family:inherit;cursor:pointer;transition:transform .08s ease,box-shadow .08s ease;color:inherit}button:active:not(:disabled){transform:translate(2px,2px)}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{font-family:inherit}:focus-visible{outline:3px solid var(--rust);outline-offset:2px}@media (prefers-reduced-motion: reduce){button{transition:none}button:active{transform:none!important}}.shell{min-height:100vh;padding:22px 32px 64px}@media (max-width: 640px){.shell{padding:16px 16px 48px}}.wrap{max-width:1120px;margin:0 auto}.top{max-width:1120px;margin:0 auto 34px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none}.top .logo{margin-right:auto}.wordmark{font-weight:900;letter-spacing:-1px;color:var(--green)}.dot{color:var(--rust)}.nav{display:flex;flex-wrap:wrap;gap:8px}.pill{border:2px solid var(--ink);background:#fff;font-size:14px;font-weight:700;padding:10px 16px;border-radius:999px;text-decoration:none;color:var(--ink)}.pill.on{background:var(--green);color:#fff}.avatar{width:44px;height:44px;border-radius:50%;border:2px solid var(--ink);background:var(--mustard);display:grid;place-items:center;font-weight:800;font-size:14px;flex:0 0 auto}.menu{position:relative}.menu-pop{position:absolute;right:0;top:52px;z-index:20;background:#fff;border:2px solid var(--ink);border-radius:12px;box-shadow:4px 4px 0 var(--ink);padding:8px;min-width:220px;display:flex;flex-direction:column}.menu-pop span{padding:8px 10px;font-size:13px;color:var(--mute)}.menu-pop button{border:0;background:none;text-align:left;padding:10px;font-size:14px;font-weight:700;border-radius:8px}.menu-pop button:hover{background:var(--cream)}.h1{margin:0;font-size:clamp(38px,5.5vw,62px);line-height:.95;font-weight:900;letter-spacing:-.045em;color:var(--green);overflow-wrap:anywhere}.h1-sm{font-size:clamp(30px,4.4vw,48px)}.h2{margin:0;font-size:20px;font-weight:900;letter-spacing:-.4px}.lede{margin:12px 0 0;font-size:17px;color:var(--mute)}.muted{color:var(--mute)}.small{font-size:13px}.serif{font-family:Fraunces,Georgia,serif}.mono{font-family:IBM Plex Mono,ui-monospace,Menlo,monospace}.btn{border:2px solid var(--ink);font-size:15px;font-weight:800;padding:12px 20px;border-radius:10px;box-shadow:4px 4px 0 var(--ink);background:#fff;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--ink);min-height:48px}.btn-rust{background:var(--rust);color:#fff}.btn-green{background:var(--green);color:#fff}.btn-mustard{background:var(--mustard)}.btn-accent{background:var(--accent);color:var(--on-accent)}.btn-big{font-size:18px;font-weight:900;padding:16px 30px;border-radius:12px;box-shadow:5px 5px 0 var(--ink)}.btn-sm{font-size:13px;padding:8px 12px;min-height:38px;box-shadow:3px 3px 0 var(--ink);border-radius:8px}.btn-bad{color:var(--bad)}.btn-quiet{border:0;background:none;color:var(--mute);font-size:14px;font-weight:700;padding:12px 4px;min-height:44px}.link{border:0;background:none;color:var(--green);font-size:14px;font-weight:800;padding:8px 0;min-height:40px;text-decoration:underline;text-underline-offset:4px}.chip{border:2px solid var(--ink);background:#fff;font-size:14px;font-weight:700;padding:8px 15px;border-radius:8px}.chip.on{background:var(--ink);color:#fff}.stack{display:flex;flex-direction:column;gap:22px}.stack-sm{display:flex;flex-direction:column;gap:12px}.row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.row-between{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}.card{background:#fff;border:2px solid var(--ink);border-radius:14px;box-shadow:5px 5px 0 var(--ink);padding:20px 22px}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:800;min-width:0}.field input,.field textarea,.field select{min-height:46px;border:2px solid var(--ink);border-radius:8px;padding:0 12px;font-size:16px;color:var(--ink);background:#fff;min-width:0;width:100%}.field textarea{padding:10px 12px;line-height:1.5;resize:vertical}.field .hint{font-weight:600;color:var(--mute)}.check{display:flex;gap:10px;align-items:flex-start;font-size:15px;font-weight:600;line-height:1.45}.check input{width:22px;height:22px;margin:1px 0 0;accent-color:var(--green);flex:0 0 auto}.notice{margin:0;padding:12px 14px;border:2px solid var(--ink);border-radius:10px;font-size:14px;font-weight:600;background:#fff}.notice-bad{border-color:var(--bad);color:var(--bad);background:#fff6f0}.notice-good{background:#e3ebe6}.notice-dash{border-style:dashed}.stamp{display:inline-block;font-size:12px;font-weight:900;letter-spacing:1.5px;padding:5px 10px;border-radius:4px;white-space:nowrap}.stamp-signed{color:var(--rust);border:2px solid var(--rust);transform:rotate(-6deg);background:#fff6f0}.stamp-waiting{color:var(--green);border:2px dashed var(--green);transform:rotate(3deg);background:#fff}.stamp-opened{color:var(--ink);border:2px solid var(--ink);transform:rotate(-2deg);background:var(--mustard)}.stamp-declined{color:var(--bad);border:2px solid var(--bad);transform:rotate(4deg);background:#fff}.stamp-cancelled{color:var(--mute);border:2px solid var(--mute);transform:rotate(-3deg);background:#eee9de;text-decoration:line-through}.hero-row{display:flex;flex-wrap:wrap;align-items:stretch;gap:20px}.hero-row>:first-child{flex:1 1 380px;min-width:0}.counter{flex:0 1 360px;background:var(--green);color:#fff;border:2px solid var(--ink);border-radius:14px;box-shadow:5px 5px 0 var(--ink);padding:18px 20px;display:flex;align-items:center;gap:16px}.counter .num{font-size:54px;font-weight:900;line-height:1;letter-spacing:-2px;color:var(--mustard)}.counter button{align-self:flex-start;border:2px solid #FFF;background:transparent;color:#fff;font-size:13px;font-weight:700;padding:7px 12px;border-radius:8px}.search{display:flex;align-items:center;gap:8px;background:#fff;border:2px solid var(--ink);border-radius:10px;padding:0 14px;height:46px;flex:0 1 300px;min-width:0}.search input{border:0;outline:none;background:transparent;font-size:15px;flex:1;min-width:0}.doc-row{width:100%;border:2px solid var(--ink);background:#fff;border-radius:12px;box-shadow:3px 3px 0 var(--ink);text-align:left;padding:16px 20px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 18px;align-items:center;text-decoration:none;color:var(--ink)}.doc-row b{font-size:17px;font-weight:800;letter-spacing:-.3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.doc-row .sub{font-size:13px;color:var(--mute)}.empty{border:2px dashed var(--ink);border-radius:14px;padding:34px 24px;text-align:center;background:var(--paper)}.split{display:flex;flex-wrap:wrap;gap:26px;align-items:flex-start}.trail{flex:999 1 440px;min-width:0;background:#fff;border:2px solid var(--ink);border-radius:4px;box-shadow:5px 5px 0 var(--ink);padding:22px 24px 18px}.trail-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;padding-bottom:12px;border-bottom:2px dashed var(--ink)}.trail ol{list-style:none;margin:0;padding:0}.trail li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;padding:12px 0;border-bottom:1px dashed var(--line)}.trail li .t{font-size:14px;font-weight:800;font-variant-numeric:tabular-nums}.trail li:last-child .t{color:var(--rust)}.trail li b{font-size:15px;font-weight:700;display:block}.trail li span.m{font-size:13px;color:var(--mute);overflow-wrap:anywhere}.trail .day{grid-column:1 / -1;font-size:11px;font-weight:800;letter-spacing:1px;color:var(--mute);padding:4px 0 0;border:0}.cert{flex:1 1 300px;min-width:0;background:var(--paper);border:2px solid var(--ink);border-radius:4px;padding:26px 24px 30px;transform:rotate(1.2deg)}.cert h2{margin:0 0 18px;font-family:Fraunces,Georgia,serif;font-weight:400;font-size:24px;color:var(--green)}.kv{display:flex;flex-direction:column;gap:2px;font-size:14px}.kv>span:first-child{font-size:11px;font-weight:800;letter-spacing:.5px;color:var(--mute)}.allura{font-family:Allura,cursive;font-size:40px;line-height:1;color:#1f2d4a;transform:rotate(-3deg);display:inline-block}.signer-list{display:flex;flex-direction:column;gap:10px}.signer{display:flex;align-items:center;justify-content:space-between;gap:12px;border:2px solid var(--ink);border-radius:10px;padding:10px 14px;background:#fff;flex-wrap:wrap}.step-n{width:34px;height:34px;border-radius:50%;background:var(--mustard);border:2px solid var(--ink);display:grid;place-items:center;font-size:16px;flex:0 0 auto}.step-h{margin:0;display:flex;align-items:center;gap:12px;font-size:19px;font-weight:900;letter-spacing:-.4px}.drop{border:2px dashed var(--ink);border-radius:10px;background:var(--cream);padding:16px;display:flex;flex-wrap:wrap;align-items:center;gap:16px}.drop.over{background:#fff1c7}.paper-ico{width:58px;height:76px;background:#fff;border:2px solid var(--ink);padding:8px;display:flex;flex-direction:column;gap:5px;transform:rotate(-4deg);flex:0 0 auto}.paper-ico span{height:3px;background:#d9d1c1}.paper-ico span:first-child{height:4px;background:var(--green);width:60%}.seg{display:flex;flex-wrap:wrap;gap:10px}.seg button{border:2px solid var(--ink);background:#fff;font-size:14px;font-weight:800;padding:12px 16px;border-radius:10px}.seg button.on{background:var(--green);color:#fff;box-shadow:3px 3px 0 var(--ink)}.signer-card{border:2px solid var(--ink);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:12px;background:var(--paper)}.swatch{width:18px;height:18px;border-radius:50%;border:2px solid var(--ink);display:inline-block;flex:0 0 auto}.placer{display:grid;grid-template-columns:260px minmax(0,1fr);gap:22px;align-items:start}@media (max-width: 860px){.placer{grid-template-columns:1fr}}.palette{position:sticky;top:16px;display:flex;flex-direction:column;gap:12px}@media (max-width: 860px){.palette{position:static}}.tool{border:2px solid var(--ink);background:#fff;border-radius:8px;font-size:14px;font-weight:800;padding:10px 12px;text-align:left;display:flex;align-items:center;gap:8px}.tool.on{background:var(--ink);color:#fff}.pdf-pages{display:flex;flex-direction:column;gap:22px;min-width:0}.pdf-page-wrap{display:flex;flex-direction:column;gap:6px}.page-no{font-size:12px;font-weight:800;color:var(--mute);letter-spacing:.5px}.pdf-page{position:relative;background:#fff;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}.pdf-page canvas{display:block}.pdf-overlay{position:absolute;top:0;right:0;bottom:0;left:0}.pdf-overlay.clickable{cursor:crosshair}.box{position:absolute;border:2px solid var(--c, var(--green));background:color-mix(in srgb,var(--c, var(--green)) 14%,transparent);border-radius:4px;font-size:11px;font-weight:800;color:var(--ink);display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;line-height:1.1;padding:2px}.box.drag{cursor:grab}.box .x{position:absolute;top:-2px;right:-2px;width:20px;height:20px;border:2px solid var(--ink);background:#fff;border-radius:50%;font-size:12px;line-height:1;padding:0;display:grid;place-items:center}.box .rs{position:absolute;right:-2px;bottom:-2px;width:14px;height:14px;background:var(--ink);cursor:nwse-resize;border-radius:2px}.sign-top{background:var(--accent);color:var(--on-accent);border-bottom:2px solid var(--ink);padding:14px 20px;display:flex;align-items:center;gap:12px}.sign-top img{height:34px;max-width:140px;object-fit:contain;background:#fff;border-radius:6px;padding:3px}.sign-top b{font-size:16px;font-weight:800}.sign-main{max-width:860px;margin:0 auto;padding:22px 16px 120px}.sign-card{max-width:520px;margin:24px auto}.code-input{font-size:30px!important;letter-spacing:10px;text-align:center;font-weight:800;font-variant-numeric:tabular-nums}.sbox{border:2px dashed var(--accent);background:color-mix(in srgb,var(--accent) 10%,#FFF);cursor:pointer;font-weight:800;color:var(--ink)}.sbox.done{border-style:solid;background:#fff9;cursor:pointer}.sbox img{-webkit-user-select:none;user-select:none;pointer-events:none;max-width:100%;max-height:100%;object-fit:contain}.sbox input[type=text]{width:100%;height:100%;border:0;background:transparent;font-size:12px;font-weight:600;padding:0 4px}.sbox input[type=checkbox]{width:80%;height:80%;accent-color:var(--accent);margin:0}.dock{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:2px solid var(--ink);padding:12px 16px;z-index:10}.dock-in{max-width:860px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px}.sig-preview{font-family:Allura,cursive;font-size:52px;color:#1f2d4a;min-height:70px;border-bottom:2px solid var(--ink);padding:6px 4px;overflow:hidden;white-space:nowrap}.sig-canvas{width:100%;height:180px;border:2px dashed var(--ink);border-radius:10px;background:var(--paper);touch-action:none;display:block}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#1f1f1f73;display:grid;place-items:center;padding:16px;z-index:50}.modal{width:min(560px,100%);display:flex;flex-direction:column;gap:16px;max-height:calc(100vh - 32px);overflow:auto}.auth{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}@media (max-width: 860px){.auth{grid-template-columns:1fr}.auth-side{display:none!important}}.auth-side{background:var(--green);color:#fff;padding:40px;display:flex;flex-direction:column;justify-content:space-between;border-right:2px solid var(--ink)}.auth-side .big{font-size:clamp(40px,5vw,64px);font-weight:900;letter-spacing:-.045em;line-height:.95}.auth-main{display:flex;align-items:center;justify-content:center;padding:32px 16px}.auth-mobile-logo{display:none}@media (max-width: 860px){.auth-mobile-logo{display:block}}.auth-main .card{width:min(440px,100%);display:flex;flex-direction:column;gap:16px}.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.member{background:#fff;border:2px solid var(--ink);border-radius:14px;box-shadow:4px 4px 0 var(--ink);padding:18px;display:flex;flex-direction:column;gap:10px}.swatch-btn{width:46px;height:46px;border-radius:50%;border:2px solid var(--ink)}.swatch-btn.on{box-shadow:3px 3px 0 var(--ink);transform:translate(-2px,-2px)}.mail-preview{background:#fff;border:2px solid var(--ink);border-radius:12px;box-shadow:6px 6px 0 var(--ink);overflow:hidden;transform:rotate(-1deg)}.mail-preview .bar{padding:16px 20px;font-weight:800;font-size:16px;border-bottom:2px solid var(--ink);display:flex;align-items:center;gap:10px}.mail-preview .bar img{height:28px;max-width:110px;object-fit:contain;background:#fff;border-radius:4px;padding:2px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.stat{border:2px solid var(--ink);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}.stat span{font-size:12px;font-weight:800;color:var(--mute)}.stat b{font-size:18px;font-weight:900}.foot{max-width:1120px;margin:48px auto 0;font-size:12px;color:var(--mute)}.spinner{display:grid;place-items:center;min-height:60vh;color:var(--mute);font-weight:700}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.auth-side .wordmark{color:#fff}.drop-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0d3b2ee0;display:grid;place-items:center;pointer-events:none}.drop-veil div{border:3px dashed #F7F4ED;border-radius:18px;padding:48px 64px;text-align:center;color:#fff;display:flex;flex-direction:column;gap:8px}.drop-veil b{font-size:clamp(28px,4vw,44px);font-weight:900;letter-spacing:-1px}.drop-veil span{font-size:16px;color:#e3ebe6}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.plan{text-align:left;border:2px solid var(--ink);border-radius:12px;background:#fff;padding:16px 18px;display:flex;flex-direction:column;gap:6px;cursor:pointer;color:var(--ink);font:inherit}.plan:hover{background:var(--paper)}.plan.on{background:var(--green);color:#fff;box-shadow:4px 4px 0 var(--ink)}.plan-name{font-weight:800;font-size:15px;display:flex;align-items:center;gap:8px}.plan-name em{font-style:normal;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;background:var(--mustard);color:var(--ink);border:2px solid var(--ink);border-radius:6px;padding:2px 7px}.plan-price{font-size:32px;font-weight:900;letter-spacing:-1.2px;line-height:1.1}.plan-price small{font-size:14px;font-weight:600;letter-spacing:0;opacity:.8}.plan-note{font-size:13px;opacity:.85}.linkish{background:none;border:0;padding:0;font:inherit;font-size:14px;font-weight:700;color:var(--bad);text-decoration:underline;cursor:pointer}
