/* ── social.css ── */
.social-page { display: flex; justify-content: center; align-items: flex-start; min-height: 100vh; padding: 48px 24px; background: #080808; }

.social-wrap { width: 100%; max-width: 480px; display: flex; flex-direction: column; gap: 32px; }

.social-header { text-align: center; padding: 8px 0 8px; }
.social-logo { font-size: 1.5rem; font-weight: 800; letter-spacing: -0.03em; margin-bottom: 8px; color: #fff; }
.social-tagline { font-size: 0.6875rem; color: #555; text-transform: uppercase; letter-spacing: 0.12em; }

.social-links { display: flex; flex-direction: column; gap: 1px; background: #1a1a1a; }

.social-link { display: flex; align-items: center; gap: 16px; padding: 20px 24px; background: #0f0f0f; transition: background 0.15s; text-decoration: none; }
.social-link:hover { background: #141414; }
.social-link__dot { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }
.social-link__label { flex: 1; font-size: 0.9375rem; font-weight: 700; color: #fff; }
.social-link__sub { font-size: 0.75rem; color: #888; margin-top: 2px; }
.social-link__arrow { font-size: 0.875rem; color: #666; transition: color 0.15s; }
.social-link:hover .social-link__arrow { color: #888; }

.social-link--primary { background: #080808; border-bottom: 1px solid #1a1a1a; }
.social-link--primary .social-link__label { font-size: 0.75rem; color: #555; text-transform: uppercase; letter-spacing: 0.1em; }

.social-link--cta { background: #6366f1; }
.social-link--cta:hover { background: #4f52d9; }
.social-link--cta .social-link__label { color: #fff; }
.social-link--cta .social-link__arrow { color: rgba(255,255,255,0.5); }

.social-footer { text-align: center; font-size: 0.6875rem; color: #222; text-transform: uppercase; letter-spacing: 0.12em; }