.sign-wrap{max-width:680px;margin:0 auto;padding:48px 24px 96px}.sign-header{margin-bottom:32px}.sign-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.sign-header h1{margin:0 0 6px;font-size:2rem;letter-spacing:-.02em}.sign-quota-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:500;color:var(--fg-dim);background:var(--bg-elev);border:1px solid var(--border);border-radius:999px;text-decoration:none;transition:color .15s,border-color .15s,background .15s}.sign-quota-chip:hover{color:var(--accent);border-color:var(--accent)}.sign-quota-chip--full{color:var(--accent);border-color:var(--accent);background:#7c5cff14}.sign-header .tagline{margin:0 0 24px;color:var(--fg-dim);font-size:.95rem;line-height:1.5}.sign-mode{display:grid;grid-template-columns:1fr 1fr;background:var(--bg-elev, #131316);border:1px solid var(--border, #25252c);border-radius:12px;padding:4px;gap:4px}.sign-mode-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 16px;background:transparent;color:var(--fg-dim, #9a9aa3);border:none;border-radius:8px;font-family:inherit;cursor:pointer;text-align:center;transition:background .15s,color .15s;gap:2px}.sign-mode-btn:hover{color:var(--fg, #f5f5f7)}.sign-mode-btn.is-active{background:var(--bg, #0a0a0b);color:var(--fg, #f5f5f7);box-shadow:inset 0 0 0 1px var(--border, #25252c)}.sign-mode-name{font-size:.95rem;font-weight:600}.sign-mode-sub{font-size:.78rem;color:var(--fg-dim)}.sign-wrap[data-sign-mode=single] .sign-panel--per-recipient,.sign-wrap[data-sign-mode=per-recipient] .sign-panel--single{display:none}.sign-subhead{margin:0 0 24px;color:var(--fg-dim);font-size:.9rem;line-height:1.55}.sign-form--bare{display:flex;flex-direction:column;gap:16px}.dropzone--hero{padding:48px 24px;border:2px dashed var(--border, #25252c);border-radius:16px;background:var(--bg-elev, #131316);text-align:center;transition:border-color .15s,background .15s;cursor:pointer}.dropzone--hero:hover,.dropzone--hero:focus-visible,.dropzone--hero.dropzone--over{border-color:var(--accent, #7c5cff);background:var(--bg-elev-hover, #1a1a1f);outline:none}.dropzone--hero .dropzone-inner{display:flex;flex-direction:column;align-items:center;gap:8px}.dropzone--hero .dropzone-headline{margin:0;font-size:1.1rem;font-weight:500;color:var(--fg)}.dropzone--hero .dropzone-sub{margin:0;font-size:.85rem;color:var(--fg-dim)}.dropzone--hero .dropzone-button{display:inline-block;padding:8px 18px;border:1px solid var(--border);border-radius:8px;color:var(--fg);font-size:.9rem;cursor:pointer;transition:border-color .15s,background .15s}.dropzone--hero .dropzone-button:hover{border-color:var(--accent)}.dropzone--hero .dropzone-formats{margin:6px 0 0;color:var(--fg-dim);font-size:.75rem;letter-spacing:.02em}.dropzone-selected{font-weight:500;color:var(--fg)!important;margin-top:4px!important}.sign-submit{width:100%;padding:14px 20px;font-size:.95rem}.disclaimer{margin:0;color:var(--fg-dim);font-size:.78rem;line-height:1.5;text-align:center}.sign-block{background:var(--bg-elev, #131316);border:1px solid var(--border, #25252c);border-radius:12px;padding:18px 20px;margin-top:16px}.sign-block-title{margin:0 0 6px;font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--fg)}.sign-block-help{margin:0 0 14px;color:var(--fg-dim);font-size:.82rem;line-height:1.5}body:not(.is-pro) .sign-panel--per-recipient .pro-only{display:none}body.is-pro .sign-panel--per-recipient .pro-upsell{display:none}.pro-upsell{background:linear-gradient(180deg,rgba(124,92,255,.06),var(--bg-elev) 70%);border:1px solid var(--border);border-radius:16px;padding:32px}.pro-upsell-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.pro-upsell-lock{font-size:1.1rem;line-height:1}.pro-upsell-title{margin:0;font-size:1.1rem;letter-spacing:-.01em}.pro-upsell-lead{margin:0 0 16px;color:var(--fg-dim);font-size:.92rem;line-height:1.55}.pro-upsell-points{margin:0 0 20px;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.pro-upsell-points li{color:var(--fg);font-size:.88rem}.pro-upsell-points li:before{content:"✓ ";color:#10b981;margin-right:4px}.pro-upsell-cta{display:flex;gap:10px;flex-wrap:wrap}.pro-upsell-cta .primary-button,.pro-upsell-cta .secondary-button{text-decoration:none;text-align:center}