.doc-card{background:var(--white);border-radius:12px;padding:16px;position:absolute;top:78px;left:28px;right:28px;box-shadow:0 20px 40px -20px #0009}.doc-card__head{justify-content:space-between;align-items:center;gap:10px;display:flex}.doc-card__file{font:700 14px/1.2 var(--font-brand);color:var(--night-900)}.doc-card__status{white-space:nowrap;color:#b42318;font:700 12px/1 var(--font-brand);background:#ffe8e7;border-radius:6px;padding:5px 9px;transition:all .3s}.doc-card__status.is-signed{color:#000064;background:#e6e6f4}.doc-card__label{font:700 12px/1 var(--font-brand);color:#000064;margin-top:14px}.doc-card__hash{font:500 13px/1 var(--font-mono);letter-spacing:.04em;color:#000064;white-space:nowrap;background:#f1f2f9;border-radius:8px;margin-top:8px;padding:10px 12px;overflow:hidden}.doc-card__foot{font:600 11px/1.3 var(--font-brand);color:var(--slate-600);margin-top:10px}.ged{z-index:1;background:var(--white);font-family:var(--font-brand);border-radius:16px;position:absolute;top:76px;left:0;right:0;box-shadow:0 30px 60px -24px #0009}.ged__head{border-bottom:1px solid var(--line-200);font:700 16px/1 var(--font-brand);color:#000064;justify-content:space-between;align-items:center;padding:16px 22px;display:flex}.ged__import{color:var(--white);background:#fa4641;border-radius:8px;padding:8px 12px;font-size:13px}.ged__row{border-bottom:1px solid #f1f5f9;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:15px 22px;transition:background .4s;display:grid}.ged__row.is-busy{background:#fff7f7}.ged__file{font:700 15px/1.2 var(--font-brand);color:var(--night-900)}.ged__folder{font:500 12px/1 var(--font-brand);color:var(--slate-600);margin-top:4px}.ged__status{white-space:nowrap;font:700 12px/1 var(--font-brand);border-radius:6px;padding:6px 10px;transition:all .3s}.ged__status.is-sealed{color:#000064;background:#e6e6f4}.ged__status.is-shared{color:var(--night-600);background:#f1f5f9}.ged__status.is-busy{color:#b42318;background:#ffe8e7}.ged__seal{flex-direction:column;gap:10px;padding:18px 22px 20px;display:flex}.ged__seal-head{font:700 13px/1.2 var(--font-brand);color:#000064;justify-content:space-between;align-items:center;gap:10px;display:flex}.ged__seal-head span+span{color:var(--slate-600);font-size:12px;font-weight:600}.ged__hash{font:500 14px/1 var(--font-mono);letter-spacing:.04em;color:#000064;white-space:nowrap;background:#f1f2f9;border-radius:10px;padding:12px 14px;overflow:hidden}.ged__bar{background:#e6e6f4;border-radius:2px;height:4px}.ged__bar div{background:#000064;border-radius:2px;height:4px;transition:width .8s}.receipt{z-index:1;background:var(--white);opacity:0;border-radius:14px;width:290px;padding:20px;transition:opacity .5s,transform .5s;position:absolute;bottom:0;right:0;transform:translateY(16px);box-shadow:0 28px 56px -16px #0009}.receipt.is-on{opacity:1;transform:none}.receipt__head{font:700 16px/1.2 var(--font-brand);color:#000064;align-items:center;gap:10px;display:flex}.receipt__check{background:#000064;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.receipt__text{font:500 13px/1.5 var(--font-brand);color:var(--slate-600);margin-top:10px}.web-demo{z-index:1;background:#111814;border:1px solid #1f2a24;border-radius:12px;flex-direction:column;gap:10px;display:flex;position:absolute}.web-demo--card{padding:16px;inset:78px 28px 24px}.web-demo--showcase{border-radius:14px;gap:14px;height:380px;padding:24px;top:76px;left:0;right:0}.web-demo__head{justify-content:space-between;align-items:center;display:flex}.web-demo__logo{background:#2b3a33;border-radius:3px;width:84px;height:10px}.web-demo__cta{font:700 12px/1 var(--font-brand);color:#0a0f0d;white-space:nowrap;background:#10b981;border-radius:7px;padding:7px 10px}.web-demo__bar{border-radius:4px;transition:width .5s;display:block}.web-demo__bar--h1{background:#e7f5ef;height:14px}.web-demo__bar--h1:first-of-type{margin-top:8px}.web-demo__bar--p{background:#2b3a33;border-radius:3px;height:8px}.web-demo--showcase .web-demo__bar--h1{height:20px}.web-demo--showcase .web-demo__bar--p{height:10px;margin-top:8px}.web-demo__progress{flex-direction:column;gap:8px;margin-top:auto;display:flex}.web-demo__progress-label{font:700 12px/1 var(--font-brand);color:#10b981;justify-content:space-between;gap:10px;display:flex}.web-demo__track{background:#1f2a24;border-radius:2px;height:4px}.web-demo__track div{background:#10b981;border-radius:2px;height:4px;transition:width .6s;box-shadow:0 0 12px #10b981}@media (width<=720px){.doc-card{top:68px;left:22px;right:22px}.web-demo--card{inset:68px 22px 22px}.ged{top:60px}.ged__row,.ged__head,.ged__seal{padding-left:16px;padding-right:16px}.ged__hash{font-size:12px}.receipt{width:auto;left:0;right:0}.web-demo--showcase{height:340px;top:60px}}