/* VAULT · the marketing page · 9 · by invitation — the two pictures, the seal in the button, the thank-you (m-invite.js). */
.inv-g .ill svg{display:block;overflow:visible}
.inv-g [data-ill=demo] path{fill:none;stroke-width:1.8;stroke-linecap:round;opacity:.92}

/* the seal, pressed into the button */
.inv-g .form .send .t{display:inline-flex;align-items:center;gap:8px}
.inv-g .form .send .seal{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.inv-g .form .send .seal>*{grid-area:1/1}
.inv-g .form .send .seal .fp{filter:drop-shadow(0 0 10px rgba(180,210,255,.55))}
.inv-g .form .send.sealing,.inv-g .form .send.sealing:hover{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);transform:none;cursor:default;
 transition:background .55s var(--ease),box-shadow .55s var(--ease)}
.inv-g .form .send.sealed,.inv-g .form .send.sealed:hover{box-shadow:inset 0 0 0 1px rgba(48,209,88,.45),0 0 34px rgba(48,209,88,.12)}
.inv-g .tkb{width:38px;height:38px;opacity:0}
.inv-g .tkb .ring,.inv-g .tkd .ring{fill:rgba(48,209,88,.12);stroke:rgba(91,227,127,.75);stroke-width:1.5;stroke-dasharray:1}
.inv-g .tkb .ck,.inv-g .tkd .ck{fill:none;stroke:#5be37f;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1}
.inv-g .tkd .ring{stroke-width:1.2}

/* the thank-you, in the fields' place */
.inv-g .form.folded>label:not(.hp),.inv-g .form.folded>.send,.inv-g .form.folded>.small{display:none}
.inv-g .done{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:16px;align-items:center;margin-top:20px}
.inv-g .done[hidden]{display:none}
.inv-g .done:focus{outline:none}
.inv-g .done .tk{grid-row:1/3;width:56px;height:56px}
.inv-g .done .tkd{display:block;width:56px;height:56px}
.inv-g .done b{align-self:end;font-size:18px;font-weight:600;letter-spacing:-.015em;line-height:1.3}
.inv-g .done .done-t{align-self:start;margin-top:3px;font-size:14px;line-height:1.45;color:var(--m)}
@media (max-width:640px){.inv-g .done{column-gap:14px}.inv-g .done b{font-size:16.5px}.inv-g .done .tk,.inv-g .done .tkd{width:50px;height:50px}.inv-g .done{grid-template-columns:50px minmax(0,1fr)}}

/* your own vault (9 Nov, "too generic"): the fingerprint, the line of now, today */
.inv-g [data-ill=own] .ow{position:relative;height:70px}
.inv-g [data-ill=own] .ofp{position:absolute;left:0;top:11px;width:44px;filter:brightness(1.9) drop-shadow(0 0 10px rgba(180,210,255,.45))}
.inv-g [data-ill=own] .ofp polyline{stroke-width:2.6}
.inv-g [data-ill=own] .ow svg{position:absolute;inset:0}
.inv-g [data-ill=own] .ol{fill:none;stroke-width:1.4;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}
.inv-g [data-ill=own] .op{fill:#fff}
.inv-g [data-ill=own] .oh{fill:rgba(255,255,255,.35);transform-box:fill-box;transform-origin:center}
.inv-g [data-ill=own] .on{opacity:0;transform-box:fill-box;transform-origin:center}
.inv-g [data-ill=own] .oy{font:500 10px var(--mono);letter-spacing:.18em;text-transform:uppercase;fill:rgba(245,245,247,.55);opacity:0}
.inv-g [data-ill=own] .oth{fill:none;stroke-width:1.8;stroke-linecap:round}
@media (prefers-reduced-motion:reduce){.inv-g [data-ill=own] .ol{stroke-dashoffset:0}.inv-g [data-ill=own] .on,.inv-g [data-ill=own] .oy{opacity:1}}