/* $ELYO token section (home) and the footer CA chip. One card on the sky: mark + live dot, big address, Copy, three links. */
.rs-token { padding-block: var(--rs-sec) calc(var(--rs-sec) * 0.7); }
.rs-token__card { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: clamp(28px, 5vw, 72px); align-items: center; padding: clamp(28px, 4vw, 56px); max-width: 1120px; margin-inline: auto; }
.rs-token__mark { position: relative; width: clamp(96px, 14vw, 168px); aspect-ratio: 1; flex: none; }
.rs-token__mark img { display: block; width: 100%; height: 100%; border-radius: 50%; object-fit: cover; box-shadow: 0 24px 60px rgba(13, 122, 95, 0.28), 0 0 0 6px rgba(255, 255, 255, 0.75); }
.rs-token__live { position: absolute; left: 50%; bottom: -14px; transform: translateX(-50%); display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px; border-radius: 999px; white-space: nowrap;
  background: #fff; color: var(--rs-text); font: 500 14px/1 var(--rs-font); box-shadow: 0 10px 24px rgba(10, 60, 45, 0.16); }
.rs-token__live i { width: 8px; height: 8px; border-radius: 50%; background: #1fbf75; box-shadow: 0 0 0 0 rgba(31, 191, 117, 0.5); animation: rs-token-pulse 2.4s ease-out infinite; }
@keyframes rs-token-pulse { 70% { box-shadow: 0 0 0 9px rgba(31, 191, 117, 0); } 100% { box-shadow: 0 0 0 0 rgba(31, 191, 117, 0); } }
.rs-token__body .rs-h2 { margin: 0; }
.rs-token__body .rs-sub { margin: 12px 0 0; }
.rs-token__ca { margin-top: clamp(22px, 2.6vw, 32px); }
.rs-token__label { font: 500 14px/1 var(--rs-font); color: var(--rs-text-3); margin-bottom: 10px; }
.rs-token__row { display: flex; align-items: center; gap: 12px; padding: 8px 8px 8px 22px; border-radius: 999px; background: rgba(255, 255, 255, 0.82); box-shadow: inset 0 0 0 1px rgba(14, 26, 22, 0.06); }
.rs-token__addr { flex: 1; min-width: 0; font: 500 clamp(13px, 1.25vw, 17px)/1.3 ui-monospace, "SF Mono", Menlo, Consolas, monospace; color: var(--rs-text); letter-spacing: 0; overflow-wrap: anywhere; user-select: all; padding-block: 6px; }
.rs-token__copy { flex: none; gap: 8px; min-width: 116px; justify-content: center; }
.rs-token__copy svg { width: 18px; height: 18px; }
.rs-token__copy.is-done { --bg: #1fbf75; --bg-hover: #1fbf75; }
.rs-token__links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.rs-token__note { margin: 22px 0 0; max-width: 58ch; font: 400 14px/1.55 var(--rs-font); color: var(--rs-text-2); }
.rs-token__note a { color: var(--rs-accent); text-underline-offset: 3px; }
@media (max-width: 860px) {
  .rs-token__card { grid-template-columns: minmax(0, 1fr); justify-items: start; gap: 36px; }
}
@media (max-width: 560px) {
  .rs-token__row { flex-direction: column; align-items: stretch; border-radius: 24px; padding: 14px; gap: 10px; }
  .rs-token__addr { padding: 2px 6px; text-align: left; }
  .rs-token__copy { width: 100%; }
}

/* footer chip */
.rs-ca-chip { display: inline-flex; align-items: center; gap: 8px; min-height: 36px; padding: 0 12px 0 10px; border: 0; border-radius: 999px; cursor: pointer; background: rgba(13, 122, 95, 0.09); color: var(--rs-text); font: 500 14px/1 var(--rs-font); }
.rs-ca-chip__k { padding: 4px 7px; border-radius: 999px; background: var(--rs-accent); color: #fff; font-size: 12px; letter-spacing: 0.02em; }
.rs-ca-chip__v { font-family: ui-monospace, "SF Mono", Menlo, monospace; font-size: 13px; }
.rs-ca-chip__i svg { width: 15px; height: 15px; display: block; }
.rs-ca-chip.is-done .rs-ca-chip__v { color: #14935a; }
@media (hover: hover) { .rs-ca-chip:hover { background: rgba(13, 122, 95, 0.16); } }
.rs-ca-chip:focus-visible, .rs-token__copy:focus-visible { outline: 2px solid var(--rs-accent); outline-offset: 3px; }

/* hero CA pill: the same contract address, right under the headline */
.rs-capill { display: inline-flex; align-items: center; gap: 12px; margin-top: clamp(18px, 2.4svh, 28px); max-width: calc(100% - 2 * var(--rs-gutter, 16px)); padding: 6px 8px 6px 6px; border: 0; border-radius: 999px; cursor: pointer; text-align: left;
  background: rgba(255, 255, 255, 0.8); -webkit-backdrop-filter: blur(var(--rs-blur, 20px)) saturate(1.2); backdrop-filter: blur(var(--rs-blur, 20px)) saturate(1.2);
  box-shadow: 0 14px 36px rgba(10, 60, 45, 0.16), inset 0 0 0 1px rgba(255, 255, 255, 0.7); color: var(--rs-text); font: 500 15px/1 var(--rs-font); transition: transform 0.25s var(--rs-ease-out, ease), box-shadow 0.25s; }
.rs-capill__mark { width: 36px; height: 36px; border-radius: 50%; display: block; flex: none; box-shadow: 0 0 0 2px #fff; }
.rs-capill__k { flex: none; color: var(--rs-accent); font-weight: 600; letter-spacing: 0.01em; }
.rs-capill__a { min-width: 0; font: 500 clamp(12px, 1.05vw, 14.5px)/1 ui-monospace, "SF Mono", Menlo, Consolas, monospace; color: var(--rs-text-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rs-capill__short { display: none; }
.rs-capill__c { flex: none; display: inline-flex; align-items: center; gap: 7px; height: 36px; padding: 0 16px; border-radius: 999px; background: var(--rs-text); color: #fff; font-weight: 500; }
.rs-capill__c svg { width: 16px; height: 16px; display: block; }
.rs-capill.is-done .rs-capill__c { background: #1fbf75; }
@media (hover: hover) { .rs-capill:hover { transform: translateY(-2px); box-shadow: 0 20px 44px rgba(10, 60, 45, 0.22), inset 0 0 0 1px rgba(255, 255, 255, 0.7); } }
.rs-capill:focus-visible { outline: 2px solid var(--rs-accent); outline-offset: 4px; }
@media (max-width: 640px) { .rs-capill__full { display: none; } .rs-capill__short { display: inline; } .rs-capill { gap: 10px; font-size: 14px; } }
/* no CA yet (11 Nov): the same slot, plainly "Coming soon" */
.rs-token__addr--soon { font-family: var(--rs-font); font-weight: 600; color: var(--rs-text-3); user-select: none; }