.vx-public-growth>.vx-vmpd-addon-invite{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:18px 0;padding:19px 24px;border:1px solid #39758a;border-radius:22px;background:linear-gradient(120deg,#102d39,#17263f);color:#f2f8fc}
.vx-public-growth .vx-vmpd-sales-stage{align-items:stretch}
.vx-vmpd-addon-invite>div{flex:1 1 260px;min-width:0}
.vx-vmpd-addon-invite>div>span{color:#7ae8ef;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.vx-public-growth .vx-vmpd-addon-invite h2{margin:7px 0;font-size:21px;line-height:1.25;color:#fff}
.vx-public-growth .vx-vmpd-addon-invite p{margin:0 0 8px;font-size:14px;line-height:1.55;color:#d5e6ef}
.vx-vmpd-addon-invite small{display:block;font-size:11px;line-height:1.5;color:#b8d0dd}
.vx-vmpd-addon-invite>a{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 16px;border-radius:12px;background:linear-gradient(120deg,#ff801b,#ffdc66);color:#101820;font-size:13px;font-weight:950;text-decoration:none}
.vx-vmpd-addon-invite>a:hover{filter:brightness(1.08)}
.vx-vmpd-addon-invite>a:focus-visible{outline:3px solid #7ae8ef;outline-offset:4px}
@media(max-width:540px){.vx-vmpd-addon-invite>a{width:100%;box-sizing:border-box}}
/* A native dialog keeps the offer out of the sales-page layout until opened. */
.vx-public-growth>dialog.vx-vmpd-addon-invite{box-sizing:border-box;width:min(540px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;margin:auto;padding:36px 28px 24px;display:block;box-shadow:0 24px 100px #0009}
.vx-public-growth>dialog.vx-vmpd-addon-invite:not([open]){display:none}
.vx-vmpd-addon-invite::backdrop{background:#020b14c9;backdrop-filter:blur(5px)}
.vx-public-growth .vx-vmpd-addon-invite h2{font-size:34px;margin:12px 0}
.vx-public-growth .vx-vmpd-addon-invite p{font-size:16px;margin-bottom:14px;color:#e1eef6}
.vx-vmpd-addon-invite>a{display:flex;margin-top:22px}
.vx-addon-offer-open{display:block;margin:18px auto;padding:10px 16px;border:1px solid #39758a;border-radius:999px;background:#102d39;color:#ccebf5;font:inherit;font-size:13px;cursor:pointer}
.vx-addon-offer-close{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:36px;height:36px;border:1px solid #638598;border-radius:50%;background:#1b3646;color:#fff;font-size:25px;cursor:pointer}
.vx-addon-offer-dismiss{display:block;margin:16px auto 0;padding:6px;border:0;background:transparent;color:#d3e6f1;font:inherit;font-size:13px;text-decoration:underline;cursor:pointer}
.vx-vmpd-addon-invite :focus-visible,.vx-addon-offer-open:focus-visible{outline:3px solid #7ae8ef;outline-offset:4px}
.vx-public-growth>dialog.vx-vmpd-addon-invite{width:min(590px,calc(100% - 24px));padding:24px 30px;border-color:#58bdd0;background:radial-gradient(ellipse at 50% 0,rgba(37,192,211,.22),transparent 60%),linear-gradient(140deg,#0c2331,#172039);box-shadow:0 25px 100px #000b,inset 0 1px #a5f0ff20}
.vx-addon-welcome{text-align:center}
.vx-addon-welcome>img{display:block;width:116px;height:106px;object-fit:contain;margin:0 auto 10px;filter:drop-shadow(0 10px 18px #0cd4e02e)}
.vx-addon-welcome>span{display:block}
.vx-public-growth .vx-addon-welcome h2{font-size:38px;letter-spacing:-.03em;margin:8px 0 12px}
.vx-public-growth .vx-addon-welcome p{font-size:17px;line-height:1.5;margin:0 0 18px;color:#d9eaf5}
.vx-addon-welcome p strong{color:#ffdb7c;white-space:nowrap}
.vx-addon-perks{display:grid;gap:10px}
.vx-addon-perks>section{display:flex;gap:12px;align-items:flex-start;padding:13px;border:1px solid #46798d;border-radius:14px;background:#0b1c2b99}
.vx-addon-perks>section>b{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:11px;background:#174953;color:#91f8e3;font-size:23px;font-weight:950}
.vx-addon-perks>section:last-child>b{background:#423754;color:#e1d4ff}
.vx-addon-perks h3{margin:0 0 5px;font-size:15px;color:#fff}
.vx-public-growth .vx-addon-perks p{margin:0;font-size:13px;line-height:1.5;color:#ccdfed}
.vx-vmpd-addon-invite .vx-addon-trial-note{text-align:center;margin:12px 0 0;line-height:1.5;color:#bcd0e0;font-size:11px}
.vx-vmpd-addon-invite>a{min-height:26px;font-size:16px;box-shadow:0 7px 24px #ff9a1926}
@media(max-width:540px){.vx-public-growth>dialog.vx-vmpd-addon-invite{padding:22px 18px}.vx-addon-welcome>img{width:94px;height:86px}.vx-public-growth .vx-addon-welcome h2{font-size:32px}}