.portal { max-width: 980px; margin: 0 auto; padding: 24px; }
.ptop { display: flex; align-items: center; justify-content: space-between; margin-bottom: 26px; }
.ptop .who { display: flex; gap: 10px; align-items: center; color: var(--muted, #9aa0bd); }
.srv { display: grid; grid-template-columns: 1fr 360px; gap: 18px; margin-bottom: 18px; }
.srv .card { display: flex; flex-direction: column; gap: 10px; }
.steps { counter-reset: s; display: flex; flex-direction: column; gap: 8px; }
.steps li { list-style: none; padding-left: 28px; position: relative; }
.steps li::before { counter-increment: s; content: counter(s); position: absolute; left: 0; top: 0; width: 20px; height: 20px; border-radius: 50%;
  background: var(--a10, #5ef2c61a); color: var(--accent, #5ef2c6); display: grid; place-items: center; font-size: 12px; font-weight: 700; }
code.big { font-size: 15px; padding: 4px 10px; border-radius: 8px; background: #ffffff10; user-select: all; }
@media (max-width: 860px) { .srv { grid-template-columns: 1fr; } }