/* ShelfPay home: identity for the family layer (family.css). Teal into RxHealing blue, like the S mark. Home page only. */
:root{--nx-glow-a:rgba(46,191,145,.24);--nx-glow-b:rgba(81,189,228,.20);--nx-text:linear-gradient(100deg,#8FEBCB 0%,#7FD3F0 85%);
 --nx-accent:#7FE6C2;--nx-accent-rgb:46,191,145;--nx-accent-2-rgb:81,189,228}
.hx{--bx:70.7%;--by:39%;--bw:20%}
@media (max-width:820px){.hx{--bw:24%}}
.hx .tag i{background:radial-gradient(circle at 35% 30%,#fff 0 12%,transparent 13%),linear-gradient(140deg,#2EBF91,#51BDE4);box-shadow:0 0 0 3px rgba(46,191,145,.28)}
.hx .tagline{margin:18px 0 0;font-size:clamp(21px,2.1vw,26px);letter-spacing:-.025em;font-weight:500;color:#fff}
.hx h1{max-width:9ch}
.hx .aud{margin-top:26px}
.cx .join-side .k{color:var(--muted)}
.cx .join-side ul{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:10px}
.cx .join-side li{display:flex;gap:10px;align-items:center;font-size:15.5px;color:var(--ink-2)}
.cx .join-side li::before{content:"";width:18px;height:18px;flex:none;border-radius:50%;background:#2EBF91 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.5l2.5 2.5L13 6.5' fill='none' stroke='%23062019' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat}
.cx .join-side .btn{margin-top:28px}
.cx .join-side .statusline{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}