.relay-box{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
.relay-url{display:flex;gap:8px}
.relay-url input{flex:1;min-width:0}
.share-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.share-row a,.share-row button{border:1px solid var(--line);background:rgba(0,10,49,.7);color:#fff;border-radius:999px;padding:10px 14px;text-decoration:none;font-weight:800;cursor:pointer}
.growth-field input,.growth-field textarea,.relay-url input{width:100%;border:1px solid var(--line);border-radius:14px;background:#000b36;color:#fff;padding:13px 14px;outline:none}
.growth-field input:focus,.growth-field textarea:focus,.relay-url input:focus{border-color:var(--cyan)}


.social-proof-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:18px auto 0}
.social-proof-strip span{display:inline-flex;gap:5px;align-items:center;padding:8px 12px;border:1px solid rgba(0,180,255,.22);border-radius:999px;background:rgba(0,13,52,.72);color:#a9c7da;font-size:12px}
.social-proof-strip strong{color:#fff}
.relay-chain{overflow:hidden}
.relay-chain-track{display:flex;align-items:center;gap:12px;overflow:auto;padding:8px 2px 14px}
.relay-chain-track>span{min-width:150px;padding:12px;border:1px solid rgba(0,180,255,.24);border-radius:16px;background:rgba(0,26,70,.45)}
.relay-chain-track b{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:8px;border-radius:50%;background:#00b4ff;color:#00101d}
.relay-chain-track small{display:block;margin-top:6px;color:#8aa7bd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.relay-chain-track>i{color:#00b4ff;font-style:normal;font-weight:900}
.milestone-grid,.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.milestone,.metric-card{padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(0,17,58,.62)}
.milestone{display:grid;gap:7px}
.milestone.is-unlocked{border-color:rgba(0,180,255,.52);box-shadow:inset 0 0 0 1px rgba(0,180,255,.08)}
.milestone span,.milestone small,.metric-card span{color:#91afc4}
.milestone button{justify-self:start;border:0;border-radius:999px;padding:7px 11px;background:#00b4ff;color:#00101d;font-weight:900;cursor:pointer}
.growth-toast{position:fixed;right:18px;bottom:112px;z-index:80;max-width:360px;display:grid;gap:6px;padding:16px 18px;border:1px solid #00b4ff;border-radius:18px;background:#000b2f;color:#fff;box-shadow:0 18px 70px rgba(0,0,0,.45)}
.growth-toast span{color:#9cb9cd}
.growth-toast button{justify-self:start;border:0;border-radius:999px;padding:8px 12px;background:#00b4ff;color:#00101d;font-weight:900;cursor:pointer}

.satisfaction-share{position:fixed;z-index:110;left:50%;bottom:110px;transform:translateX(-50%);width:min(680px,calc(100% - 24px));display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:16px 18px;border:1px solid rgba(0,180,255,.64);border-radius:22px;background:rgba(0,0,40,.97);box-shadow:0 24px 90px rgba(0,0,0,.58);backdrop-filter:blur(18px)}
.satisfaction-share strong,.satisfaction-share span{display:block}
.satisfaction-share span{margin-top:3px;color:#9db9ce;font-size:13px}
.satisfaction-share .growth-secondary{min-width:44px;padding-inline:12px}