.customer-invite[hidden]{display:none}
.customer-invite{position:fixed;inset:0;z-index:110;display:grid;place-items:center;padding:18px}
.customer-invite__backdrop{position:absolute;inset:0;border:0;background:rgba(7,29,16,.58);backdrop-filter:blur(5px)}
.customer-invite__card{position:relative;width:min(100%,460px);max-height:min(92dvh,700px);overflow:auto;padding:clamp(24px,5vw,38px);border:0;border-radius:18px;background:#fff;box-shadow:0 24px 72px rgba(0,32,15,.2);color:#14221a;outline:none}
.customer-invite__card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:#07ba53}
.customer-invite__close{position:absolute;right:18px;top:18px;width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:50%;background:#f1f6f2;color:#496052;cursor:pointer}
.customer-invite__close:hover{background:#e0f3e6;color:#183a25}
.customer-invite__brand{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:30px;padding-right:42px}
.customer-invite__brand .pd-logo{gap:8px}
.customer-invite__brand .pd-logo__mark{width:40px;height:40px;font-size:26px}
.customer-invite__brand .pd-logo__mark span{width:14px;height:14px;right:0;bottom:0}
.customer-invite__brand .pd-logo__name{font-size:1.25rem}
.customer-invite__brand>span:last-child{padding:6px 9px;border-radius:999px;background:#e8f7ed;color:#167541;font-size:.62rem;font-weight:800}
.customer-invite__eyebrow{display:inline-flex;align-items:center;gap:7px;color:#07833c;font-size:.64rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.customer-invite h2{margin:10px 0 12px;font-size:clamp(1.8rem,5vw,2.35rem);line-height:1.08;letter-spacing:-.045em}
.customer-invite p{margin:0 0 26px;color:#596a60;font-size:.9rem;line-height:1.6}
.customer-invite__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.customer-invite__actions a{min-height:46px;justify-content:center;text-align:center;padding:12px 10px;border-radius:8px;font-size:.78rem}
.customer-invite__actions .button--outline{border-color:#b9dac4;background:#f5faf6;color:#17693a}
.customer-invite__actions .button--outline:hover{background:#e7f5eb}
.customer-invite__continue{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:48px;margin-top:14px;padding:10px 13px;border:0;border-radius:8px;background:#eef5f0;color:#1c5c35;text-align:left;font-size:.82rem;font-weight:800;cursor:pointer}
.customer-invite__continue:hover,.customer-invite__continue:focus-visible{background:#dff1e5;outline:2px solid #42b971;outline-offset:2px}
.customer-invite__close:focus-visible,.customer-invite__actions a:focus-visible{outline:2px solid #42b971;outline-offset:2px}
@media(max-width:400px){.customer-invite__brand{margin-bottom:22px}.customer-invite__brand>span:last-child{display:none}.customer-invite__actions{grid-template-columns:1fr}}