.credentials { background: var(--ink); color: #fff; padding-block: var(--s-7); }
.credentials__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--s-6); }
.credential { display: grid; gap: var(--s-1); }
.credential__value { font-size: var(--step-3); font-weight: 500; color: #fff; letter-spacing: -0.01em; }
.credential__label { font-size: var(--step-0); font-weight: 600; color: #dfe5ea; }
.credential__note { font-size: var(--step--1); color: #98a3ac; line-height: 1.5; }

@media (max-width: 860px) { .credentials__grid { grid-template-columns: repeat(2, 1fr); gap: var(--s-5); } }
@media (max-width: 520px) { .credentials__grid { grid-template-columns: 1fr; } }