.refer-code-preview{border:1px solid var(--border-2);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.rcp-topbar{display:flex;align-items:center;gap:8px;padding:13px 16px;border-bottom:1px solid var(--ds-border)}.rcp-dots{display:flex;gap:6px}.rcp-dots i{width:10px;height:10px;border-radius:50%;background:var(--ds-border)}.rcp-title{margin-left:6px;font-size:12.5px;color:var(--ds-muted);font-weight:500}.rcp-body{padding:clamp(22px,3vw,32px)}.rcp-label{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ds-muted);margin-bottom:10px}.rcp-code{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:clamp(22px,3vw,28px);font-weight:800;letter-spacing:.02em;padding:16px 18px;border:1px dashed var(--accent-line);border-radius:var(--r);background:radial-gradient(120% 140% at 0 0,var(--accent-soft),transparent 60%);color:var(--text)}.rcp-copy{font-size:12px;font-weight:600;letter-spacing:normal;text-transform:none;color:var(--ds-accent);border:1px solid var(--accent-line);border-radius:999px;padding:5px 12px;white-space:nowrap}.rcp-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.rcp-stat{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--ds-border);border-radius:var(--r);background:var(--surface-2)}.rcp-stat-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ds-muted)}.rcp-stat-value{font-size:20px;font-weight:800;letter-spacing:-.02em;color:var(--text)}.rcp-stat-value.rcp-accent{background:linear-gradient(120deg,var(--ds-accent),var(--accent-bright));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.refer-tier-cards{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px;margin:0 auto}.refer-tier-note{text-align:center;margin-top:22px;font-size:13.5px;color:var(--ds-muted)}@media (max-width:900px){.hero-grid{grid-template-columns:1fr}.refer-code-preview{max-width:480px;margin:0 auto}.refer-tier-cards{grid-template-columns:1fr;max-width:400px}}