.recipient-demo-page .page-intro h1{overflow-wrap:anywhere;max-width:850px}
.recipient-demo-notice{display:flex;align-items:flex-start;gap:12px;background:#fff4c8;border:1px solid #ebdda4;border-radius:11px;padding:16px 18px;color:var(--forest);font-size:11px;line-height:1.7;margin-bottom:28px}
.recipient-demo-notice .icon{width:18px;height:18px;margin-top:2px}
.recipient-demo-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:32px;align-items:start;margin-bottom:27px}
.recipient-board-card{background:#e8eddf;border:1px solid #dce3d1;border-radius:15px;padding:25px 22px;text-align:center;position:sticky;top:22px}
.recipient-board-fit{max-width:290px;margin:auto}
.recipient-signature{display:flex;align-items:center;justify-content:center;gap:12px;font-size:11px;color:var(--forest);margin:18px 0 12px}
.recipient-signature img{width:75px;mix-blend-mode:multiply}
.recipient-demo-options{display:flex;flex-direction:column;gap:13px;min-width:0}
.recipient-demo-options .completion-option{padding:19px 18px;gap:12px}
.recipient-invitations{background:#f7f1da;border:1px solid #e8ddb4;border-radius:12px;padding:21px;display:flex;flex-direction:column;gap:11px}
.recipient-invitations p{font-size:29px;color:var(--forest);margin-bottom:5px}
.recipient-invitations .btn{font-size:12px;min-height:46px}
.recipient-demo-link{margin:14px 0 4px;font-size:11px;white-space:normal;line-height:1.5}
@media(min-width:901px){.header-nav{gap:22px}}
@media(max-width:680px){.recipient-demo-layout{grid-template-columns:1fr;gap:20px}.recipient-board-card{position:static;padding:22px 18px}.recipient-board-fit{max-width:215px}.recipient-demo-notice{font-size:10px;padding:14px}.recipient-demo-options .completion-option{padding:17px 14px}.recipient-invitations{padding:18px 16px}.recipient-invitations p{font-size:27px}.recipient-invitations .btn{font-size:11px}.recipient-demo-link{width:100%;font-size:10px;padding:12px}.recipient-signature{font-size:10px}}