/* ETC Platform invitation. Namespaced and independent of the store theme. */
dialog.etc-pi{padding:0;border:1px solid #dae7e1;border-radius:24px;width:min(880px,calc(100% - 40px));max-width:none;max-height:calc(100dvh - 40px);margin:auto;color:#172d25;background:#fff;box-shadow:0 28px 100px #001c2360;font-family:inherit;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;color-scheme:light}
dialog.etc-pi:not([open]){display:none!important}dialog.etc-pi[open]{animation:etc-pi-enter .2s ease-out}dialog.etc-pi::backdrop{background:#071b1ac2;backdrop-filter:blur(5px)}
.etc-pi *{box-sizing:border-box}.etc-pi button,.etc-pi a{-webkit-tap-highlight-color:transparent}.etc-pi button{font:inherit;cursor:pointer}.etc-pi svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;display:block}.etc-pi__layout{display:grid;grid-template-columns:274px 1fr}.etc-pi__close{position:absolute;z-index:2;right:14px;top:14px;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;color:#547064;background:#f1f6f3;transition:background .15s}.etc-pi__close svg{width:20px;height:20px}.etc-pi__close:hover{background:#e0ece5;color:#173c2d}
.etc-pi__visual{display:flex;flex-direction:column;position:relative;overflow:hidden;padding:32px 28px 25px;color:#fff;background:radial-gradient(ellipse at 15% 15%,#216854 0%,transparent 65%),#0c3229}.etc-pi__visual:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;background-image:radial-gradient(#b5e6d2 .7px,transparent .7px);background-size:16px 16px;mask-image:linear-gradient(#000,transparent 75%)}.etc-pi__visual>*{position:relative;z-index:1}.etc-pi__brand{font-size:11px;font-weight:650;letter-spacing:2px;color:#bed9cb;display:flex;align-items:center;gap:9px}.etc-pi__brand span{font-size:25px;letter-spacing:-1px;color:#fff;font-weight:850;font-style:italic}.etc-pi__orbit{margin:27px -11px 0;color:#a7dfc5}.etc-pi__orbit svg{width:100%;height:auto;stroke-width:1.4}.etc-pi__orbit-line{stroke-dasharray:3 5}.etc-pi__route{display:flex;align-items:center;flex-direction:column;gap:0;margin-top:-4px}.etc-pi__route span{font-size:10px;letter-spacing:1.1px;border:1px solid #74aa9160;background:#123d32;padding:9px 14px;border-radius:7px;min-width:172px;text-align:center;color:#d4efdf}.etc-pi__route i{height:13px;width:1px;background:#749d89}.etc-pi__visual p{font-size:25px;line-height:1.16;letter-spacing:-.7px;font-weight:650;margin:27px 0 10px;color:#fff}.etc-pi__visual small{font-size:12px;line-height:1.6;color:#b3cfc2}.etc-pi__domain{padding-top:26px;margin-top:auto;font-size:12px;letter-spacing:.2px;color:#b9d5c7;display:flex;justify-content:space-between}.etc-pi__domain span{color:#d0f4aa;font-size:18px}
.etc-pi__content{padding:36px 36px 27px}.etc-pi__eyebrow{display:flex;align-items:center;gap:7px;color:#18724f;font-size:10px;font-weight:750;letter-spacing:1.5px;margin:0 38px 15px 0}.etc-pi__eyebrow span{width:6px;height:6px;border-radius:50%;background:#209969;box-shadow:0 0 0 4px #eaf5ee}.etc-pi #etc-pi-title{margin:0 15px 14px 0;font-size:31px;line-height:1.13;font-weight:750;letter-spacing:-1px;color:#182f26}.etc-pi #etc-pi-intro{margin:0;font-size:14px;line-height:1.55;color:#66766e}.etc-pi__features{margin:23px 0 24px;padding:0;list-style:none;display:grid;gap:17px}.etc-pi__features li{display:flex;align-items:flex-start;gap:13px;margin:0;padding:0}.etc-pi__icon{flex:0 0 41px;width:41px;height:41px;display:grid;place-items:center;background:#eff5f0;color:#23734e;border:1px solid #e1ede4;border-radius:12px}.etc-pi__icon svg{width:23px;height:23px}.etc-pi__features h3{margin:0 0 4px;font-size:15px;line-height:1.25;font-weight:750;color:#24392d}.etc-pi__features p{margin:0;font-size:12.5px;line-height:1.55;color:#66746d}.etc-pi__actions{display:flex;align-items:stretch;gap:11px}.etc-pi__join{display:flex;align-items:center;justify-content:center;gap:17px;min-height:49px;padding:12px 23px;border-radius:11px;background:#16734f;color:#fff!important;text-decoration:none!important;font-size:14px;font-weight:700;box-shadow:0 4px 9px #12664020;transition:background .15s,transform .15s;flex:1;white-space:nowrap}.etc-pi__join svg{width:19px;height:19px}.etc-pi__join:hover{background:#0d5c3e;transform:translateY(-1px)}.etc-pi__using{min-height:49px;border:1px solid #dbe5de;border-radius:11px;padding:10px 14px;color:#53685a;background:#fff;font-size:12px;white-space:nowrap;transition:background .15s}.etc-pi__using:hover{background:#f1f6f2;color:#213e2e}.etc-pi__note{margin:11px 0 0;font-size:10.5px;text-align:center;color:#7a877f;line-height:1.4}.etc-pi :is(button,a):focus-visible{outline:3px solid #e7ab3d;outline-offset:3px}.etc-pi__using:disabled{opacity:.6;cursor:wait}html.etc-pi-open{overflow:hidden}
@keyframes etc-pi-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){dialog.etc-pi{width:calc(100% - 28px);max-height:calc(100dvh - 28px);border-radius:20px}.etc-pi__layout{display:block}.etc-pi__visual{display:none}.etc-pi__content{padding:28px 24px 24px}.etc-pi #etc-pi-title{font-size:29px;line-height:1.13;margin-right:0;max-width:410px}.etc-pi__eyebrow{margin-bottom:20px;font-size:10px}.etc-pi #etc-pi-intro{font-size:13px}.etc-pi__features{margin-top:23px;margin-bottom:23px;gap:18px}.etc-pi__features p{font-size:12.5px}.etc-pi__features h3{font-size:14px}.etc-pi__close{right:10px;top:10px;width:40px;height:40px}.etc-pi__actions{flex-direction:column;gap:8px}.etc-pi__join{min-height:49px}.etc-pi__using{min-height:42px;border-color:transparent;background:#f2f6f3}.etc-pi__note{margin-top:10px}}
@media(max-width:360px){.etc-pi__content{padding:26px 18px 18px}.etc-pi #etc-pi-title{font-size:26px}.etc-pi__features{gap:15px}.etc-pi__features li{gap:10px}.etc-pi__icon{width:35px;height:35px;flex-basis:35px}.etc-pi__features p{font-size:12px}}
@media(prefers-reduced-motion:reduce){dialog.etc-pi[open]{animation:none}.etc-pi__join,.etc-pi__close,.etc-pi__using{transition:none}.etc-pi__join:hover{transform:none}}
/* Legacy store themes apply global heading/button rules with high specificity. */
#etc-platform-invite #etc-pi-title{font-size:31px!important;line-height:1.13!important;letter-spacing:-1px!important;font-weight:750!important;color:#182f26!important;text-transform:none!important}
#etc-platform-invite .etc-pi__features h3{font-size:15px!important;line-height:1.25!important;font-weight:750!important;letter-spacing:normal!important;text-transform:none!important;color:#24392d!important}
#etc-platform-invite .etc-pi__close{border-radius:50%!important;padding:0!important}
#etc-platform-invite .etc-pi__visual small{color:#b3cfc2!important}
@media(max-width:700px){#etc-platform-invite #etc-pi-title{font-size:29px!important}#etc-platform-invite .etc-pi__features h3{font-size:14px!important}}
@media(max-width:360px){#etc-platform-invite #etc-pi-title{font-size:26px!important}}